@font-face {
	font-family:'NanumBarunGothic';
	font-weight:normal;
	src:url(/assets/fonts/NanumBarunGothic/NanumBarunGothic.eot);
	src:url(/assets/fonts/NanumBarunGothic/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumBarunGothic/NanumBarunGothic.woff2) format('woff2'),
	url(/assets/fonts/NanumBarunGothic/NanumBarunGothic.woff) format('woff'),
	url(/assets/fonts/NanumBarunGothic/NanumBarunGothic.ttf) format('truetype'),
	url(/assets/fonts/NanumGothic/NanumBarunGothic.otf) format('truetype');
}

@font-face {
	font-family:'NanumBarunGothicBold';
	font-weight:normal;
	src:url(/assets/fonts/NanumBarunGothic/NanumBarunGothicBold.eot);
	src:url(/assets/fonts/NanumBarunGothic/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumBarunGothic/NanumBarunGothicBold.woff2) format('woff2'),
	url(/assets/fonts/NanumBarunGothic/NanumBarunGothicBold.woff) format('woff'),
	url(/assets/fonts/NanumBarunGothic/NanumBarunGothicBold.ttf) format('truetype'),
	url(/assets/fonts/NanumGothic/NanumBarunGothicBold.otf) format('truetype');
}
@font-face {
	font-family:'NanumGothic-Regular';
	font-weight:normal;
	src:url(/assets/fonts/NanumGothic/NanumGothic-Regular.eot);
	src:url(/assets/fonts/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumGothic/NanumGothic-Regular.woff2) format('woff2'),
	url(/assets/fonts/NanumGothic/NanumGothic-Regular.woff) format('woff'),
	url(/assets/fonts/NanumGothic/NanumGothic-Regular.ttf) format('truetype'),
	url(/assets/fonts/NanumGothic/NanumGothic-Regular.otf) format('truetype');
}

@font-face {
	font-family:'NanumGothic-ExtraBold';
	font-weight:normal;
	src:url(/assets/fonts/NanumGothic/NanumGothic-ExtraBold.eot);
	src:url(/assets/fonts/NanumGothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumGothic/NanumGothic-ExtraBold.woff2) format('woff2'),
	url(/assets/fonts/NanumGothic/NanumGothic-ExtraBold.woff) format('woff'),
	url(/assets/fonts/NanumGothic/NanumGothic-ExtraBold.ttf) format('truetype'),
	url(/assets/fonts/NanumGothic/NanumGothic-ExtraBold.otf) format('truetype');
}

@font-face {
	font-family:'NanumGothic-Bold';
	font-weight:normal;
	src:url(/assets/fonts/NanumGothic/NanumGothic-Bold.eot);
	src:url(/assets/fonts/NanumGothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumGothic/NanumGothic-Bold.woff2) format('woff2'),
	url(/assets/fonts/NanumGothic/NanumGothic-Bold.woff) format('woff'),
	url(/assets/fonts/NanumGothic/NanumGothic-Bold.ttf) format('truetype'),
	url(/assets/fonts/NanumGothic/NanumGothic-Bold.otf) format('truetype');
}
@font-face {
	font-family:'NanumPenScript-Regular';
	font-weight:normal;
	src:url(/assets/fonts/NanumPenScript/NanumPenScript-Regular.eot);
	src:url(/assets/fonts/NanumPenScript/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumPenScript/NanumPenScript-Regular.woff2) format('woff2'),
	url(/assets/fonts/NanumPenScript/NanumPenScript-Regular.woff) format('woff'),
	url(/assets/fonts/NanumPenScript/NanumPenScript-Regular.ttf) format('truetype'),
	url(/assets/fonts/NanumPenScript/NanumPenScript-Regular.otf) format('truetype');
}

@font-face {
	font-family:'NanumMyeongjo';
	font-weight:normal;
	src:url(/assets/fonts/NanumMyeongjo/NanumMyeongjo.eot);
	src:url(/assets/fonts/NanumMyeongjo/NanumMyeongjo.eot?#iefix) format('embedded-opentype'),
	url(/assets/fonts/NanumMyeongjo/NanumMyeongjo.woff) format('woff');
}



body {font-family:'NanumGothic-Regular', sans-serif; line-height:1.5; }
@charset "utf-8";

/* padding margin class*/

.line_h { line-height:120%; }
.line_h1 { line-height:150%; }
.line_h2 { line-height:180%; }
.f_web { font-weight:bold; }
.f_wem { font-weight:300; }

.font_f1 { font-family:Dotum; }

.dis_box {display:inline-block;}

label { color:#111; font-weight:100; }
.pz {padding:0;}
.mz {margin:0;}
.mar_cen { margin:auto; }

ul,li { list-style:none; text-decoration:none; padding:0; border:0; }
.over_h { overflow:hidden; }
.cp { cursor:pointer; }
.dis_n { display:none; }
.dis_b { display:block; }
.cl_b { clear:both; }
.fl_r { float:right; }
.fl_l { float:left; }

.text_j { text-align:justify; }
.text_del { text-decoration:line-through; }
.text_line {text-decoration: underline;}
.text_g { font-style:oblique; }

a:link { text-decoration:none; color:#111; }
a:hover { text-decoration:none; color:#111; }
a:visited { color:#111; }

.text_de {text-shadow: 1px 1px 1px gray;}

/* margin */
.m10p { margin-top:10%; }
.m10 { margin:10px; }
.m15 { margin:15px; }

.mtm1 { margin-top:-1px; }
.mtm2 { margin-top:-2px; }
.mtm3 { margin-top:-3px; }
.mtm4 { margin-top:-4px; }
.mtm5 { margin-top:-5px; }
.mtm8 { margin-top:-8px; }
.mtm10 { margin-top:-10px; }

.mtmp { margin-top:-3.8%; }

.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt13 { margin-top:13px; }
.mt14 { margin-top:14px; }
.mt15 { margin-top:15px; }
.mt17 { margin-top:17px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt75 { margin-top:75px; }
.mt80 { margin-top:80px; }
.mt85 { margin-top:85px; }
.mt90 { margin-top:90px; }
.mt95 { margin-top:95px; }
.mt100 { margin-top:100px; }
.mt110 { margin-top:110px; }
.mt120 { margin-top:120px; }
.mt140 { margin-top:140px; }
.mt160 { margin-top:160px; }
.mt170 { margin-top:170px; }
.mt190 { margin-top:190px; }
.mt200 { margin-top:200px; }
.mt230 { margin-top:230px; }
.mt250 { margin-top:250px; }
.mt350 { margin-top:350px; }
.mt400 { margin-top:400px; }
.mt420 { margin-top:420px; }
.mt430 { margin-top:430px; }

.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.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; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.mb120 { margin-bottom:120px; }
.mb130 { margin-bottom:130px; }
.mb140 { margin-bottom:140px; }
.mb150 { margin-bottom:150px; }
.mb170 { margin-bottom:170px; }
.mb200 { margin-bottom:200px; }

.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml17 { margin-left:17px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml150 { margin-left:150px; }
.ml220 { margin-left:220px; }

.mr3 { margin-right:3px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr10 { margin-right:10px; }
.mr13 { margin-right:13px; }
.mr14 { margin-right:14px; }
.mr15 { margin-right:15px; }
.mr17 { margin-right:17px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.mr70 { margin-right:70px; }

/* padding */
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p3 {padding:4px;}
.p5 {padding:5px;}
.p6 {padding:6px;}
.p10 {padding:10px;}
.p14 {padding:14px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}
.p35 {padding:35px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.p90 {padding:90px;}

.pt2 { padding-top:2px; }
.pt3 { padding-top:3px; }
.pt4 { padding-top:4px; }
.pt5 { padding-top:5px; }
.pt6 { padding-top:6px; }
.pt7 { padding-top:7px; }
.pt8 { padding-top:8px; }
.pt9 { padding-top:9px; }
.pt10 { padding-top:10px; }
.pt12 { padding-top:12px; }
.pt14 { padding-top:14px; }
.pt15 { padding-top:15px; }
.pt17 { padding-top:17px; }
.pt18 { padding-top:18px; }
.pt20 { padding-top:20px; }
.pt21 { padding-top:21px; }
.pt23 { padding-top:23px; }
.pt13 { padding-top:13px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt28 { padding-top:28px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt55 { padding-top:55px; }
.pt60 { padding-top:60px; }
.pt65 { padding-top:65px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }
.pt110 { padding-top:110px; }
.pt140 { padding-top:140px; }
.pt170 { padding-top:170px; }
.pt180 { padding-top:180px; }
.pt300 { padding-top:300px; }

.pb1 { padding-bottom:1px; }
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb7 { padding-bottom:7px; }
.pb8 { padding-bottom:8px; }
.pb9 { padding-bottom:9px; }
.pb10 { padding-bottom:10px; }
.pb11 { padding-bottom:11px; }
.pb12 { padding-bottom:12px; }
.pb13 { padding-bottom:13px; }
.pb14 { padding-bottom:14px; }
.pb15 { padding-bottom:15px; }
.pb18 { padding-bottom:18px; }
.pb20 { padding-bottom:20px; }
.pb21 { padding-bottom:21px; }
.pb24 { padding-bottom:24px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb37 { padding-bottom:37px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb75 { padding-bottom:75px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }
.pb110 { padding-bottom:110px; }
.pb300 { padding-bottom:300px; }

.pl1 { padding-left:1px; }
.pl2 { padding-left:2px; }
.pl3 { padding-left:3px; }
.pl4 { padding-left:4px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl11 { padding-left:11px; }
.pl14 { padding-left:14px; }
.pl15 { padding-left:15px; }
.pl16 { padding-left:16px; }
.pl17 { padding-left:17px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }
.pl80 { padding-left:80px; }
.pl85 { padding-left:85px; }
.pl90 { padding-left:90px; }
.pl55 { padding-left:55px; }
.pl100 { padding-left:100px; }
.pl110 { padding-left:110px; }
.pl120 { padding-left:120px; }
.pl130 { padding-left:130px; }
.pl150 { padding-left:150px; }

.pr5 { padding-right:5px; }
.pr6 { padding-right:6px; }
.pr10 { padding-right:10px; }
.pr11 { padding-right:11px; }
.pr14 { padding-right:14px; }
.pr15 { padding-right:15px; }
.pr16 { padding-right:16px; }
.pr17 { padding-right:17px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }
.pr55 { padding-right:55px; }
.pr60 { padding-right:60px; }
.pr65 { padding-right:65px; }
.pr80 { padding-right:80px; }
.pr90 { padding-right:90px; }
.pr95 { padding-right:95px; }
.pr100 { padding-right:100px; }
.pr110 { padding-right:110px; }
.pr115 { padding-right:115px; }
.pr120 { padding-right:120px; }
.pr130 { padding-right:130px; }
.pr140 { padding-right:140px; }

/* font */
.fs_11 { font-size:0.688em; }
.fs_12 { font-size:0.750em; }
.fs_13 { font-size:0.813em; }
.fs_14 { font-size:0.875em; }
.fs_15 { font-size:0.938em; }
.fs_16 { font-size:1.000em; }
.fs_17 { font-size:1.063em; }
.fs_18 { font-size:1.125em; }
.fs_19 { font-size:1.188em; }
.fs_20 { font-size:1.250em; }
.fs_22 { font-size:1.375em; }
.fs_23 { font-size:1.438em; }
.fs_24 { font-size:1.500em; }
.fs_25 { font-size:1.563em; }
.fs_26 { font-size:1.625em; }
.fs_27 { font-size:27px; }
.fs_28 { font-size:28px; }
.fs_30 { font-size:1.875em; }
.fs_32 { font-size:2.000em; }
.fs_35 { font-size:2.188em; }
.fs_36 { font-size:2.250em; }
.fs_40 { font-size:2.500em; }
.fs_42 { font-size:2.625em; }
.fs_45 { font-size:2.813em; }
.fs_46 { font-size:2.875em; }
.fs_48 { font-size:3.000em; }
.fs_49 { font-size:49px; }
.fs_50 { font-size:50px; }
.fs_55 { font-size:3.438em; }
.fs_60 { font-size:3.750em; }
.fs_64 { font-size:4.000em; }
.fs_72 { font-size:4.500em; }

.f_we0 { font-weight:100; }
.f_we1 { font-weight:200; }
.f_we2 { font-weight:300; }
.f_we3 { font-weight:400; }
.f_we4 { font-weight:500; }
.f_we5 { font-weight:600; }

.letter1 { letter-spacing:-1px; }
.letter2 { letter-spacing:-2px; }
.letter3 { letter-spacing:-3px; }


/* width */
.we5 { width:5%; }
.we7 { width:7%; }
.we10 { width:10%; }
.we15 { width:15%; }
.we100 { width:100%; }
.we20 { width:19.99%; }
.we25 { width:25%; }
.we30 { width:30%; }
.we33 { width:33%; }
.we40 { width:40%; }
.we50 { width:50%; }
.we60 { width:60%; }
.we80 { width:80%; }
.we260 { width:260px; }
.we142 { width:14.2%; }

.min_700 {min-width:700px;}
.min_800 {min-width:800px;}

.we_10 { width:10px; }
.we_20 { width:20px; }
.we_30 { width:30px; }
.we_35 { width:35px; }
.we_40 { width:40px; }
.we_44 { width:44px; }
.we_50 { width:50px; }
.we_60 { width:60px; }
.we_64 { width:64px; }
.we_70 { width:70px; }
.we_90 { width:90px; }
.we_100 { width:100px; }
.we_115 { width:115px; }
.we_120 { width:120px; }
.we_130 { width:130px; }
.we_140 { width:140px; }
.we_150 { width:150px; }
.we_160 { width:160px; }
.we_170 { width:170px; }
.we_200 { width:200px; }
.we_230 { width:230px; }
.we_300 { width:300px; }
.we_350 { width:350px; }
.we_750 { width:750px; }

.min_w1 { min-width:1200px; }

/* height */
.min_h1 { min-height:800px; }
.he100p { height:100%; }
.he5 { height:5px; }
.he10 { height:10px; }
.he15 { height:15px; }
.he20 { height:20px; }
.he25 { height:25px; }
.he30 { height:30px; }
.he35 { height:35px; }
.he37 { height:37px; }
.he38 { height:38px; }
.he39 { height:39px; }
.he40 { height:40px; }
.he45 { height:45px; }
.he47 { height:47px; }
.he50 { height:50px; }
.he55 { height:55px; }
.he60 { height:60px; }
.he65 { height:65px; }
.he70 { height:70px; }
.he75 { height:75px; }
.he80 { height:80px; }
.he85 { height:85px; }
.he90 { height:90px; }
.he95 { height:95px; }
.he100 { height:100px; }
.he110 { height:110px; }
.he113 { height:113px; }
.he114 { height:114px; }
.he115 { height:115px; }
.he116 { height:116px; }
.he120 { height:120px; }
.he125 { height:125px; }
.he130 { height:130px; }
.he135 { height:135px; }
.he140 { height:140px; }
.he145 { height:145px; }
.he149 { height:149px; }
.he150 { height:150px; }
.he160 { height:160px; }
.he170 { height:170px; }
.he180 { height:180px; }
.he184 { height:184px; }
.he185 { height:185px; }
.he190 { height:190px; }
.he157 { height:157px; }
.he240 { height:240px; }
.he250 { height:250px; }
.he200 { height:200px; }
.he210 { height:210px; }
.he220 { height:220px; }
.he230 { height:230px; }
.he240 { height:240px; }
.he250 { height:250px; }
.he260 { height:260px; }
.he270 { height:270px; }
.he280 { height:280px; }
.he290 { height:290px; }
.he300 { height:300px; }
.he330 { height:330px; }
.he340 { height:340px; }
.he370 { height:370px; }
.he380 { height:380px; }
.he400 { height:400px; }
.he420 { height:420px; }
.he470 { height:470px; }
.he302 { height:302px; }
.he314 { height:314px; }
.he350 { height:350px; }
.he360 { height:360px; }
.he460 { height:460px; }
.he480 { height:480px; }
.he500 { height:500px; }
.he520 { height:520px; }
.he530 { height:530px; }
.he540 { height:540px; }
.he570 { height:570px; }
.he580 { height:580px; }
.he600 { height:600px; }
.he635 { height:635px; }
.he650 { height:650px; }
.he670 { height:670px; }
.he698 { height:698px; }
.he700 { height:700px; }
.he800 { height:800px; }

/*color*/
.fc00 { color:#fff; }
.fc0 { color:#000; }
.fc1 { color:#111; }
.fc2 { color:#222; }
.fc3 { color:#333; }
.fc4 { color:#444; }
.fc5 { color:#555; }
.fc6 { color:#666; }
.fc7 { color:#777; }
.fc8 { color:#888; }
.fc9 { color:#999; }

.fc11 { color:#cccccc; }
.fc22 { color:#3a2020; }
.fc33 { color:#089814; }
.fc44 { color:#eb0000; }
.fc55 { color:#ff0000; }
.fc66 { color:#9fa19f; }
.fc77 { color:#7f7f7f; }

.fc01 { color:#4bb613; }
.fc02 { color:#ff8a00; }
.fc03 { color:#03aed9; }
.fc04 { color:#9a2aba; }
.fc05 { color:#0066ff; }
/*############################################ 초기설정끝 ###################################################*/


/* input style*/
 .checkbox_large
  {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
  }
/*@input style*/
/* form-control */
.form-control {
  display: block;
  width: 100%;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e1e1e1;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-error {
  border-color: red;
  background-color: #fff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0);
}
.style1 input[type=radio]:disabled + label + label { display:inline; position:relative;top:-3px;}

.input_text_he40 input[type="text"] { height:40px; }
.input_text_he40 input[type="password"] { height:40px; }
.input_text_he40 input[type="email"] { height:40px; }

.letter1 { letter-spacing:-1px; }

.filebox input[type="file"] {
/* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}
input[type=text]::-ms-clear {
display:none;
}

/* 버튼 */
.main_bt {
  width:100%;
  border-radius:10px;
  background-color: #089814;
  border:0;
}
.main_bt:hover {
  background-color:#098e15;
}

.main_bt1 {
  width:100%;
  border-radius:5px;
  background-color: #08a314;
  cursor:pointer;
  border:0;
}
.main_bt1:hover {
  background-color:#098e15;
}


.main_bt1_disable {
    width:100%;
    border-radius:5px;
    background-color: #a3252f;
    cursor:not-allowed;
    border:0;
}
.main_bt1_disable:hover {
    background-color:#a3252f;
}



.main_bt2 {
  width:100%;
  border-radius:5px;
  background-color: #787878;
  border:0;
}
.main_bt2:hover {
  background-color:#716d6d;
}

.main_bt3 {
  width:100%;
  border-radius:0px;
  background-color: #787878;
  border:0;
}
.main_bt3:hover {
  background-color:#716d6d;
}

.main_bt4 {
  width:100%;
  border-radius:5px;
  background-color: #f2200f;
  cursor:pointer;
  border:0;
}
.main_bt4:hover {
  background-color:#c91c0e;
}

.ok_bt {
  width:100%;
  border-radius:5px;
  background-color: #000000;
  border:0;
}
.ok_bt:hover {
  background-color:#313131;
}

.no_bt {
  width:100%;
  border-radius:5px;
  background-color: #f7f7f7;
  border:1px solid #d3d3d3;
}
.no_bt:hover {
  background-color:#eeeeee;
}

.no_bt1_1 {
  border-radius:5px;
  background-color: #f7f7f7;
  border:1px solid #d3d3d3;
  padding:0 10px;
}
.no_bt1_1:hover {
  background-color:#eeeeee;
}

.no_bt1 {
	padding:0 15px;
  border-radius:20px;
  background-color: #f7f7f7;
  border:1px solid #d3d3d3;
}
.no_bt1:hover {
  background-color:#eeeeee;
}

.no_bt2 {

  border-radius:0px;
  background-color: #f7f7f7;
  border:1px solid #d3d3d3;
}
.no_bt2:hover {
  background-color:#eeeeee;
}

.here_bt {
  border-radius:3px;
  background-color: #f7f7f7;
  border:1px solid #d3d3d3;
  padding:0 10px;
}
.here_bt:hover {
  background-color:#eeeeee;
}

.here_bt1 {
  border-radius:3px;
  background-color: #e7112b;
  border:1px solid #cb1027;
  padding:0 10px;
}
.here_bt1:hover {
  background-color:#cb1027;
}
.here_bt2 {
  border-radius:3px;
  background-color: #ffc000;
  border:1px solid #ff9c00;
  padding:0 10px;
}
.here_bt2:hover {
  background-color:#ff9c00;
}
.here_bt3 {
  border-radius:3px;
  background-color: #00c73c;
  border:1px solid #00b336;
  padding:0 10px;
}
.here_bt3:hover {
  background-color:#00b336;
}
.here_bt4 {
  border-radius:3px;
  background-color: #55acee;
  border:1px solid #4c9ad6;
  padding:0 10px;
}
.here_bt4:hover {
  background-color:#4c9ad6;
}
.here_bt5 {
  border-radius:3px;
  background-color: #4c69ba;
  border:1px solid #445ea7;
  padding:0 10px;
}
.here_bt5:hover {
  background-color:#445ea7;
}
.here_bt6 {
  border-radius:5px;
  background-color: #069714;
  border:1px solid #057c10;
  padding:0 10px;
}
.here_bt6:hover {
  background-color:#057c10;
}

.order_bt1 {
  border-radius:15px;
  background-color: #ee7727;
  border:1px solid #ca5a0e;
  padding:0 10px;
}
.order_bt1:hover {
  background-color:#ca5a0e;
}

.order_bt2 {
  border-radius:15px;
  background-color: #0283e1;
  border:1px solid #0169b4;
  padding:0 10px;
}
.order_bt2:hover {
  background-color:#0169b4;
}
.order_bt3 {
  border-radius:15px;
  background-color: #4bb613;
  border:1px solid #39890f;
  padding:0 10px;
}
.order_bt3:hover {
  background-color:#39890f;
}

/*sns_bt*/
.sns_bt1 {
  width:100%;
  border-radius:10px;
  background-color: #2db400;
  border:0;
}
.sns_bt1:hover {
  background-color:#31a70a;
}

.sns_bt2 {
  width:100%;
  border-radius:10px;
  background-color: #3a5896;
  border:0;
}
.sns_bt2:hover {
  background-color:#3c5588;
}

.sns_bt3 {
  width:100%;
  border-radius:10px;
  background-color: #fff200;
  border:0;
}
.sns_bt3:hover {
  background-color:#f6eb16;
}

.sns_bt4 {
  width:100%;
  border-radius:10px;
  background-color: #f2f2f2;
  border:0;
}
.sns_bt4:hover {
  background-color:#e7e5e5;
}


/* ------------------------------------------- START --------------------------------------- */
.container { max-width:1180px;   }
.container_1 { width:100%; max-width:1350px; margin:auto; padding:0 20px 0 20px; }
.container-fluid {  }

.img_sh {
border-radius:50%;
 /*box-shadow: 1px 1px 5px 0px lightgray;*/
box-shadow: 1px 1px 5px 0px gray;
}
.img_sh1 {
 /*box-shadow: 1px 1px 5px 0px lightgray;*/
box-shadow: 1px 1px 5px 0px gray;
}

.fam_table {width:100%;}
.fam_table tr {border-bottom:1px solid #e5e5e5;}
.fam_table td {padding:10px;}
.fam_table td:first-child {background:#f5f5f5; border-right:1px solid #e5e5e5; font-weight:bold;  padding-left:20px;}


.sl_bg { background:#f6f6f6; border-bottom:1px solid #e2e2e2; }
.sl_bg1 { background:url("../images/index/index_bg1.jpg") no-repeat; background-size:cover; background-position:center; }

.num_icon {height:30px; width:30px; background:#4bb613; border-radius:20px;}
.index_ser_bt {position:absolute; top:5px; right:5px; }


.title_fc1 { color:#bfbfbf; }
.title_fc2 { color:#e5e5e5; }


.ser_input { border:0; border-bottom:2px solid #000; width:100%; }

.bor_a { border:1px solid #e1e1e1; border-radius:0 0 10px 10px; }
.bor_a1 { border:1px solid #e1e1e1; border-radius:10px 10px; }
.bor_a1_1 { border:1px solid #e1e1e1; border-radius:6px 6px; }

.bor_a2 { border:1px solid #e1e1e1; border-radius:0; }
.bor_a3 { border:4px solid #ff8400; border-radius:0; }


.bor_ra { border-radius:5px; }


.bor_b { border-bottom:1px solid #828282; }
.bor_b1 { border-bottom:2px solid #828282; }
.bor_b2 { border-bottom:1px solid #e5e5e5; }
.bor_b3 { border-bottom:2px solid #000; }
.bor_b4 { border-bottom:1px solid #858585; }
.bor_b6 { border-bottom:1px solid #000; }
.bor_b7 { border-bottom:4px solid #4bb613; }

.bor_r2 { border-bottom:1px solid #e5e5e5; }
.bor_r3 { border-right:1px solid #e5e5e5; }

.menu_bor_b { border-bottom:1px solid #e2e2e2; }
.menu_bor_b1 { border-bottom:4px solid #4bb613; }


.bor_b5 { border-bottom:2px solid #089814; }

.bor_t { border-top:2px solid #000; }
.bor_t1 { border-top:1px solid #e0e0e0; }
.bor_t2 { border-top:1px solid #e5e5e5; }
.bor_t3 { border-top:2px solid #000; }
.bor_t4 { border-top:1px solid #000; }

.bor_l2 { border-left:1px solid #e5e5e5; }
.bor_r2 { border-right:1px solid #e5e5e5; }

.tab_h { background:#fff; border-bottom:0; }
.tab_h1 { background:#089814; border-bottom:0; color:#fff; }


.top_link_css {position:fixed; left:50%; margin-left:600px; bottom:50px;}

.filebox input[type="file"] {
/* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}

/*select box style*/

select.sel_box4 {
background: url("../images/common/select_bg.png") no-repeat; /* 네이티브 화살표 대체 */
background-position: right 10px top 50%;
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
width:100%;
text-align:center;
outline: none;

}


/*input[type="checkbox"] {display:none;}*/

.ck_type1 input[type=checkbox] { display:none; }
.ck_type1 label { cursor:pointer; color:#666; font-size:14px; }
.ck_type1 input[type=checkbox] + label {background:url('../images/common/ch.png') no-repeat; background-size:20px; width:20px; height:20px; }
.ck_type1 input[type=checkbox]:checked + label {background:url('../images/common/ck_h.png') no-repeat; background-size:20px; width:20px; height:20px; }

.ck_type1 input[type=checkbox] + label + label { display:inline; }
.ck_type1 input[type=checkbox]:checked + label + label { display:inline; }

.ra_type1 input[type=radio] { display:none; }
.ra_type1 label { cursor:pointer; color:#666; font-size:14px; }
.ra_type1 input[type=radio] + label {background:url('../images/common/ra.png') no-repeat; background-size:20px; width:20px; height:20px; }
.ra_type1 input[type=radio]:checked + label {background:url('../images/common/ra_h.png') no-repeat; background-size:20px; width:20px; height:20px; }

.ck_type1 input[type=radio] + label + label { display:inline; }
.ck_type1 input[type=radio]:checked + label + label { display:inline; }


.input_no {outline: none }

select::-ms-expand { display: none; }

.bg_color0 { background:#fff; }
.bg_color1 { }<!-- background:#e2f6ff; -->
.bg_color2 { background:#fafafa; }
.bg_color3 { background:#f5f5f5; }
.bg_color4 { background:#f6f6f6; }
.bg_color5 { background:#ffed00; }
.bg_color6 { background:#f7f7f7; }
.bg_color7 { background:#4bb613; }


.footer_area { background:#069714; }


.select_style {
	border:1px solid #b7b7b7;
	background: url("../images/common/select_bg.jpg") no-repeat; /* 네이티브 화살표 대체 */
	background-position: right 0 top 0;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	width:100%;
	text-align:center;
	outline: none;
	padding-left:10px;
}

.left_menu {position:fixed; top:0; left:100%; width:100%; height:100%; z-index:100000000; background:#fff;}
.left_menu_bg {position:fixed; top:0; right:-100000px; background:#000; opacity:0.9; width:100%; height:100%; z-index:10000000; }

.side-top-menu-wrap{
	 border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#D4D4D4, #000000,#D4D4D4);
	border-image-slice: 1;
	padding-bottom:10px;
	margin-bottom:1px;
}
.side-top-menu-wrap .article{padding:5px;}
.side-top-menu-wrap .article a{display:block; padding-top:10px; width:100%;}


.mobile-sub-menu-wrap{ height:500px; overflow:auto;}
.mobile-sub-menu-list{padding-top:10px; padding-bottom:30px;}
.mobile-sub-menu-list1{background-color:#E1EEE5;}
.mobile-sub-menu-list2{background-color:#E4EDF4;}
.mobile-sub-menu-list3{background-color:#E6E4E4;}
.mobile-sub-menu-list4{background-color:#F4F1DE;}
.mobile-sub-menu-list5{background-color:#EAECDE;}
.mobile-sub-menu-list .title{padding-top:10px; padding-left:10px; margin-bottom:15px; font-size:1.2em;}
.mobile-sub-menu-list .list{
	padding-left:5px;
	padding-right:5px;
}

.mobile-sub-menu-list .list .article{
	display:inline-block;
	text-align:center;
	height:70px;
	padding-left:5px;
	padding-right:5px;
	
	
	
}
.mobile-sub-menu-list .list .article a{
		background-color:#FFFFFF;
	height:100%;
	width:100%;
	border-radius:4px;
		
	display:flex;
	align-items:center;
	justify-content:center;
}





.table_css1 { width:100%; border-top:1px solid #000; }
.table_css1 tr { border-bottom:1px solid #e1e1e1; }
.table_css1 tr td { height:55px; }


/*페이지화*/
.page_num_style a:link {padding-top:8px; border:1px solid #eeeeee; display:inline-block; width:40px; height:40px; cursor:pointer; margin:0 3px;}
.page_num_style > span {padding-top:8px; border:1px solid #eeeeee; display:inline-block; width:40px; height:40px; cursor:pointer; margin:0 3px;}

.we20_30 {width:20%;}
.we20_50 {width:20%;}

.we20_10 {width:18%;}

.pl10_0 { padding-left:10%; text-align:left;}

.pl30_0 { padding-left:30px; }

.pl10_00 {padding-left:10px;}
.pr10_0 {padding-right:10px;}

.p25_10 { padding:25px; }


.fs_18_30 { font-size:18px; }
.bor_l1_0 { border-left:1px solid #e5e5e5; }

.we20_35 { width:20%; }
.pl15_0 {padding-left:15px;}

.he500_200 { height:500px; }

.mp5{padding-left:0; padding-right:0;}
.mp10{padding-left:0; padding-right:0;}

.mp10_0 { padding-left:10px; padding-right:10px; }

.prl_10_5{padding-left:10px; padding-right:10px;}
.we20_30{width:20%;}
.we15_30 {width:15%;}
.pl_5_0{padding-left:5px;}


@media (max-width: 767px){
.bor_l1_0 { border-left:0px solid #e5e5e5; }
.we20_30 {width:33.33%;}
.we20_50 {width:50%;}
.we20_10 {width:27%;}
.pl10_0 { padding-left:0%; text-align:right;}
.pl30_0 { padding-left:0px; }
.pl10_00 {padding-left:0px;}
.pr10_0 {padding-right:0px;}
.p25_10 { padding:10px; }
.fs_18_28 { font-size:19px; }
.we20_35 { width:35%; }
.pl15_0 {padding-left:0;}
.he500_200 { height:200px; }
.mp5{padding-left:5px; padding-right:5px;}
.mp10{padding-left:10px; padding-right:10px;}
.mp10_0 { padding-left:0px; padding-right:0px; }
.prl_10_5{padding-left:0px; padding-right:0px;}
.bor_b_xs { border-bottom:1px solid #e5e5e5;  }
.we20_30{width:30%;}
.pl5_0 {padding-left:5px;}
.we15_30 {width:30%;}
.pl_5_0{padding-left:0px;}
}

/* Small devices (tablets or large size smart phone of size 768px and up) */
@media (min-width: 768px) {
.right_menu {display:none;}
.right_menu_bg {display:none;}
.pl30_0 { padding-left:0px; }
.pl10_00 {padding-left:0px;}
.pr10_0 {padding-right:0px;}
.bor_b_xs { border-bottom:1px solid #e5e5e5;  }
.md_pl30 {padding-left:0px;}
.pl5_0 {padding-left:0px;}

}

/* Medium devices (desktops, laptops of size 992px and up) */
@media (min-width: 992px) {
.pl30_0 { padding-left:30px; }
.pl10_00 {padding-left:10px;}
.pr10_0 {padding-right:10px;}
.we_909 { width:9.09%; }
.bor_b_xs { border-bottom:0px solid #e5e5e5;  }
.md_pl30 {padding-left:30px;}
}

/* Large devices (large desktops, screens of size 1200px and up) */
@media (min-width: 1200px) {
.pl30_0 { padding-left:30px; }
.pl10_00 {padding-left:10px;}
.pr10_0 {padding-right:10px;}
.we_909 { width:9.09%; }
.bor_b_xs { border-bottom:0px solid #e5e5e5;  }
.md_pl30 {padding-left:0px;}
}




.sl_btjs { left:50%; margin-left:-590px; }
.sl_btjs1 { right:50%; margin-right:-590px; }

@media (max-width: 1180px) {
	.sl_btjs { left:10px; margin-left:0; }
	.sl_btjs1 { right:10px; margin-right:0; }
}

.swal-overlay, .swal-modal{
 z-index:100000000000;
}

.order_p_bt {width:40px; background:#fff; border:1px solid #dddddd; outline:none;}
.order_m_bt {width:40px; background:#fff; border:1px solid #dddddd;outline:none;}
.order_text_bt {position:relative; top:3px; background:#fff; width:40px; border-left:0; border-right:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;outline:none;}


/*이미지 반응형 자르기*/
.thumbnail_add { position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden; }
.thumbnail_add .centered_add { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
.thumbnail_add .centered_add img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }




/*pc 메인 슬라이드 1*/
.main_slide_css1 .swiper-container {
	width:100%;
	height:auto;
}

.main_slide_css1 .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  /*background: transparent;*/
  background:#ffffff;
  opacity: 1;
  border:0px solid #87a588;
   /*box-shadow: 1px 1px 5px 0px lightgray;*/

}

.main_slide_css1 .swiper-pagination-bullet-active {
    background: #4bb613;
  opacity: 1;
  border:0px solid #4bb613;
}

.main_slide_css1 .swiper-pagination-fraction,
.main_slide_css1 .swiper-pagination-custom,
.main_slide_css1 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 0;
  width: 100%;
}

/*pc 메인 슬라이드 2*/
.main_slide_css2 .swiper-container {
	width:100%;
	height:auto;
}

.main_slide_css2 .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
  border:2px solid #cddd9f;

}

.main_slide_css2 .swiper-pagination-bullet-active {
    background: transparent;
  opacity: 1;
  border:2px solid #8fd513;
}

.main_slide_css2 .swiper-pagination-fraction,
.main_slide_css2 .swiper-pagination-custom,
.main_slide_css2 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 0;
  width: 100%;
}

/*pc 메인 슬라이드 3*/
.main_slide_css3 .swiper-container {
	width:100%;
	height:auto;
}

.main_slide_css3 .swiper-pagination-bullet {
  width: 70px;
  height: 4px;
  display: inline-block;
  border-radius:0;
  background: #7a7a7a;
  opacity: 1;
  border:0px solid #cddd9f;

}

.main_slide_css3 .swiper-pagination-bullet-active {
    background: #ff7200;
  opacity: 1;
  border:0px solid #8fd513;
}

.main_slide_css3 .swiper-pagination-fraction,
.main_slide_css3 .swiper-pagination-custom,
.main_slide_css3 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 0;
  width: 100%;
}

/*my page slide*/
.mypage_slide_css .swiper-container {
	width:100%;
	height:auto;
}

.mypage_slide_css .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  /*background: transparent;*/
  background:#ffffff;
  opacity: 1;
  border:0px solid #87a588;
   box-shadow: 1px 1px 5px 0px lightgray;

}

.mypage_slide_css .swiper-pagination-bullet-active {
    background: #b0e152;
  opacity: 1;
  border:0px solid #b0e152;
}

.mypage_slide_css .swiper-pagination-fraction,
.mypage_slide_css .swiper-pagination-custom,
.mypage_slide_css .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 0;
  width: 100%;
}

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-thumb { background: #a9a9a9; }



.search_table {width:100%;}
.search_table tr {width:100%;}
.search_table tr td:first-child {background:#fafafa;}


/*메뉴 구조 변경 및 */
 .sub_menu_wrap{
    /*position:absolute;*/ 
    position:absolute;
    display:none; 
    top:135px; left:0px; 
    width:100%; height:170px; 
    background-color: rgba( 255,255,255,1 );
    
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#FFFFFF, #D4D4D4,#FFFFFF);
	border-image-slice: 1;
}

.top_menu_wrap{
	border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#FFFFFF, #D4D4D4,#FFFFFF);
	border-image-slice: 1;
		height:90px;
	background-color: rgba( 255, 255, 255, 1.0 );

}
.top_menu_wrap_sub{
	border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#FFFFFF, #D4D4D4,#FFFFFF);
	border-image-slice: 1;
		height:90px;
	background-color: rgba( 255, 255, 255, 1.0 );

}
.top_menu_wrap .sub_menu_wrap{
    background-color: rgba( 255,255,255,0.9 );
    backdrop-filter: blur(10px);

}
.top_menu_wrap_sub .sub_menu_wrap{
	background-color: rgba( 255,255,255,0.9);
	backdrop-filter: blur(10px);
}


.sub_menu_list{
    position:absolute;
    left:50%;
    margin-left:-270px;
}
.sub_menu_list ul{
    width:150px;
    float:left;
}
 .sub_menu_list_1{
    margin-left:-25px!important;
}
.sub_menu_list_2{
	margin-left:-2px!important;
}
.sub_menu_list_3{
	margin-left:-4px!important;
}
.sub_menu_list_4{
	margin-left:290px!important;
    width:140px!important;
}
 .sub_menu_list_5{
    width:200px!important;
}
.sub_menu_list_6{
    margin-left:-5px;
}

.sub_menu_list ul li{
    height:25px;
    width:100%;
    margin-bottom:5px;
    
}
.sub_menu_list ul li a{
    display:inline-block;
    text-align:center;
    width:100%;
    color:#000000;
}
.sub_menu_list_4  li a{
	 text-align:right!important;
}


/*이벤트 배너*/
.event_banner-wrap{text-align:center;}
.event_banner{width:100%; margin-bottom:30px;}

.event_tab_btn{
    height:60px;
    display:inline-block;
    text-align:center;
    font-size:1.7em;
    padding:2px;
}
.event_tab_btn a{
	display:inline-block; 
	color:#FFFFFF; 
	width:100%; height:100%;
    padding-top:9px;
    border-radius:5px;
}
.event_tab_btn_left a{background-color:#BE185A;}
.event_tab_btn_right a{background-color:#D83085;}


/*일반 페이지 document 스타일*/
.document_page_tab{width:50%!important; text-align:center;}











/**
 * greenfingers  style
 * edit by genduck
 **/

/*공통 
 ------------------------------------------------------------------------------------------*/

.background_cover{background-size:cover;background-repeat:no-repeat;}
.background_contain{background-size:contain;background-repeat:no-repeat;}
.display_table{display:table; position:relative;}
.display_table_cell{display:table-cell;}
/*글줄임*/
.short_letter{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	/*word-break: keep-all;*/
}

/*sub title*/

.item_title{
	text-align:center;
}
.item_title span{
	display:inline-block;
}
.item_title .pre_title{
	font-size:1.2em;
	color:#88BE3F;
	margin-top:30px;
}

.item_title .title{
	font-size:1.7em;
	color:#2B2832;
}

.item_title .line{
	width:50px; 
	height:1px;
	border-bottom:2px solid #88BE3F;
}
/*기본 버튼 스타일*/
.btn_css_normal{
	border-radius:3px; font-size:1.4em; letter-spacing:0.1em; /*linear-gradient(0.25turn, #1D976C,#93F9B9)*/
	background-color:#84BA3F;/*#089814*/
	border:1px solid #84BA3F;
	/* background: linear-gradient(0.25turn, #089814,#0aad16);*/
	 color:#FFFFFF;
	 padding:10px;
	 cursor:pointer;
	 	-webkit-transition:background-color 0.3s, -webkit-transform 0.3s;
    transition:background-color 0.3s, transform 0.3s;
}
.btn_css_normal:hover{
	background-color:#171715;
	border:1px solid #171715;
	/*background: linear-gradient(0.25turn, #06770f,#089814);*/
}

.btn_css_gray{
	border-radius:3px; font-size:1.4em; letter-spacing:0.1em; /*linear-gradient(0.25turn, #1D976C,#93F9B9)*/
	background-color:#F7F7F7;/*#089814*/
	/* background: linear-gradient(0.25turn, #089814,#0aad16);*/
	 color:#000000;
	 padding:10px;
	 cursor:pointer;
	 border:1px solid #D3D3D3;
	 	-webkit-transition:background-color 0.3s, -webkit-transform 0.3s;
    transition:background-color 0.3s, transform 0.3s;
}
.btn_css_gray:hover{
	background-color:#EFEFEF;
	/*background: linear-gradient(0.25turn, #06770f,#089814);*/
}



 /* 좌우 슬라이딩 버튼 스타일*/
	 .btn-box-default {
		 display: inline-block;
		 position: relative;
		 color:#FFFFFF;/*#FFFFFF*/
		 padding: 12px 22px;
		 background: none;
		 line-height: 17px;
		 -webkit-transition:all  0.3s  ease;
	    transition:all  0.3s ease;
		 z-index: 2;
		 border: 1px solid #FFFFFF;
		 cursor:pointer;
	}
	
	 .btn-box-default:after, .btn-box-default:before {
		 content: "";
		 position: absolute;
		 height: 100%;
		 width: 0;
		 z-index: -1;
		 background-color:rgba(255,255,255,1);
		 -webkit-transition:all  0.5s  ease;
	     transition:all  0.5s  ease;
	}
	
	 .btn-box-default:after {
		 right:0;
		 top:0;
		 border-left:none;
	}
	 .btn-box-default:before {
		 left:0;
		 bottom:0;
		 border-right:none;
	}
	 .btn-box-default.active {
		 color:rgba(199,112, 61,1);
		 border-color:rgba(199,112, 61,1);
	}
	 .btn-box-default.active:after, .btn-box-default.active:before {
		 background-color:rgba(199,112, 61,1);
	}
	 .btn-box-default.active:hover, .btn-default.active:focus {
		 color:rgba(255,255,255,1);
	}
	 .btn-box-default.active:hover:after, .btn-box-default.active:hover:before, .btn-box-default.active:focus:after, .btn-box-default.active:focus:before {
		 width: 100%;
		 background-color:rgba(199,112, 61,1);
	}
	
	 .btn-box-default.dark {
		 color:rgba(0,0,0,1)!important;
		 border-color:rgba(0,0,0,0.7);
	}
	 .btn-box-default.dark:after, .btn-box-default.dark:before {
		 background-color:rgba(0,0,0,1);
	}
	 .btn-box-default.dark:hover, .btn-box-default.dark:focus {
		 color:rgba(0,255,255,1);
	}
	 .btn-box-default.dark:hover:after, .btn-box-default.dark:hover:before, .btn-box-default.dark:focus:after, .btn-box-default.dark:focus:before {
		 width: 100%;
	}
	 .btn-box-default:hover {
		 color:rgba(199,112, 61,1)!important;
	}
	 .btn-box-default:hover:after, .btn-box-default:hover:before {
		 width: 100%;
	}
	 .btn-box-default:focus {
		 text-decoration: none;
		 color:rgba(199,112, 61,1)!important;
	}
	 .btn-box-default:focus:after, .btn-box-default:focus:before {
		 width: 100%;
	}
	
	 .btn-box-default.dark:hover {
		 color:rgba(255,255, 255,1)!important;
	}
	 .btn-box-default.dark:focus {
		 color:rgba(255,255, 255,1)!important;
	}



/*상품박스 스타일*/
.product_box_normal{
	border-radius:3px; /*linear-gradient(0.25turn, #1D976C,#93F9B9)*/
	background-color:#089814;
	background: linear-gradient(0.25turn, #089814,#0aad16);
	/*아래 스타일은 오버라이딩*/
	color:#FFFFFF;
	font-size:1.4em; 
	letter-spacing:0.1em;
}
.product_box_normal:hover{
	background-color:#06770f;
	background: linear-gradient(0.25turn, #06770f,#089814);
}
/**
 * @공통 
 **/


/* top 공지 슬라이드 */
.top_notice_wrap{
	color:#FFFFFF;
}
/* logo wrap */
.logo_wrap a img{
	width:65px;
	margin-left:5px;
	/*
	-webkit-filter:opacity(1.0) drop-shadow(0 0 0 #3E704D);
	filter:opacity(1.0) drop-shadow(0 0 0 #3E704D);
	*/
}
/*top menu 및 메인 메뉴*/
.top_mobile_wrap{
	height:45px;
	/*background-color: rgba( 25, 25, 25, 0.5 );*/
	background-color: rgba( 255, 255, 255, 0.9 );
	backdrop-filter: blur(10px);
	    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#FFFFFF, #D4D4D4,#FFFFFF);
	border-image-slice: 1;
}

.top_mobile_wrap_sub{
	height:45px;
	/*background-color: rgba( 132, 186, 63, 1.0 );*/
	background-color: rgba( 255, 255, 255,1.0 );

		    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#FFFFFF, #D4D4D4,#FFFFFF);
	border-image-slice: 1;
}
/* Medium devices (desktops, laptops of size 992px and up) */
@media (max-width: 992px) {
	.top_mobile_wrap{
		height:45px;
		background-color: rgba( 255, 255, 255, 0.9);
		position:fixed; width:100%; top:0; left:0; z-index:1000;
	}
	
	.top_mobile_wrap_sub{
		height:45px;
		/*background-color: rgba( 132, 186, 63, 1.0 );*/
		background-color: rgba( 255, 255, 255, 1.0 );
	}
}

/* Large devices (large desktops, screens of size 1200px and up) */
@media (max-width: 1200px) {

}

.sub_page_buffer{margin-top:135px;}
@media (max-width: 992px) {
	.sub_page_buffer{margin-top:35px;}
}







.top_menu_wrap{
	height:90px;
	background-color: rgba( 255, 255, 255, 1.0 );
		

}
.top_menu_wrap_sub{
	height:90px;
	background-color: rgba( 255, 255, 255, 1.0 );
}


.top_icon{
	margin-right:5px;
}
.top_icon img{
	width:20px;
}
.top_icon .text{
	display:inline-block;
	margin-left:3px;
	margin-right:4px;
	/*color:#FFFFFF;*/
	color:#000000;
	font-size:0.8em;
}
.top_icon2 img{
	width:15px;
}


.top_main_menu_wrap{
	text-align:center;
}
.top_main_menu_wrap.membership{
	padding-right:0px;
	text-align:right;
}
.top_main_menu_wrap_right{
	text-align:right;
}

.top_main_menu{
	/*	font-family:'NanumMyeongjo', sans-serif;*/
	display:inline-block;
}

.top_main_menu a{
}
.top_main_menu.icon a img{
	height:25px; margin-top:-5px; margni-right:5px;
}

.top_main_menu a .glyphicon{	
	margin-right:3px; 
	font-size:0.9em;
}

 .top_main_menu > a{ 
 	position:relative; 
 	padding-bottom:5px;
 	color:#000000;
	font-weight:normal;
	font-size:0.9em;

 }
 .top_main_menut:hover { color:#39d9c8; transition:all .3s ease }
 /*밑줄넣기 부분*/
.top_main_menu > a::after {
	  content: '';
	  width: 0%;
	  left: 50%;
	  height: 1px;
	  display: block;
	  position: absolute;
	  margin-top: 3px;
	  border-bottom: 2px solid #409D40;  
	  transition:all .3s ease;
	  

		border-image: linear-gradient(to right,#f9fdf9, #409D40,#f9fdf9);
		border-image-slice: 1;
}
.top_main_menu:hover > a::after {
	  content: '';
	  width: 100%;
	  left: 0px;
	  height: 1px;
	  display: block;
	  position: absolute;
	  margin-top: 3px;
	  border-bottom: 2px solid #409D40;
	  transition:all .3s ease;
}


.sub_menu_list ul li > a::after{
	  content: '';
	  width: 0%;
	  left: 50%;
	  height: 1px;
	  display: block;
	  position: absolute;
	  margin-top: 3px;
	  border-bottom: 2px solid #409D40;  
	  transition:all .3s ease;

		border-image: linear-gradient(to right,#f9fdf9, #409D40,#f9fdf9);
		border-image-slice: 1;
}
.sub_menu_list ul li :hover >a::after {
	  content: '';
	  width: 100%;
	  left: 0px;
	  height: 1px;
	  display: block;
	  position: absolute;
	  margin-top: 3px;
	  border-bottom: 2px solid #409D40;
	  transition:all .3s ease;
}
    
    
    
/* 레이아웃 top banner (header)*/
.js_top_banner_view{
	background-color:#3e704d;
	height:40px;
}
.js_top_banner_view .swiper-slide img{
	position:absolute;
	height:40px;
}
.js_top_banner_bt{
	position:absolute; top:10px; right:5px;
	filter: invert(100%);
}

    
/* @main 상단 및 중간 banner */

/* 레이아웃 main 상단 배너(header)*/
.main-top-banner{
	background-size:cover; background-repeat:no-repeat; width:100%; height:100%;
}

.main-middle-banner{
	background-size:cover; background-repeat:no-repeat;
}
.js_top_banner_view .swiper-slide img{
	position:absolute;
	height:40px;
}    

/* @main 상단 및 중간 배너 */



.main_banner_wrap_cafe{
	background-position:center center; 
	background-size:contain;
	background-repeat:no-repeat;
	height:500px; 
	 margin-top:100px;
}

.main_banner_wrap_cafe .btn-box-default{
	width:200px;
	font-size:1.4em;
	text-align:center;
	margin-left:40px;
	margin-top:340px;
}


.main_banner_wrap_help{
	background-position:center center; 
	background-size:contain; 
	background-repeat:no-repeat;
	height:500px; 
	margin-top:150px;
}
.main_banner_wrap_help .btn-box-default{
	width:200px;
	font-size:1.4em;
	text-align:center;
	margin-left:20px;
	margin-top:360px;
}


@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.main_banner_wrap_cafe{
		background-position:center left; 
		background-size:cover; 
		margin-top:50px;
		height:200px; 
	}
	.main_banner_wrap_cafe .btn-box-default{
		width:150px;
		font-size:1.2em;
		margin-left:20px;
		margin-top:150px;
	}
	
	
	.main_banner_wrap_help{
		background-position:center left; 
		background-size:cover; 
		margin-top:70px;
		height:200px; 
	}
	.main_banner_wrap_help .btn-box-default{
		width:150px;
		font-size:1.2em;
		margin-left:10px;
		margin-top:130px;
	}
}



#panorama {/*360화면*/
    width: 100%;
    height: 600px;
}
@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	#panorama {/*360화면*/
	    width: 100%;
	    height: 400px;
	}
}



    
.main_banner_wrap{
	width:100%;
	height:600px;
}
    
.main_banner_wrap .content_wrap{
	position:absolute;
	left:50%;
	margin-left:-580px;
	top:400px;
	font-family:'NanumMyeongjo', sans-serif;
}
.main_banner_wrap .content_wrap .content_item.item1{
	font-size:2.5em;
	color:#FFFFFF;
		font-weight:bold;
		letter-spacing:0.1em;
}
.main_banner_wrap .content_wrap .content_item.item2,
.main_banner_wrap .content_wrap .content_item.item3{
	font-size:1.7em;
	color:#FFFFFF;

}
.main_banner_wrap .content_wrap .content_item.item3{
	margin-top:0px;
}
.main_event_wrap  .content_item.item3 .right-box .title{
	height: 70px;
}
.main_banner_wrap .content_wrap .content_item.button{
	font-size:1.0em;
	width:120px;
	text-align:center;
	margin-top:50px;
}
.main_banner_wrap img{
	position:absolute;
	left:50%;
	margin-top:270px;
	margin-left:-730px;
}

@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.main_banner_wrap{
		height:350px;
	}
	.main_banner_wrap .content_wrap{
		top:130px;
		left:15px;
		padding-right:15px;
		margin-left:0px;
	}
	.main_banner_wrap .content_wrap .content_item.item1{
		font-size:1.5em;
	}
	.main_banner_wrap .content_wrap .content_item.item2,
	.main_banner_wrap .content_wrap .content_item.item3{
		font-size:1.1em;
	}
	.main_banner_wrap .content_wrap .content_item.item3{
		margin-top:0px;
	}
}

/* article title style- 각 요소별 공통스타일  font-family:'Noto Sans KR', sans-serif;
 -------------------------------------------------------*/
.title01{
	color:#7D877F;
	font-size:1.2em;
}
.title02{
	color:#525540;
	font-size:1.5em;
	font-family:'NanumMyeongjo', sans-serif;
}
/*@ article title style- 각 요소별 공통스타일 */

/*top banner 아래 이벤트
 -------------------------------------------------------*/
.main_event_wrap{
	width:100%;
	height:660px;
	background-color:#F2F1EF;
	padding-top:30px;
	padding-bottom:30px;

}
.main_event_wrap .content_wrap{
	text-align:center;
	vertical-align:middle;
	height:600px;
	width:100%;
}


.main_event_wrap .content_item{
	display:inline-block;
}
.main_event_wrap .content_item.item1{
	background-color:#C8D2C8;
	/*width:245px;*/
	padding:20px 20px 25px 20px;
	height:600px;
	width:calc(100% - 10px);
	margin-right:10px;
}

.main_event_wrap .content_item.item1 p{
	width:100%;
	text-align:left;
}
.main_event_wrap .content_item.item1 p.title{

}
.main_event_wrap .content_item.item1 p.subtitle{
	margin-top:-10px;
}
.main_event_wrap .content_item.item1 p.content{
	color:#FFFFFF;
	font-size:0.9em;
}

/*찾아주세요 댓글*/
.main_event_wrap .content.message-wrap{
	float:left;
 	 width:100%;
 	 height:calc(100% - 60px);
	font-size:1.0em;
	text-align:center;
	margin-top:5px;
	overflow-y:hidden;
}
 .main_event_wrap .content.message-wrap .message{
	color:#000000;
	font-size:1.0em;
	margin-bottom:30px;
	padding-top:10px;
	display:table;
    border-collapse:collapse;
    text-align:right;
}
 .main_event_wrap .content.message-wrap .message > span{
	display:table-cell;
	padding:0px;
}


 .main_event_wrap .content.message-wrap .message.left{

}
 .main_event_wrap .content.message-wrap .message.right{
 	width:100%;
 	text-align:left;
 }
  .main_event_wrap .content.message-wrap .message.left span{
	 text-align:left;
 }
  .main_event_wrap .content.message-wrap .message.right span{
	text-align:right;

 }
  .main_event_wrap .content.message-wrap .message.left span a{
	display:inline-block;
 	text-align:left;
 }
 
 .main_event_wrap .content.message-wrap .message.right span a{
	display:inline-block;
 	text-align:left;
 }
 
.main_event_wrap .content.message-wrap .message .content{
	margin-left:25px; margin-right:25px;
}
.main_event_wrap .content.message-wrap .message .icon img{width:50px;}

.main_event_wrap .content.message-wrap .message .icon{color:#FFFFFF;  font-size:1.8em;width:80px; vertical-align:top;}
.main_event_wrap .content.message-wrap .message .empty{width:1px;}

.main_event_wrap .content.message-wrap .message.left .icon{text-align:left;}
.main_event_wrap .content.message-wrap .message.right .icon{text-align:right;}
/*@찾아주세요 댓글*/




.main_event_wrap .content_item.item2{
	padding:20px 20px 25px 20px;
	background-color:#dee0ca;
	height:290px;
	width:100%;
	margin-bottom:10px;
}
.main_event_wrap .content_item.item2 p.title{

}
.main_event_wrap .content_item.item2 p.subtitle{
	margin-top:-10px;
}
.main_event_wrap .content_item.item2 .line{
	margin-top:15px;
	border-top:1px solid #8d8e7f;
}
.main_event_wrap .content_item.item2 .content{}
.main_event_wrap .content_item.item2 .content ul{}
.main_event_wrap .content_item.item2 .content ul li{
	margin-bottom:10px;
}
.main_event_wrap .content_item.item2 .content ul li a{
	width:calc(100% - 95px);
	display:inline-block;
}
.main_event_wrap .content_item.item2 .content ul li span{
	display:inline-block;
	width:90px;
}

.main_event_wrap .content_item.item3{
	padding:20px 20px 25px 20px;
	background-color:#e0d9c7;
	height:300px;
	width:100%;
}
.main_event_wrap .content_item.item3 .title{
	width:100%;
	text-align:center;
	height:40px;
}
.main_event_wrap .content_item.item3 .btn-arrow-wrap{
	display:inline-block;
	position:absolute;
	left:100%;
	top:15px;
	margin-left:-100px;
}
.main_event_wrap .content_item.item3 .btn-arrow-wrap span{
	display:inline-block;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	width:40px;
	height:40px;
	padding-top:5px;
	text-align:center;
	margin-right:5px;
	cursor:pointer;
}

.main_event_wrap .content_item.item3 .btn-arrow-wrap span:hover{
	background-color:#000000;
	border:1px solid #000000;
	color:#FFFFFF;
}
.main_event_wrap .content_item.item3 .left-box{ float:left; width:39%; height:210px; margin-top:10px;}
.main_event_wrap .content_item.item3 .left-box .image{
	height:100%;	
}
.main_event_wrap .content_item.item3 .right-box{ float:right; width:60%;height:215px; margin-top:5px;}
.main_event_wrap .content_item.item3 .right-box .title{margin-top:0px; margin-left:10px; width:100%; text-align:left;}
.main_event_wrap .content_item.item3 .right-box .title a{font-size:1.3em; color:#756B58;}
.main_event_wrap .content_item.item3 .right-box .info{margin-left:10px; margin-top:-10px;}
.main_event_wrap .content_item.item3 .right-box .info .info-title{vertical-align:top; width:70px; padding-bottom:5px;}
.main_event_wrap .content_item.item3 .right-box .info .info-summary{display:inline-block; padding-bottom:5px;}




@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.main_event_wrap{
		height:1090px;
		margin-top:0px;
		padding:0px;
	}
	.main_event_wrap .content_item{
		display:block;
		height:300px;
		overflow-y:hidden;
		width:100%;
		margin:0px;
	}
	.main_event_wrap .content_item.item1{
		width:100%;
		height:500px;
		margin:0px;

		
	}
	.main_event_wrap .content_item.item2{
		margin:0px;
	}
	.main_event_wrap .content_item.item2 .title,
	.main_event_wrap .content_item.item3 .title{
		width:300px;
		display:block;
	}
	
	/*찾아주세요 댓글*/
	 .main_event_wrap .content.message-wrap .message{margin-bottom:15px;}
	.main_event_wrap .content.message-wrap .message .empty{width:1%;}
	/*@찾아주세요 댓글*/


}


@media (max-width: 200px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.main_event_wrap .content_item.item2 .title,
	.main_event_wrap .content_item.item3 .title{
		max-width:150px;
	}
}








/*@top banner 아래 이벤트 */



/*main page 중간 백그라운드 
 -------------------------------------------------------*/
.main_background_wrap{
	width:100%;
	height:600px;
	background-attachment:fixed;
}
.main_background_wrap .content_wrap{
	text-align:center;
	vertical-align:middle;
	height:600px;
	width:100%;
	display:table;
}
.main_background_wrap  .content_item{
	display:block;
	text-align:center;
		display:table-cell;
		vertical-align: middle;
	width:100%;
}
.main_background_wrap  .content_item.item1{
	font-family:'NanumMyeongjo', sans-serif;  /*NanumPenScript-Regular*/
	font-size:2.5em;
	color:#FFFFFF;
	margin-top:30px;
	letter-spacing:0.05em;
	line-height:1.5em;
}
.main_background_wrap  .content_item.item2{
	font-size:2.0em;
	text-align:center;
	margin-top:100px;
}
.main_background_wrap  .content_item.item2 .title{
	font-size:1.2em;
	width:140px;
	/*text-decoration:underline;*/
	color:#88BE3F;
	border-bottom:3px solid #88BE3F;
	letter-spacing:0.2em;
}


@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.main_background_wrap{
		height:400px;
		margin-top:0px;
	}
	.main_background_wrap .content_wrap{
		text-align:left;
		vertical-align:middle;
		height:400px;
		padding-left:15px;
		padding-right:15px;
		
	}
	.main_background_wrap  .content_item{
		display:block;
		text-align:left;
		font-weight:bold;
		width:100%;
				display:table-cell;
		vertical-align: middle;
	}
	.main_background_wrap  .content_item.item1{
		font-size:1.2em;
		color:#FFFFFF;
		margin-top:0px;
	}
	.main_background_wrap  .content_item.item2{
		font-size:1.0em;
		text-align:center;
		margin-top:100px;
	}
	.main_background_wrap  .content_item.item2 .title{
		font-size:1.2em;
		width:140px;
		/*text-decoration:underline;*/
		color:#88BE3F;
		border-bottom:3px solid #88BE3F;
		letter-spacing:0.2em;
	}
}
/*@main page 중간 백그라운드*/







/*main page 이달의 식물
 -------------------------------------------------------*/
 .main_list_wrap{
	width:100%;
	margin-bottom:20px;
}
 
 
.main_list_wrap  .content_item.item_list{
	margin:0 auto;
	width:100%;
	margin-top:20px;

}
.main_list_wrap  .content_item.item_list .item_box{
	border:0px solid #F9F9F9;
	display:inline-block;
	width:calc(33% - 14.5px);
	margin-right:10px;
	margin-left:5px;
	margin-bottom:15px;
}


.main_list_wrap  .content_item.item_list .item_box:hover{
	/*
	-webkit-box-shadow: 0px 0px 9px 0px rgba(143,141,143,1);
	-moz-box-shadow: 0px 0px 9px 0px rgba(143,141,143,1);
	box-shadow: 0px 0px 9px 0px rgba(143,141,143,1);
	*/
}
.main_list_wrap  .content_item.item_list .item_box:hover > .image .img_box{
	background-size:110%;
}


.main_list_wrap  .content_item.item_list .item_box .image{

	height:300px;
	cursor:pointer;
}

.main_list_wrap  .content_item.item_list .item_box .image .img_box{
	width:100%;
	height:100%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
		
	-webkit-transition:background-size 0.3s, -webkit-transform 0.3s;
    transition:background-size 0.3s, transform 0.3s;
}
.main_list_wrap  .content_item.item_list .item_box .title{
	text-align:left;
	margin-top:20px;
	padding:0 15px 0 0px;
	color:#292F3F;
	font-size:1.3em;
	font-weight:bold;
	/*말줄임*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_list_wrap  .content_item.item_list .item_box .price{
	text-align:left;
	color:#589B4D;
	font-size:1.2em;
	margin-top:5px;
	margin-bottom:20px;
}
.main_list_wrap  .content_item.item_list .item_box .tag{
	text-align:left;
	height:28px;
	overflow-y:hidden;
	border:0px solid #FFFFFF;
}
.main_list_wrap  .content_item.item_list .item_box .tag .article{
	display:inline-block; border:1px solid #6C6C6C;
	font-size:0.9em; padding:3px 7px 3px 7px;
	color:#6C6C6C;margin-right:5px;
	margin-bottom:4px;
}
.main_list_wrap  .content_item.item_list .item_box .line{
	/*border-bottom:1px solid #D4D4D4;*/
	border-bottom-style: solid;
    border-bottom-width: 1px;
	border-image: linear-gradient(to right,#FFFFFF, #D4D4D4,#FFFFFF);
	border-image-slice: 1;
}
.main_list_wrap  .content_item.item_list .item_box .notice{
	text-align:left;
	height:120px;
	overflow-y:hidden;
	border:0px solid #FFFFFF;
	background-color:#FFFFFF;
}

@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.main_list_wrap{
		margin-bottom:20px;
	}
	.main_list_wrap  .content_item.item_list{
		margin-top:20px;

	}
	.main_list_wrap  .content_item.item_list .item_box{
		width:100%;/* - 17.5px*/
		height:100%;
		margin-right:0px;
		margin-left:0px;
		margin-bottom:10px;
	}
	.main_list_wrap  .content_item.item_list .item_box .image{
		height:250px;
	}
	.main_list_wrap  .content_item.item_list .item_box .title{
		margin-top:5px;
		padding-left:15px;
		padding-right:15px;
	}
	.main_list_wrap  .content_item.item_list .item_box .price{
		margin-bottom:10px;
		padding-left:15px;
		padding-right:15px;
	}
	.main_list_wrap  .content_item.item_list .item_box .line{
		margin-left:15px;
		margin-right:15px;
	}
	.main_list_wrap  .content_item.item_list .item_box .tag{
		padding-left:15px;
		padding-right:15px;
	}
	.main_list_wrap  .content_item.item_list .item_box .notice{
		height:80px;
	}
}
/*@main page 이달의 식물*/

/*mypage 스타일 
 ---------------------------------------------------------------------*/
.mypage-wrap{margin-top:0px;}
.mypage-wrap .mypage-top-wrap{background-color:#EBF6EE; height:150px; padding:0px;}
.mypage-wrap .mypage-top-wrap .content-box{height:150px;margin-top:-135px!important;}
.mypage-wrap .mypage-top-wrap .left-box{background-color:#3E704D;}
.mypage-wrap .mypage-top-wrap .left-box table{margin-top:20px;width:100%;}
.mypage-wrap .mypage-top-wrap .left-box table tr td{width:50%;}
.mypage-wrap .mypage-top-wrap .left-box .level{padding:5px; margin:10px; border:1px solid #A8C3A4; color:#A8C3A4; text-align:center;}
.mypage-wrap .mypage-top-wrap .left-box .name{padding:5px 15px 0px 15px;  font-size:1.3em; color:#FFFFFF; text-align:right;}
.mypage-wrap .mypage-top-wrap .left-box .name span{font-size:0.8em;}
.mypage-wrap .mypage-top-wrap .center-box{padding-top:60px; padding-left:20px; font-size:1.2em; color:#3E704B;}
.mypage-wrap .mypage-top-wrap .right-box{}
.mypage-wrap .mypage-top-wrap .right-box table{width:70%;margin-left:15%; margin-top:50px; font-size:1.3em; color:#3E704B;}
.mypage-wrap .mypage-top-wrap .right-box table tr:last-child{font-weight:bold; font-size:1.32em;}
.mypage-wrap .mypage-top-wrap .right-box table tr td{width:33%; text-align:center;}


.mypage-top-wrap{margin-top:130px; background-color:#EBF6EE; height:150px; padding:0px;}
.mypage-top-wrap .content-box{height:150px;margin-top:-135px!important;}
.mypage-top-wrap .left-box{background-color:#3E704D;}
.mypage-top-wrap .left-box table{margin-top:20px;width:100%;}
.mypage-top-wrap .left-box table tr td{width:50%;}
.mypage-top-wrap .left-box .level{padding:5px; margin:10px; border:1px solid #A8C3A4; color:#A8C3A4; text-align:center;}
.mypage-top-wrap .left-box .name{padding:5px 15px 0px 15px;  font-size:1.3em; color:#FFFFFF; text-align:right;}
.mypage-top-wrap .left-box .name span{font-size:0.8em;}
.mypage-top-wrap .center-box{padding-top:60px; padding-left:20px; font-size:1.2em; color:#3E704B;}
.mypage-top-wrap .right-box{}
.mypage-top-wrap .right-box table{width:70%;margin-left:15%; margin-top:50px; font-size:1.3em; color:#3E704B;}
.mypage-top-wrap .right-box table tr:last-child{font-weight:bold; font-size:1.32em;}
.mypage-top-wrap .right-box table tr td{width:33%; text-align:center;}



.mypage-wrap .mypage-menu-wrap{margin-top:60px;}
.mypage-wrap .mypage-menu-wrap ul li{width:10%;  float:left;}
.mypage-wrap .mypage-menu-wrap ul li a{display:inline-block; width:100%; font-size:1.2em; color:#000000;}
.mypage-wrap .mypage-menu-wrap ul li:last-child{font-weight:bold;}


.mypage-menu-short-menu-wrap{margin-top:60px;}
.mypage-menu-short-menu-wrap ul li{width:10%;  float:left;}
.mypage-menu-short-menu-wrap ul li a{display:inline-block; width:100%; font-size:1.2em; color:#000000;}
.mypage-menu-short-menu-wrap ul li:last-child{font-weight:bold;}


.mypage-wrap .mypage-tab-wrap{margin-top:100px; height:60px; }
.mypage-wrap .mypage-tab-wrap .btn-tab{
	float:left;
	display:inline-block; width:calc(50% - 2px); height:60px; background-color:#FFFFFF; 
	padding-top:15px; text-align:center; font-weight:bold; font-size:1.3em; color:#3E704D; border:1px solid #3E704D;}
.mypage-wrap .mypage-tab-wrap .btn-tab.active{background-color:#3E704D; color:#FFFFFF;}

.mypage-wrap .mypage-benefit-wrap{margin-top:100px;}
 .mypage-wrap .mypage-benefit-wrap .title-common{font-size:1.5em; font-weight:bold;}
 .mypage-wrap .mypage-benefit-wrap .line-common{border-bottom:2px solid #000000;}
 
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap{
     background-color:#F0F2EF;
     border-radius:20px;
     height:500px;
 }
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box,
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .right-box{
     padding:50px;
 }
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box .title{font-size:1.9em; font-weight:bold; margin-top:20px;}
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box .summary{font-size:1.5em; font-weight:bold; margin-top:20px; line-height:1.8em;}
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box .summary span{font-size:1.1em; color:#406F4D;}
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box .sub-title{font-size:1.6em; margin-top:30px; font-weight:bold;}
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box .notice{font-size:1.2em; margin-top:20px;}
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .right-box{text-align:center;}
 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .right-box .info{width:100%; text-align:center; font-size:1.5em; font-weight:bold;}
 
 .mypage-wrap .mypage-benefit-wrap .common-wrap{margin-top:100px;}
 .mypage-wrap .mypage-benefit-wrap .common-wrap .content{font-size:1.3em; margin-top:20px;}
 .mypage-wrap .mypage-benefit-wrap .common-wrap .content span{font-size:1.1em; color:#406F4D;}

@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.mypage-wrap{margin-top:0px;}
	.mypage-wrap .mypage-top-wrap{ height:300px;}
	.mypage-wrap .mypage-top-wrap .content-box{height:150px;margin-top:-45px!important;}
	.mypage-wrap .mypage-top-wrap .left-box table tr td:first-child{width:20%; }
	.mypage-wrap .mypage-top-wrap .left-box table tr td:last-child{width:80%; }
	.mypage-wrap .mypage-top-wrap .left-box .level{ margin:5px; }	
	.mypage-wrap .mypage-top-wrap .center-box{padding-top:40px;}
	.mypage-wrap .mypage-top-wrap .right-box table{width:90%;margin-left:5%; margin-top:95px;}


	.mypage-top-wrap{ margin-top:45px; height:300px;}
	.mypage-top-wrap .content-box{height:150px;margin-top:-45px!important;}
	.mypage-top-wrap .left-box table tr td:first-child{width:20%; }
	.mypage-top-wrap .left-box table tr td:last-child{width:80%; }
	.mypage-top-wrap .left-box .level{ margin:5px; }	
	.mypage-top-wrap .center-box{padding-top:40px;}
	.mypage-top-wrap .right-box table{width:90%;margin-left:5%; margin-top:95px;}
	
	
	.mypage-wrap .mypage-menu-wrap{margin-top:0px; background-color:#E6E4E4;}
	.mypage-wrap .mypage-menu-wrap ul{margin-top:30px; margin-bottom:30px;}
	.mypage-wrap .mypage-menu-wrap ul li{width:33%; margin-left:0.2%;height:80px;padding:5px; margin-bottom:5px;}
	.mypage-wrap .mypage-menu-wrap ul li a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%; height:100%;
		color:#000000;  
		 font-size:1.1em;
		background-color:#FFFFFF; border-radius:5px;}
	
	.mypage-menu-short-menu-wrap{margin-top:25px; background-color:#E6E4E4;}
	.mypage-menu-short-menu-wrap ul li{width:23%; margin-left:1.5%;height:80px;padding:5px; margin-bottom:5px;}
	.mypage-menu-short-menu-wrap ul li a{		
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%; height:100%;
		color:#000000;  
		 font-size:1.0em;
		 padding:5px;
		 text-align:center;
		background-color:#FFFFFF; border-radius:5px;}

	.mypage-wrap .mypage-tab-wrap{margin-top:0px; height:60px; }
	.mypage-wrap .mypage-tab-wrap .btn-tab{width:50%;  }
	
	
	
	.mypage-wrap .mypage-benefit-wrap{margin-top:20px;}
	 
	 .mypage-wrap .mypage-benefit-wrap .benefit-wrap{
	     background-color:#F0F2EF;
	     border-radius:5px;
	     height:800px;
	 }
	 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .left-box,
	 .mypage-wrap .mypage-benefit-wrap .benefit-wrap .right-box{
	     padding:10px;
	 }
	 
	 .mypage-wrap .mypage-benefit-wrap .common-wrap{margin-top:50px; padding-left:10px; padding-right:10px;}
}


/*@mypage 스타일 */


/*board 공통스타일
 ---------------------------------------------------------------------*/
 
button.border-btn-default{padding:0;}
.border-btn-default{
	 border-radius:5px;
	 cursor:pointer;
	 display:inline-block; 
	 height:40px;
	 font-size:16px;
	 padding-top:7px;
	 padding-left:10px;
	 padding-right:10px;
	 text-align:center;
}
.border-btn-default:hover {
	 background-color:#eeeeee;
}

.border-btn-default.gray{
	background-color: #f7f7f7;
	border:1px solid #d3d3d3;
	color:#000000;
}
.border-btn-default.gray:hover{
  	background-color:#eeeeee;
}

.border-btn-default.green{
  background-color: #08a314;
  	border:1px solid #066a10;
	color:#FFFFFF;
}
.border-btn-default.green:hover{
  	  background-color:#098e15;
}

.border-btn-default-disable {
    width:100%;   
    border-radius:5px;
    background-color: #a3252f;
    cursor:not-allowed;
    border:0;
}
.border-btn-default-disable:hover {
    background-color:#a3252f;
}
 
 
 
 
 
 
.border-title-wrap{color:#A59587; font-family:'NanumMyeongjo', sans-serif;}
.border-title-wrap .main-title{font-size:1.8em; font-weight:bold; color:#000000; letter-spacing:0.1em;}
.border-title-wrap .sub-title{font-size:1.0m; }
.border-title-wrap .sub-title pre{
	border:transparent; background-color:transparent; 
	font-size:1.2em; color:#000000;  font-family:'NanumMyeongjo', sans-serif;
	padding:0px; line-height:1.2em;

}

.border-content-wrap{background-color:rgba(256,256,256,0.1); margin-bottom:100px; padding:50px;}
.border-content-wrap.help-wrap{background-color:transparent; width:calc(100%- 30px); padding:0px; margin-left:15px; margin-right:15px; }
.border-content-wrap.center-wrap{background-color:rgba(256,256,256,0.1); width:calc(100%- 30px);  padding:0px; margin-left:0px; margin-right:0px;} 
.border-content-list-wrap{width:calc(100% - 30px);}
.border-content-list-search-wrap{width:calc(100% - 30px);}

.border-content-wrap .border-post-btn-wrap{}
.border-content-wrap .border-post-btn-wrap .pull-left{display:flex; justify-content:space-between;}
.border-content-wrap .border-post-btn-wrap .pull-left .border-btn-default{margin-right:5px;}
.border-content-wrap .border-post-btn-wrap .pull-left .border-btn-default:last-child{}

.border-content-wrap .border-write-btn-wrap {display:flex; justify-content:space-between;}
.border-content-wrap .border-write-btn-wrap button{width:calc(50% - 2.5px);}

@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.border-title-wrap .main-title{padding-left:15px; }
	.border-title-wrap .sub-title{padding-left:15px; }

	.border-content-list-wrap{width:100%;}
	.border-content-wrap.center-wrap .border-content-list-search-wrap{padding-left:15px; padding-right:15px;}
	.border-content-wrap.center-wrap .border-content-list-wrap{padding-left:15px; padding-right:15px;}
	.border-content-list-search-wrap{width:100%;}
	
	.border-content-wrap{padding:20px 15px 20px 15px;}
	.border-content-wrap .border-post-btn-wrap .pull-right{width:100%; margin-top:10px;}
	.border-content-wrap .border-post-btn-wrap .pull-right .border-btn-default{width:100%;}
	.border-btn-default{
		 border-radius:3px;
		 font-size:12.5px;
		 padding-top:10px;
	}
}
/*@board 공통스타일*/


/**
 *  서브페이지
 **/
.sub_banner_wrap{
	width:100%;
	height:400px;
}

.right_item_box_common{
	width:100%;  
	background-color:#F4F4F4; 
	border:1px solid #F1F1F1; 
	border-radius:3px; 
	padding:20px;
}
.right_item_box_common_title{
    margin-bottom:10px;
}
.right_item_box_common_dot{
    color:#84BA3F;
    font-size:1.2em;
    display:inline-block;
}
.right_item_box_common_text{
    font-size:1.4em;
    display:inline-block;
}



/*이력관리페이지*/
.page_content_wrap{
    margin-top:50px;
 }
.page_content_left_wrap{}
.page_content_right_wrap{}

.page_history{margin-top:0px; margin-bottom:50px;}
.history_image{ width:120px; padding:10px;}
.history_image .vertical_line{
    position:absolute; 
    border-left:2px solid #191919; 
    height:20px;
    margin-left:55px; 
    margin-top:0px;
 }
.history_image_box{
    width:110px; 
    height:110px;
    border-radius:110px;
    border:2px solid #191919;
    padding:3px;

	-webkit-transition:box-shadow 0.3s, -webkit-transform 0.3s;
    transition:box-shadow 0.3s, transform 0.3s;
}

.history_image_box .image{
    width:99px; 
    height:99px;
    border-radius:99px;
}
.history_image_box:hover{
    -webkit-box-shadow: 0px 0px 9px 0px rgba(25,25,25,1);
	-moz-box-shadow: 0px 0px 9px 0px rgba(143,141,25,1);
	box-shadow: 0px 0px 9px 0px rgba(25,25,25,1);
}

.history_summary{border-bottom:1px dashed #DDDDDD; }
.history_summary .title{display:inline-block; width:54%; text-align:left; font-size:1.15em; }
.history_summary .date{display:inline-block;width:45%;text-align:right; font-size:1.0em;}
.history_summary .content{text-align:left; font-size:1.1em;padding-top:5px; }

.page_content_right_wrap .search_item_box{height:120px;}

.page_content_right_wrap .search_item_box .content{}

.page_content_right_wrap .search_item_box .content  p{
    float:left;
}
.page_content_right_wrap .search_item_box .content .input_item1{
    width:70%;
	margin-right:3px;
}

.page_content_right_wrap .search_item_box .content .button{
	width:29%;
	padding:0 0 5px 0;
}
.page_content_right_wrap .search_item_box .content .button .text{
	color:#FFFFFF;
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:0.7em;
}

.page_content_right_wrap .comment_item_box{
    margin-top:40px;
 }
 .page_content_right_wrap .comment_item_box  p{
    float:left;
}
.page_content_right_wrap .comment_item_box .content .input_item1{
    width:80%;
	margin-right:3px;
}

.page_content_right_wrap .comment_item_box .content .button{
	width:19%;
	padding:0 0 5px 0;
}
.page_content_right_wrap .comment_item_box .content .button .text{
	color:#FFFFFF;
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:0.7em;
}

@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.page_content_wrap{margin-top:10px; margin-bottom:50px;}
	.history_summary .title{ font-size:1.0em; width:50%;}
	.history_summary .date{font-size:0.7em; width:45%;}
	.history_summary .content{ font-size:0.9em;padding-top:5px;}
	.page_content_right_wrap .search_item_box .content .button{width:28%;}
}
/* @서브페이지*/





/* footer  
-------------------------------------------------------------------*/
.footer_top_wrap{
	width:100%;
	height:300px;
	background-color:#FBFBFB;
}
.footer_wrap{
	width:100%;
	background-color:#EEEEEE;
}
.footer_top_wrap .content_item{
	padding:20px;
	text-align:center;
}
.footer_top_wrap  .content_item .sub-title{font-size:1.2em; color:#A59587; font-family:'NanumMyeongjo', sans-serif;}
.footer_top_wrap  .content_item .title{font-size:1.4em; width:100%;}
 /*밑줄넣기 부분*/
 /*
.footer_top_wrap  .content_item .title> a::after {
	  content: '';
	  width: 0%;
	  left: 50%;
	  height: 1px;
	  display: block;
	  position: absolute;
	  margin-top: 3px;
	  border-bottom: 2px solid #409D40;
	  transition:all .3s ease;
}
.footer_top_wrap  .content_item .title:hover > a::after {
	  content: '';
	  width: 100%;
	  left: 0px;
	  height: 1px;
	  display: block;
	  position: absolute;
	  margin-top: 3px;
	  border-bottom: 2px solid #409D40;
	  transition:all .3s ease;
}
*/
.footer_top_wrap  .content_item .summary{font-size:1.0em; margin-top:10px; margin-bottom:10px;}
.footer_top_wrap  .content_item .img{width:70%; margin-left:15%; height:150px; background-position:center center; background-repeat:no-repeat;}

.footer_top_wrap .content_wrap .content_item .icon{
	color:#83BA3F;
	font-size:1.4em;
	margin-top:35px;
}
.footer_top_wrap .content_wrap .content_item .text{
	color:#777E86;
	font-size:0.9em;
	margin-top:10px;
	letter-spacing:0.1em;
}

.footer_bottom_wrap{
	width:100%;
	height:200px;
	background-color:#191919;
}

@media (max-width: 992px) {/* Medium devices (desktops, laptops of size 992px and up) */
	.footer_wrap{
		height:850px;
	}
	.footer_top_wrap{
		height:850px;
	}
	.footer_top_wrap  .content_item .img{width:100%; margin-left:0%;}
}



.footer{
	background-color:#767D75; color:#FFFFFF;
}

.footer .dis_box{
	font-size:1.0em;
	margin-bottom:3px;
}
.footer .dis_box_logo{
	font-size:1.8em;
	display:block;
	font-family:'NanumMyeongjo', sans-serif;
}
.footer .payment a{
	color:#FFFFFF;
	font-size:1.2em;
	display:inline-block;
}
.footer_center{
	color:#FFFFFF; font-size:1.3em;
	display:inline-block;
 }
 .footer_center .dot{
	display:none;
}

.footer_center a{
	color:#FFFFFF; 
	font-size:0.75em;
	width:90px;
	display:inline-block;
	-webkit-transition:color 0.3s, -webkit-transform 0.3s;
    transition:color 0.3s, transform 0.3s;
}
.footer_center:hover{
	color:#82B440; 
	transition:all .3s ease;
}
.footer_center:hover > a{
	color:#82B440; 
	transition:all .3s ease;
}
.footer_center:hover > .dot{
	display:inline-block;
}

.footer_info{
	color:#FFFFFF; font-size:1.3em;
	display:inline-block;
 }
 .footer_info .dot{
	display:none;
}

.footer_info a{
	color:#FFFFFF; 
	font-size:0.75em;
	width:140px;
	display:inline-block;
	-webkit-transition:color 0.3s, -webkit-transform 0.3s;
    transition:color 0.3s, transform 0.3s;
}
.footer_info:hover{
	color:#82B440; 
	transition:all .3s ease;
}
.footer_info:hover > a{
	color:#82B440; 
	transition:all .3s ease;
}
.footer_info:hover > .dot{
	display:inline-block;
}


 /*밑줄넣기 부분*/
 .footer_info > a::after {
	  content: '';
	  width: 0px;
	  left: 0px;
	  height: 1px;
	 display:block;
	  position: absolute;
	  margin-top: 1px;
	  border-bottom: 1px solid #82B440;
	  transition:all .3s ease;
}
.footer_info:hover > a::after {
	  content: '';
	  width: 140px;
	  left: 0px;
	  height: 1px;
	  display:block;
	  position: absolute;
	  margin-top: 1px;
	  border-bottom: 1px solid #82B440;
	  transition:all .3s ease;
}

.footer_center > a::after {
	  content: '';
	  width: 0px;
	  left: 0px;
	  height: 1px;
	 display:block;
	  position: absolute;
	  margin-top: 1px;
	  border-bottom: 1px solid #82B440;
	  transition:all .3s ease;
}
.footer_center:hover > a::after {
	  content: '';
	  width: 85px;
	  left: 0px;
	  height: 1px;
	  display:block;
	  position: absolute;
	  margin-top: 1px;
	  border-bottom: 1px solid #82B440;
	  transition:all .3s ease;
}

@media (max-width: 992px) {
	.footer{height:600px;}
	.footer .item-box1{
		padding-left:15px;
		padding-right:15px;
		position:absolute;
		top:285px;
		
	}
	.footer .item-box2{
		padding-left:15px;
		padding-right:15px;
		position:absolute;
		top:15px;
	}
	.footer .item-box2 .footer_info{
		display:inline-block;
		width:33%;
		text-align:left;
		float:left;
	}
	.footer .item-box2 .footer_info:first-child{
		width:19%;
	}
	.footer .item-box2 .footer_info:last-child{
		width:15%;
		text-align:right;
	}
	.footer .item-box2 .footer_info a{
		display:inline-block;
		width:100%;
		font-size:0.7em;
	}
	.footer .item-box3{
		padding-left:15px;
		padding-right:15px;
		position:absolute;
		top:80px;
		left:0%;
		
	}
}
/*@footer*/

/*pagination edit by genduck*/    
.pagination{}
.pagination li a{color: #3E704D!important;}
.pagination li.active a{border: 1px solid #3E704D!important;background-color: #3E704D!important; color: #FFFFFF!important;}
/*@pagination edit by genduck*/

/*search edit by genduck*/
 #categoryTree ul li a{display: inline-block; position: absolute; min-width: 100%; height: 100%;}
/*@search edit by genduck*/

/*mall*/
.mall-content-wrap{padding-bottom:100px;}


/* Medium devices (desktops, laptops of size 992px and up) */
@media (max-width: 992px) {
	.logo_wrap a img{
		width:110px;
		margin-top:8px;
	}
	 .sub_menu_list ul:first-child{margin-left:15px!important;}
	.sub_menu_list_2{margin-left:-3px!important;}
	.sub_menu_list_3{margin-left:-15px!important;}
	 .sub_menu_list_5{ margin-left:-60px!important;}
	.sub_menu_list_6{margin-left:-20px!important;}
	
	.event_tab_btn{
		font-size:1.3em;
	    padding-top:13px;
	}
}

/* Large devices (large desktops, screens of size 1200px and up) */
@media (max-width: 1200px) {
	.sub_menu_list ul{width:120px;}
	 .sub_menu_list ul:first-child{margin-left:40px;}
	.sub_menu_list_2{margin-left:15px;}
	.sub_menu_list_4{width:140px!important;}
	 .sub_menu_list_5{ margin-left:-25px;}
	.sub_menu_list_6{margin-left:0px;}
}




/* 이미지 별  효과 */
.main_image_scale_wrap{
	width:100%; height:250px; 
	overflow:hidden;
}

.effect_image_scale {
	display:inline-block;  
	width:100%; height:100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
  text-align:center;
 
}
.effect_image_scale img{
	display: block;  margin: 0px auto;
}
.effect_image_scale:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}


 /* 말풍선 스타일
------------------------------------------------------------------------------------------------------------------------------- */
 .triangle-isosceles {
      position:relative;
      padding:15px;
      margin:1em 0 3em;
      color:#000;
      background:#F4F5EF; /* default background for browsers without gradient support */
     
      -webkit-border-radius:10px;
      -moz-border-radius:10px;
      border-radius:10px;
    
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
      margin-left:50px;
      background:#F4F5EF;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
      margin-right:50px;
      background:#F4F5EF;
}
 /* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
      content:"";
      position:absolute;
      bottom:-15px; /* value = - border-top-width - border-bottom-width */
      left:50px; /* controls horizontal position */
      border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
      border-style:solid;
      border-color:#F4F5EF transparent;
      /* reduce the damage in FF3.0 */
      display:block;
      width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
      top:-15px; /* value = - border-top-width - border-bottom-width */
      right:50px; /* controls horizontal position */
      bottom:auto;
      left:auto;
      border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
      border-color:#F4F5EF transparent;
}

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
      top:16px; /* controls vertical position */
      left:-20px; /* value = - border-left-width - border-right-width */
      bottom:auto;
      border-width:10px 20px 10px 0;
      border-color:transparent #F4F5EF;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
  top:16px; /* controls vertical position */
  right:-20px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:10px 0 10px 20px;
  border-color:transparent #F4F5EF;
}