@font-face {
	font-family:'Noto Medium';
	font-weight:normal;
	src:url(../font/NotoKR-Medium/notokr-medium.eot);
	src:url(../font/NotoKR-Medium/notokr-medium.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoKR-Medium/notokr-medium.woff) format('woff'),
	url(../font/NotoKR-Medium/notokr-medium.ttf) format('truetype'),
	url(../font/NotoKR-Medium/NotoSansKR-Medium.otf) format('truetype');
}
@font-face {
	font-family:'Noto Regular';
	font-weight:normal;
	src: url(../font/NotoKR-Regular/notokr-regular.eot);
	src: url(../font/NotoKR-Regular/notokr-regular?#iefix) format('embedded-opentype'),
	url(../font/NotoKR-Regular/notokr-regular.woff2) format('woff2'),
	url(../font/NotoKR-Regular/notokr-regular.woff) format('woff'),
	url(../font/NotoKR-Regular/notokr-regular.ttf) format('truetype'),
	url(../font/NotoKR-Regular/notokr-regular.svg#notokr-regular) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Noto Light';
	font-weight:normal;
	src:url(../font/NotoKR-Light/notokr-Light.eot);
	src:url(../font/NotoKR-Light/notokr-Light.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoKR-Light/notokr-Light.woff2) format('woff2'),
	url(../font/NotoKR-Light/notokr-Light.woff) format('woff'),
	url(../font/NotoKR-Light/notokr-Light.ttf) format('truetype'),
	url(../font/NotoKR-Light/NotoSansKR-Light.otf) format('truetype');
}
/*font: 12px/1.2em 'Noto Sans KR','Noto Sans Korean', sans-serif; font-family:'Noto Regular';*/
html{width:100%; height:100%;}
body { font:'Noto Sans KR','Noto Sans Korean', sans-serif; font-family:'Noto Regular'; line-height:1.5; width:100%; height:100%;}
@charset "utf-8";
/* thegrape */

.font_sans {font-family:"Noto Sans"; }

/* padding margin class*/

.ffl {font-family:"Lato";}

.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; }
/*############################################ 초기설정끝 ###################################################*/

/* 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: #00008B;
  cursor:pointer;
  border:0;
}
.main_bt1:hover {
  background-color:#0000FF;
}


.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;
}

.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; }

.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/check_on1.jpg') 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:80%; height:100%; z-index:100000000; background:#fff;}
.left_menu_bg {position:fixed; top:0; right:-100000px; background:#000; opacity:0.8; width:100%; height:100%; z-index:10000000; }

.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%;
}





.title_font_color{color:#C3A3AE;}



/*pc 메인 관광지 슬라이드*/
.swiper_main_tour_css{
 	display:inline-block; 
 	width:100%; 
 	margin-left:0px; 
 	overflow:hidden;
 }
 .swiper_main_tour_mobile{
 	margin-left:0px; 
 }
 
.swiper_main_tour_css .swiper-container {
	display:inline-block;
	width:100%;
	height:auto;
}
.swiper_main_tour_css .swiper-wrapper .swiper-slide{
	border:1px solid #C3A34E;
	height:300px;
}
.swiper_main_tour_css .swiper-wrapper .swiper-slide img{
	height:220px;
}
.swiper_main_tour_css .swiper-wrapper .swiper-slide .title{
	color:#C3A34E;
	font-size:1.2em;
	margin:20px 0 20px 0;
	padding:0 15px 0 15px;
	
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
}
.swiper_main_tour_css .swiper-wrapper .swiper-slide .summary{
	font-size:0.9em;
	margin:0px 0 15px 0;
	overflow: hidden;
	padding:0 15px 0 15px;
	
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 3.0em; 
	overflow:hidden;
}

.swiper_main_tour_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;*/
}

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

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





/*pc 메인체험 슬라이드*/
.swiper_main_exp_css{display:inline-block; width:100%;  overflow:hidden; }
.swiper_main_exp_mobile{margin-left:0px;}
.swiper_main_exp_css .swiper-wrapper{}
.swiper_main_exp_css .swiper-wrapper .swiper-slide{margin-top:20px;height:500px;text-align:center;}
.swiper_main_exp_css .swiper-wrapper .swiper-slide table{width:84%;height:400px;margin-left:8.5%;}
.swiper_main_exp_css .swiper-wrapper .swiper-slide table tr td{
	border:2px solid #FFFFFF;
	background-size:cover; background-repeat:no-repeat; background-position:center center;
    background-image:url('../images/favicon.ico');
}
.swiper_main_exp_css .swiper-wrapper .swiper-slide img{height:200px;}
.swiper_main_exp_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;*/
}

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

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

/*@ pc 메인체험 슬라이드*/


/*pc 메인농가 슬라이드*/
.main_farm_wrap{background-color:#F6F6F6;}
.main_farm_box{position:absolute; width:310px; height:240px; background-color:#FFFFFF; left:100%; margin-left:-380px; top:50%; margin-top:-170px;}
.main_farm_box p:first-child{font-size:1.4em; font-weight:bold; text-align:left; margin:30px 0 0 25px;}
.main_farm_box .title{
	font-size:1.4em; font-weight:bold; text-align:left; margin:30px 25px 0 25px;
		text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	}
.main_farm_box .summary{
	font-size:1.1em; margin:20px 25px 0 25px;
	
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 4.5em;
	overflow:hidden;
}



.swiper_main_farm_css{
 	display:inline-block; 
 	width:100%; 
 	overflow:hidden;
}
.swiper_main_farm_mobile{margin-left:0px; }
.swiper_main_farm_css .swiper-wrapper{}
.swiper_main_farm_css .swiper-wrapper .swiper-slide{margin-top:60px;height:500px;text-align:center;}
.swiper_main_farm_css .swiper-wrapper .swiper-slide a{
	background-size:cover; background-repeat:no-repeat; background-position:center center; 
	display:block;height:400px;width:84%;margin-left:8.5%;
}

.swiper_main_farm_image_mobile{
	display:block; height:300px; width:90%; margin-left:0px!important; padding:0%!important; margin-bottom:0px;
	background-size:cover; background-repeat:no-repeat; background-position:center center;
}
.main_farm_box_mobile{position:relative; width:100%; height:240px; left:0; margin-left:0px; top:0%; margin-top:-30px;}



.swiper_main_farm_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;*/
}

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

.swiper_main_farm_css .swiper-pagination-fraction,
.swiper_main_farm_css .swiper-pagination-custom,
.swiper_main_farm_css .swiper-container-horizontal > .swiper-pagination-bullets {
	 bottom: 40px;
	 left: 0;
	 width: 100%;
}
/*@pc 메인농가 슬라이드*/



/*pc 체험여행 페이지  슬라이드*/
.page_exp_wrap{background-color:#F6F6F6; margin-bottom:30px;}
.page_exp_box{position:absolute; width:310px; height:240px; background-color:#FFFFFF; left:100%; margin-left:-380px; top:50%; margin-top:-170px;}
.page_exp_box p:first-child{font-size:1.4em; font-weight:bold; text-align:left; margin:30px 0 0 25px;}
.page_exp_box .title{
	font-size:1.4em; font-weight:bold; text-align:left; margin:30px 25px 0 25px;
		text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	}
.page_exp_box .summary{
	font-size:1.1em; margin:20px 25px 0 25px;
	
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 4.5em;
	overflow:hidden;
}



.swiper_page_exp_css{
 	display:inline-block; 
 	width:100%; 
 	overflow:hidden;
}
.swiper_main_farm_mobile{margin-left:0px; }
.swiper_page_exp_css .swiper-wrapper{}
.swiper_page_exp_css .swiper-wrapper .swiper-slide{margin-top:60px;height:500px;text-align:center;}
.swiper_page_exp_css .swiper-wrapper .swiper-slide a{
	background-size:cover; background-repeat:no-repeat; background-position:center center; 
	display:block;height:400px;width:84%;margin-left:8.5%;
}

.swiper_page_exp_image_mobile{
	display:block; height:300px; width:90%; margin-left:0px!important; padding:0%!important; margin-bottom:0px;
	background-size:cover; background-repeat:no-repeat; background-position:center center;
}
.page_exp_box_mobile{position:relative; width:100%; height:240px; left:0; margin-left:0px; top:0%; margin-top:-30px;}



.swiper_page_exp_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;*/
}

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

.swiper_page_exp_css .swiper-pagination-fraction,
.swiper_page_exp_css .swiper-pagination-custom,
.swiper_page_exp_css .swiper-container-horizontal > .swiper-pagination-bullets {
	 bottom: 40px;
	 left: 0;
	 width: 100%;
}
/*@pc 체험여행 페이지 슬라이드*/





/*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%;
}

.quick_side_btn{
	display:block;
	background-size: cover; background-repeat:no-repeat; background-position:center right;
    height:120px; width:30px; 
}
.quick_side_btn p{width:10px; padding-top:30px; margin-left:10px; line-height:1.25em; color:#FFFFFF;}
.quick_side_apply_btn{background-image:url('../images/page/main/side_btn2_off.png');}
.quick_side_info_btn{background-image:url('../images/page/main/side_btn_off.png'); margin-top:3px;}

.quick_side_apply_btn:hover{background-image:url('../images/page/main/side_btn2_on.png');}
.quick_side_info_btn:hover{background-image:url('../images/page/main/side_btn_on.png');}

/*화면 백그라운드*/
/*--------------------------------------------------------------------*/
.top-bg-wrap{
    top:0; left:0;
    width:100%;
     background-size:cover;
    background-position:top;
    background-repeat:no-repeat;/*AD4AC5*/
}
.top-bg-wrap.main{height:800px; z-index:1; position:absolute;}
.top-bg-wrap.sub{height:170px; background-position:right bottom; z-index:10000; position:fixed; }
.right-bg-wrap{
	position:absolute;
    top:1200px; left:100%;
    margin-left:-270px;
    height:600px;
    width:270px;
     background-size: auto 100%;
    background-position:top right;
    background-repeat:no-repeat;/*AD4AC5*/
    z-index:1;
}
/*--------------------------------------------------------------------*/
/*@화면 백그라운드*/

/*모바일 톱 메뉴*/
/*--------------------------------------------------------------------*/
.mobile-header{
	position:fixed; width:100%; top:0; left:0; z-index:10000;  opacity:1.0;
	background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
}
/*--------------------------------------------------------------------*/
/*@모바일 톱 메뉴*/

/*상단 톱 메뉴*/
/*--------------------------------------------------------------------*/
.layout_top_wrap{
	position:fixed; width:100%; top:0; left:0; z-index:20000; opacity:1.0; 
}
.top_menu_wrap{
	position:absolute; width:100%; height:40px; top:0; z-index:1011;
	/* background-color:#00aaff;
	background: linear-gradient(to right, #2193b0, #6dd5ed);*/
}
.top_menu_wrap.main{background-color:#FF6B01;}
.top_menu_wrap.main{background-color:#ffffff;}
.top-buffer{height:160px;}
.top-title-banner{height:80px; z-index:1010;  position:fixed; top:80px; width:100%;}


.top_menu_box{
	height:30px; 
	width:1200px;
	border-bottom:0px solid #e2e2e2;
	
}
@media (max-width: 1150px){
	.top_menu_box{width:100%; letter-spacing:0em; padding:0 5px 0 5px;}
}
.top_menu_box a{ font-weight:normal;}/*color:#FFFFFF;*/
.top_menu_box .top_sub_menu_left{display:inline-block; width:49%;padding-left:20px; padding-top:3px;}
.top_menu_box .top_sub_menu_right{display:inline-block; float:right; width:50%; text-align:right; }
.top_menu_box .top_sub_menu_right span{display:inline-block; text-align:right; margin-right:10px; margin-top:3px;}
.top_menu_box .top_sub_menu_right span a{display:inline-block; width:100%; text-align:right; color:#000000; opacity:0.8; letter-spacing:0.1px; }
.top_menu_box .top_sub_menu_right span:hover{color:#000000;}
.top_menu_box .top_sub_menu_right span a:hover{opacity:1.0;}

.top_menu_box .top_sub_menu_right span.top-sub-menu-shortcuts{border:1px solid rgba(255, 255, 255, 0.5); border-radius:5px; padding:5px;}
.top_menu_box .top_sub_menu_right span.top-sub-menu-shortcuts:hover{border:1px solid rgba(255, 255, 255, 1.0); backgrund-color:#FFFFFF; }

 

 .gnu_wrap{position:absolute; top:40px; width:100%; z-index:1011; padding-bottom:10px;border-bottom:0px solid#ffffff;}
 .gnu_wrap.main{border-bottom:1px solid#FF6B01;}
 /*.gnu_wrap.main{background-color:#FF6B01;}*/
 .gnu_wrap.main{background-color:#ffffff;}/*top:25px; border-bottom:1px solid #C3A34E;*/
.logo_wrap{height:60px; text-align:center; padding-top:0px; padding-top:12px;}/*padding-top:10px;*/
.main_menu_wrap{height:70px; text-align:center; padding-top:5px;}
.main_menu_wrap .top_main_menu_wrap>div{text-align:center;}
.main_menu_wrap .top_main_menu_wrap>div:last-child{text-align:center;}
.main_menu_wrap .top_main_menu_wrap>div a{color:#ffffff; font-weight:normal;}
.gnu_wrap.main .main_menu_wrap .top_main_menu_wrap>div a{color:#000000;}

@media (max-width: 1200px) {
  .main_menu_wrap .top_main_menu_wrap>div a{font-size:14px; }
}

.top-menu-buffer{width:100%; height:150px;}
.top-menu-mobile-buffer{width:100%; height:50px;}
.top-menu-buffer-main{width:100%; height:120px;}
.top-menu-mobile-buffer-main{width:100%; height:50px;}
/*--------------------------------------------------------------------*/
/*@상단 톱 메뉴*/

/*basic 페이지 */
/*--------------------------------------------------------------------*/
.basic-document-title{margin-top:45px; width:100%; text-align:left; background-color:#ffffff;}

.board-content-title{margin-top:40px; font-size:1.5em; padding-left:10px;}
.board-content-title-line{width:30px; height:20px;  margin-left:12px;}
/*--------------------------------------------------------------------*/
/*@basic 페이지*/

/*
.main_menu_list{margin:0 auto; font-size:1.25em; width:100%;}
*/



/*서브 메뉴 구조 변경 및 */
 .sub_menu_wrap{
    /*position:absolute; position:fixed*/ 
    position:absolute;
    display:none; 
    top:70px; left:0px; 
    width:100%; height:100px; 
    /*background-color: rgba( 0,0,0,0.6 );*/
	z-index:900;
	background-size:100%;
    background-position:center bottom;
    background-repeat:no-repeat;/*AD4AC5*/
}
.sub_menu_wrap.main{
	background-color: rgba( 0,0,0,0.6 );
	/* border:1px solid red; */
}

.sub_menu_list{
    position:absolute;
    left:50%;
    margin-left:-270px;
    margin-top:15px;
}
.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{
    width:140px!important;
}
 .sub_menu_list_5{
    width:155px!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:#FFFFFF;
}



/* 본문과 사이드메뉴 */
.layout-side-menu{
	float:left; 
	width:260px;
	margin-left:15px;
	height:calc(100% - 70px);
	/*background-color:#1A97A8;*/
	position:fixed;
}
.layout-side-menu .menu-title{
	font-size:1.5em;
	padding-top:40px;
	padding-bottom:20px;
	/*background-color:#06869c;*/
	color:#000000;
	padding-left:0px;
}

.layout-side-menu .menu-wrap li.active{
	background-color:#FF6B01/*#06869c*/;
}
.layout-side-menu .menu-wrap li.active a{
	color:#ffffff;
}
.layout-side-menu .menu-wrap li a{
	display:inline-block;
	font-size:1.1em;
	width:100%;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #FF6B01;/*#06869c*/
}
.btn_mobile_side_menu{
	padding:0;
	margin:0;
}

.btn_mobile_side_menu ul{
	width:150px;
	margin-top:50px;
	margin-left:20px;
	display:none;
}
.btn_mobile_side_menu ul li{
	width:100%;
	height:25px;


}
.btn_mobile_side_menu ul li a{
	font-weight:normal;
	display:inline-block;
	width:100%;
}





.layout-content-wrap{
	float:right;
	position:relative;
	width:calc(100% - 275px);
	padding-left:50px;
	padding-top:0px;
	margin-bottom:100px;
}


.layout-content-wrap .content-title{
	padding-top:20px;
	margin-bottom:3px;
	font-size:1.5em;
}
.layout-content-wrap .content-title-line{
	border-top:2px solid #FF6B01/*#2193b0*/;
	width:37px;
}
.layout-content-wrap .content-wrap{
	margin-top:40px;
	margin-bottom:20px;
	
}

.layout-side-menu-main{display:none;}
.layout-content-wrap-main{height:100%;}


/* @본문과 사이드메뉴 */

/*border-------------------------------------*/
.border-list-content-title{padding-top:20px;margin-bottom:3px;font-size:1.5em; margin-top:50px;}
.border-list-content-title-line{border-top:2px solid #000000;width:37px;}
.border-list-content-wrap{ margin-top:50px;}
/*@border-------------------------------------*/


/*서브페이지*/
.sub_page_top_banner{ height:200px; width:100%; padding-top:50px; background-color:#FFFFFF; z-index:999;}
.sub_page_top_banner_title{font-size:1.7em; color:#FFFFFF; }
.sub_page_top_banner_title span{ background-color:rgba(0, 0, 0, 0.5); padding:2px 10px 2px 10px;}
.sub_page_top_banner_summary{font-size:1.2em; color:#FFFFFF;}
.sub_page_top_banner_summary span{background-color:rgba(0, 0, 0, 0.5); padding:2px 10px 2px 10px; }

.sub_page_wrap{font-size:1.0em; background-color:#FFFFFF;}

.sub_page_menu{width:1150px;  background-color:#FFFFFF; z-index:1001;}
.sub_page_board_title{width:1150px;  background-color:#FFFFFF; z-index:1001; padding-top:30px;}
@media (max-width: 1150px){
	.sub_page_menu{width:100%; margin-left:0; padding-left:0;}
	.sub_page_board_title{width:100%; margin-left:0; padding-left:0;}
}

.sub_page_menu span{display:inline-block; width:200px; margin:0; background-color:#C3A34E;}
.sub_page_menu span a{display:inline-block; width:100%; margin:0; font-size:1.2em;  letter-spacing:0.1em; color:#FFFFFF; margin:5px 0 5px 0; border-right:1px solid #FFFFFF;}
.sub_page_menu span:last-child a{border-right:1px solid #C3A34E;}





	/* 서브페이지-board */
	.sub_page_top_banner_board{position:absolute;width:100%; top:0;left:0;margin-top:125px;}
	.sub_page_top_banner_board .sub_page_top_banner_title{margin-top:10px;}
	@media (max-width: 1150px){
		.sub_page_top_banner_board{margin-top:60px;}
	}
	
	.board_button_width_default{width:100px;}
	@media (max-width: 1150px){
		.board_button_width_default{width:80px;}
	}
	
	.board_table_default{padding:10px;}
	
	@media (max-width: 1150px){
		.board_button_width_default{width:80px;}
	}

/*하단 footer*/
.footer-wrap{
	position: relative;
	width:100%;
	font-size:1.0em;
	color:#FFFFFF;
	z-index:1010;
     background-size: cover;
    background-position:bottom center;
    background-repeat:no-repeat;/*AD4AC5*/

}
.footer_box{height:100px;padding-left:15px;}
.footer_center{margin-top:10px;color:#FFFFFF;}
.footer_box_article{margin-top:10px;}

.sub_page_left_bumper{}
.sub_page_content{padding:20px 25px 30px 5px; height:100%;}
.sub_page_content .greetings{padding:10px; font-size:1.3em; line-height:2.0em;}/*인사말*/
.sub_page_content .greetings .sign{margin-left:20px;font-size:1.9em; letter-spacing:0.3em;}
.sub_page_content .address .article_1{width:100%; font-size:1.3em; text-align:center; margin-bottom:10px;}


/* 게시판 관련 */
.post_title{font-size:1.5em;}


.post_image_gallery{width:100%; height:400px; margin-bottom:60px;}
.post_image_gallery tr td{
	border:2px solid #FFFFFF;
	background-size:cover; background-repeat:no-repeat; background-position:center center;
    background-image:url('../images/favicon.ico');
}


/*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;}











/* *
* 공통 style
**/
  
  /*버튼 스타일*/
 .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;
}


 .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-one-direction {
	 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;
	
}
 .btn-box-one-direction:after, .btn-box-default:before {
	 content: "";
	 position: absolute;
	 height: 100%;
	 width: 0;
	 z-index: -1;
	 background-color:rgba(255,107,1,1);/*rgba(6,135,156,1)*/
	 -webkit-transition:all  0.5s  ease;
     transition:all  0.5s  ease;
}
 .btn-box-one-direction:after {
	 right:0;
	 top:0;
	 border-left:none;
}
 .btn-box-one-direction:before {
	 left:0;
	 bottom:0;
	 border-right:none;
}
 .btn-box-one-direction.active {
	 color:rgba(199,112, 61,1);
	 border-color:rgba(199,112, 61,1);
}
 .btn-box-one-direction.active:after {
	 background-color:rgba(199,112, 61,1);
}
 .btn-box-one-direction.active:hover {
	 color:rgba(255,255,255,1);
}
 .btn-box-one-direction.active:hover:after{
	 width: 100%;
	 background-color:rgba(199,112, 61,1);
}
 
 .btn-box-one-direction:hover {
	 color:rgba(255,255,255,1)!important;
}
 .btn-box-one-direction:hover:after{
	 width: 100%;
}
 .btn-box-one-direction:focus {
	 text-decoration: none;
	 color:rgba(255,255,255,1)!important;
}
 .btn-box-one-direction:focus:after {
	 width: 100%;
}