﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');


*{margin:0;padding:0}
html,body{width:100%;height:100%; font-size:62.5%;}
html{overflow-y:scroll;font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif;-webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all;font-family:'Montserrat', 'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif;-webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum, sans-serif;font-size:100%;font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle;}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button{background:0;border:0;outline:0;font-size:inherit;font-family: inherit; font-weight: inherit;}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
#bg_pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_ {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
}

/* module --------------------------------------------------------------------------------------------------------------------*/
/* ye_rin@designpixel.kr */
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1320"]{max-width: 1320px; width:93%; margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

/*green background */
.gb {background:#1e4300;}

/* margin-top 0 5 10 15 20 ··· 150 */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom 0 5 10 15 20 ··· 150 */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top 0 5 10 15 20 ··· 150 */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom 0 5 10 15 20 ··· 150 */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}

/* module --------------------------------------------------------------------------------------------------------------------*/

.pc_br {display:block;}

/* container */
#wrap, #container {width:100%;position: relative;min-width: 1260px;overflow:hidden;}
#contents {position:relative;}

/* header */
header{width:100%;background:#fff;width:100%;position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid #d9d9d9}
header:before{content:'';position:absolute;top:0;left:0;right:0;height:39px;background:#1e4300}
header.fixed:before{display:none}
header .location{position:relative;z-index:12}
header .location .inner{display:flex;justify-content:flex-end;max-width:1320px;margin:0 auto}
header.fixed .location .inner{width:100%;max-width:100%}
header .location .list{border-left:1px solid #35561a;display:flex}
header.fixed .location .list{display:none}
header.fixed .location .conwrap .list{display:none}
header .location .list li.on{background: #ffb500;}
header .location .list li:nth-child(2):hover{background:#ffb500}
header .location .list li a{width:160px;height:39px;line-height:39px;display:block;color:#fff;text-transform:uppercase;font-size:1.3rem;letter-spacing:-.5px;font-weight:500;text-align:center}
header .header_wrap{position:relative;height:87px;display:flex;justify-content:flex-end;align-items:center;z-index:10;max-width:1320px;margin:0 auto}
header .header_wrap h1.logo{position:absolute;top:-39px;left:0;z-index:10}
header.fixed .header_wrap h1.logo{display:none}
header .header_wrap .text_logo a{background:url(../img/common/main_text_logo.jpg) no-repeat right bottom;width:209px;height:50px;display:block}
header .header_wrap .text_logo{position:absolute;top:20px;left:163px}
#main_nav > ul > li{display:inline-block;vertical-align:top;position:relative}
#main_nav > ul > li + li{margin-left:40px}
header.fixed .header_wrap #main_nav > ul > li + li{margin-left:70px}
#main_nav > ul > li > a{font-size:1.6rem;letter-spacing:-.5px;font-weight:600;color:#222;display:block;line-height:87px}
header.fixed #main_nav > ul > li > a{line-height:75px}
#main_nav > ul > li > a:hover{color: #ffb500;}
#main_nav .sub_menu{display:none;position:absolute;text-align:center;top:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:300px}
#main_nav .sub_menu li{border-bottom:1px solid #e1e1e1}
#main_nav .sub_menu li:last-child{border:none}
#main_nav .sub_menu li a{display:block;background:#fff;font-size:1.6rem;font-weight:500;color:#1e4300;letter-spacing:-.4px;line-height:49px}
#main_nav .sub_menu li:hover a{background:#1e4300;color:#fff}
#open_menu{position:absolute;top:126px;left:0;width:100%;display:none}
header.fixed #open_menu{top:75px}
#open_menu .open_m_g{background:rgba(30,67,0,0.96) url(/img/common/open_m_fig.png) no-repeat right 50px top;font-weight:500}
#open_menu .menu_title{width:29%;background:#0f4022 url(../img/common/open_m_fig.jpg) no-repeat center bottom;display:flex;flex-direction:column;align-items:center;min-height:320px}
#open_menu .menu_title span{color:#fff;font-weight:600;font-size:3.2rem;letter-spacing:-.4px;line-height:1.2;margin-top:80px;display:inline-block;vertical-align:top;position:relative;padding-top:20px}
#open_menu .menu_title span:before{content:'';position:absolute;top:0;left:0;width:30px;height:6px;background:#fff}
#open_menu .dep1_l{display:none;color:#fff}
#open_menu .dep2{display:flex}
#open_menu .dep1{width:1160px;margin:0 auto;padding:40px 0;padding-left:163px}
#open_menu .dep2_l{position:relative;border-left:1px solid rgba(255,255,255,0.15);box-sizing:border-box;padding:25px 5px 25px 15px;width:20%}
#open_menu .dep1_l:nth-child(1) .dep2_l{width:14.2857%}
#open_menu .dep1_l:nth-child(2) .dep2_l{width:25%}
#open_menu .dep1_l:nth-child(4) .dep2_l{width:25%}
#open_menu .dep1_l:nth-child(5) .dep2_l{width:25%}
#open_menu .dep2_l:last-child{border-right:1px solid rgba(255,255,255,0.15)}
#open_menu .dep2_l > a{font-size:1.6rem;line-height:1.4;display:block}
#open_menu .dep1_l:nth-child(1) .dep2_l > a{min-height:60px}
#open_menu .dep3 li a{font-size:1.4rem;color:rgba(255,255,255,0.7);display:block;position:relative;font-family:'Noto Sans KR',sans-serif;font-weight:300;letter-spacing:-.3px}
#open_menu .dep3 li + li{margin-top:15px}
#open_menu .dep1_l.on{display:block}
header.fixed .location{position:absolute;top:0;right:0}
header.fixed .header_wrap{height:75px;width:100%;max-width:100%;justify-content:center}
header.fixed .header_wrap .text_logo a{background-image:url(../img/common/201223_main_text_logo_g.png);width:172px;height:76px;padding:0 15px 0 20px;background-color: #1e4300;background-position:center;}
header.fixed .header_wrap .text_logo{top:0;left:0}
header .q_link_h1{color:#fff;text-transform:uppercase;font-size:1.3rem;letter-spacing:-.5px;font-weight:500;line-height:39px;border:0;width:160px;text-align:center;background:#152f00 url(../img/common/quick_arr.png) no-repeat right 22px center;padding-right:22px;box-sizing:border-box;outline:0}
header .q_link{position:relative}
header.fixed .q_link_h1{background-color:#7d7d7d;line-height:76px;width:200px;font-size:1.5rem;background-position:right 38px center;padding-right:32px}
header.fixed .search > button{background-color:#7d7d7d;border-color:#7d7d7d;height:76px;width:72px;background-size:unset;background-position:left 21px center}
header.fixed .search > button:before{content:'';position:absolute;top:24px;left:0;background:#8d8d8d;height:30px;width:1px}
header.fixed .search > button.on:before{display:none}
header .q_link_l{display:none;position:absolute;top:100%;left:0;width:100%;background:#152f00;text-align:center;font-weight:500;color:#fff;padding:0 15px 6px;box-sizing:border-box;line-height:36px;font-size:1.1rem;letter-spacing:-.2px}
header.fixed .q_link_l{background:#7d7d7d;font-size:1.3rem;padding-bottom:14px}
header .q_link_l li + li{border-top:1px solid rgba(255,255,255,0.15)}
header .search{position:relative}
header .search > button{border:0;border-left:1px solid #2d441a;outline:0;border-right:1px solid #35561a;height:39px;font-size:0;background:url(../img/common/search_i_w.png) no-repeat center /17px auto;width:52px;position:relative}
header .search > button.on{background:#fff url(../img/common/search_cls.png) no-repeat center;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;transition:background-color .2s}
header .search_b{display:none;position:absolute;top:100%;background:#fff;right:0;z-index:10;border:1px solid #e5e5e5;box-sizing:border-box;padding:30px 38px}
header .search_b input{height:43px;width:310px;border:0;border-bottom:1px solid #383838;font-size:1.6rem;color:#888;outline:0}
header .search_b button{position:absolute;top:39px;right:38px;border:0;background:0}
#pop_menu{position:fixed;background:#fff;z-index:1010;font-family:'Monserrat',sans-serif;font-weight:500;font-size:1.6rem;display:none;left:50%;top:50%;margin-left:-660px;margin-top:-300px}
#pop_menu .mq_link{display:none}
#pop_menu .pop_m_g{width:1320px;overflow:hidden}
#pop_menu .close{position:absolute;top:-40px;right:0}
#pop_menu li.dep1_l{position:relative;display:flex}
#pop_menu .dep1_h{width:300px;background:#1e4300;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.4rem;line-height:1em;font-family:'Montserrat';box-sizing:border-box;font-weight:600;text-align:center}
#pop_menu.p .dep2{display:block!important;background:#f3f3f3;width:calc(100% - 300px);overflow:hidden;border-bottom:1px solid #dadada}
#pop_menu.p .dep3{display:none}
#pop_menu li.dep1_l + li.dep1_l .dep1_h{border-top:1px solid #35561a}
#pop_menu li.dep2_l{display:table;float:left;width:20%;height:85px}
#pop_menu .row_border li.dep2_l {border-bottom:1px solid #dadada}
#pop_menu li.dep2_l > a{text-align:center;width:100%;height:100%;display:table-cell;vertical-align:middle;color:#333;font-weight:600;font-family:'Montserrat';box-sizing:border-box;line-height:1.5}
#pop_menu .dep3{display:flex;align-items:center;width:calc(100% - 250px);flex-wrap:wrap}
#pop_menu li.dep3_l a{font-size:1.6rem;color:#333;display:block;position:relative;padding:10px 0 10px 8px;line-height:1.5}
#pop_menu li.dep3_l{margin-left:25px}
#pop_menu li.dep3_l a:before{content:'';width:2px;height:2px;background:#949494;position:absolute;top:21px;left:0}
#payngiving-popup .img{margin-top:65px}
#payngiving-popup{position:absolute;height:880px}
#payngiving-popup .text{font-family:'Noto Sans KR',sans-serif;font-size:1.6rem;color:#555;max-width: 595px;margin:35px auto 0;word-break: keep-all;}
#payngiving-popup .btn_g{max-width: 595px;margin:55px auto 0;display:flex;justify-content:center;}
#payngiving-popup .btn_g a{width:calc(50% - 5px);line-height:60px;color:#fff;background:#000;font-size:1.7rem;font-weight:500;border-radius:30px;word-break:keep-all}

#payngiving-popup .btn_g .i {
    width: 45px;
    height: 28px;
    background: url(/img/common/payngiving_i1.png) no-repeat left top /auto 28px;
    display: inline-block;
    vertical-align: middle;
}

#payngiving-popup .btn_g .red .i {
    background-image: url(/img/common/payngiving_i2.png);
}

#payngiving-popup .btn_g .red {
    background: #c21912;
}
#payngiving-popup .btn_g a + a{margin-left:10px}

/* footer */
footer {width:100%;background: #232220 url(../img/common/foot_bg.jpg) no-repeat right 15% bottom;padding: 45px 0 0;margin:0 auto;position:relative;}
footer .conwrap{width:93%;}
footer .conwrap:after{clear:both;content:'';display:block}
footer .left{float:left;margin-top:5px}
footer .left address{margin-top:22px}
footer .left address span{font-size:1.5rem;color:rgba(255,255,255,0.6);letter-spacing:-.4px;font-weight:300;display:inline-block;vertical-align:top}
footer .left address .tit1{text-transform:uppercase;position:relative}
footer .left address .tit1:after{content:'';display:inline-block;vertical-align:middle;width:1px;height: 10px;background:#4f4e4d;margin-left: 6px;margin-right: 4px;}
footer .right{float:right}
footer .right{font-size:1.5rem;color:rgba(255,255,255,0.6);letter-spacing:-.4px;font-weight:300;text-align: right;font-family: 'Noto Sans KR', sans-serif;}
footer address {margin-top: 5px;}
footer .right dl {display:flex;justify-content: flex-end;}
footer .right dl > * {display: inline-block;vertical-align: top;}
footer .right dl > dt{position:relative;text-transform:uppercase;padding-right: 15px;}
footer .right dt:after{content:'';position: absolute;top: 50%;right: 6px;margin-top: -3px;width:1px;height: 10px;background:#4f4e4d;}
footer .right li:last-child {margin-top:10px;}
footer .right span {position: relative; margin-left:17px;}
footer .right span:after{
	content: "";
	position: absolute;
	left: -9px;
	top: 7px;
	width: 1px;
	height: 11px;
	background: #4f4e4d;
}
footer .right span:first-child:after{
	display: none;
}
@media (max-width: 767px){
	footer .right span:after{
		left: -7px;
		height: 9px;
	}
}
footer .left .follow{text-align:center;margin-top:20px;display: flex;}
footer .left .follow > *{display:inline-block;vertical-align:middle}
footer .left .follow .tit1{}
footer .left .follow .icon{background:#333;border-radius:39px;}
footer .left .follow .icon + .icon{margin-left: 6px;}
footer .copy{border-top:1px solid #4f4e4d;display:block;text-align:center;font-size:1.5rem;color:rgba(255,255,255,0.5);letter-spacing:-.4px;font-weight:300;line-height:82px;margin-top:25px;font-family: 'Noto Sans KR', sans-serif;}

/* pager */
.m00 .pager {margin:50px 0 0px;}
.m00 .pager ul {text-align:center; font-size:0;}
.m00 .pager ul li {display:inline-block;width:38px;height:38px;font-size:16px;line-height:38px;border: 1px solid #c9c9c9;}
.m00 .pager ul li a {display: block;}
.m00 .pager ul li a img {width: 38px; vertical-align: top;}
.m00 .pager ul li.prev {margin-right:28px;margin-left: 4px;}
.m00 .pager ul li.next {margin-right: 4px;margin-left:26px;}
.m00 .pager ul li.num {margin-right:2px;border-color: #fff;}
.m00 .pager ul li.num a {color:rgba(0,0,0,0.5); display:inline-block; width:100%; height:100%;}
.m00 .pager ul li.num.on {background: #1e4300;color: #fff;border-color: #1e4300;}
.m00 .pager ul li.num.on a {color:#272b69;}


/* 햄버거 버튼 */
.pc_bar {position:absolute;top: 0;left: 207px;width: 71px;height: 76px;z-index:1000;cursor:pointer;background: #1e4300;display: none;}

.tm_bar {
    display: none;
}
header.fixed .pc_bar {display: block;}

.pc_bar:before {content: '';position: absolute;top: 22px;left: 0;width: 1px;height: 30px;background: rgba(255,255,255,0.25);}
.menu-trigger,
	.menu-trigger span {display : inline-block; -webkit-box-sizing : border-box; box-sizing : border-box; cursor:pointer}
.menu-trigger {position: absolute;width: 30px;height: 22px;margin: 0 auto;top: 50%;margin-top: -11px;left: 50%;margin-left: -15px;}
.menu-trigger span {position : absolute;width : 100%;height : 2px;background-color: #fff;}
.menu-trigger.active span {}
.menu-trigger span.l1{top : 0px;left: 0;}
.menu-trigger.active span.l1 {top: 1px;}
.menu-trigger span.l2{top: 10px;left: 0;width: 20px;}
.menu-trigger span.l3{bottom : 0px;left: 0;}
#header.on .menu-trigger span {background:#ffffff;}

/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.menu-trigger span.l1 {-webkit-animation : menu-bar01 .75s forwards;animation : menu-bar01 .75s forwards;}
@-webkit-keyframes menu-bar01 {
	0% {-webkit-transform : translateY(8.5px) rotate(45deg);transform : translateY(8.5px) rotate(45deg);}
	50% {-webkit-transform : translateY(8.5px) rotate(0);transform : translateY(8.5px) rotate(0);}
	100% {-webkit-transform : translateY(0) rotate(0);transform : translateY(0) rotate(0);}
}
@keyframes menu-bar01 {
	0% {-webkit-transform : translateY(8.5px) rotate(45deg);transform : translateY(8.5px) rotate(45deg);}
	50% {-webkit-transform : translateY(8.5px) rotate(0);transform : translateY(8.5px) rotate(0);}
	100% {-webkit-transform : translateY(0) rotate(0);transform : translateY(0) rotate(0);}
}
.menu-trigger span.l2 {-webkit-transition : all .25s;transition : all .25s; opacity : 1;}
.menu-trigger span.l3 {-webkit-animation : menu-bar02 .75s forwards;animation : menu-bar02 .75s forwards;}
@-webkit-keyframes menu-bar02 {
	0% {-webkit-transform : translateY(-9px) rotate(-45deg);transform : translateY(-9px) rotate(-45deg);}
	50% {-webkit-transform : translateY(-9px) rotate(0);transform : translateY(-9px) rotate(0);}
	100% {-webkit-transform : translateY(0) rotate(0);transform : translateY(0) rotate(0);}
}
@keyframes menu-bar02 {
	0% {-webkit-transform : translateY(-9px) rotate(-45deg);transform : translateY(-9px) rotate(-45deg);}
	50% {-webkit-transform : translateY(-9px) rotate(0);transform : translateY(-9px) rotate(0);}
	100% {-webkit-transform : translateY(0) rotate(0);transform : translateY(0) rotate(0);}
}
.menu-trigger.active span.l1 {
	-webkit-animation :active-menu-bar01 0.75s forwards;
	animation :active-menu-bar01 0.75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(2px) rotate(0);transform:translateY(2px) rotate(0);}
	100% {-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);}
}
@keyframes active-menu-bar01 {
	0% {-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(2px) rotate(0);transform:translateY(2px) rotate(0);}
	100% {-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);}
}
.menu-trigger.active span.l2 {opacity : 0;}
.menu-trigger.active span.l3 {-webkit-animation : active-menu-bar03 .75s forwards;animation : active-menu-bar03 .75s forwards;width:100%;bottom: 3px;}
@-webkit-keyframes active-menu-bar03 {
	0% {-webkit-transform : translateY(0) rotate(0);transform : translateY(0) rotate(0);}
	50% {-webkit-transform : translateY(-5px) rotate(0);transform : translateY(-5px) rotate(0);}
	100% {-webkit-transform : translateY(-5px) rotate(-45deg);transform : translateY(-5px) rotate(-45deg);}
}
@keyframes active-menu-bar03 {
	0% {-webkit-transform : translateY(0) rotate(0);transform : translateY(0) rotate(0);}
	50% {-webkit-transform : translateY(-5px) rotate(0);transform : translateY(-5px) rotate(0);}
	100% {-webkit-transform : translateY(-5px) rotate(-45deg);transform : translateY(-5px) rotate(-45deg);}
}


/* video popup */
#video-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#video-popup .popup-close{text-align:right;margin-bottom:10px;cursor:pointer}
#video-popup iframe{width:1080px!important;height:608px!important}

#fix_menu {position: fixed;top: 50%;right: 0;z-index: 100;}

#fix_menu li {
    background: #9e9e9e;
    position: relative;
}

#fix_menu li .text {
    position: absolute;
    top: 0;
    right: -100%;
    background: #9e9e9e;
    height: 100%;
    color: #fff;
    font-weight: 600;
    width: 102px;
    z-index: -1;
    padding-left: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    transition: 300ms ease;
}

#fix_menu li a:hover .text {
    right: 100%;
}

/* ====
radio
==== */
input[type=radio]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
input[type=radio]+label{position:relative;padding-left:30px;}
input[type=radio]+label:before{top: 0;width:20px;height:20px;margin-top: 3px;text-align:center;border: 1px solid #cecece;border-radius: 20px;box-sizing: border-box;}
input[type=radio]+label:after,
input[type=radio]+label:before{position:absolute;left:0;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;content:''}
input[type=radio]:checked+label:after{content:'';display:block;}
input[type=radio]+label:after{top: 0;left: 6px;width:10px;height: 10px;margin-top: 9px;display:none;background: #ffb500;border-radius: 20px;}



/* text popup */
.text-pop-st1{position:fixed;top:50%;left:50%;width:800px;height:760px;margin-left:-400px;margin-top:-380px;background:#fff url(/img/page/formPop_bg.jpg) no-repeat right bottom;z-index:1010;border-top:2px solid #ffb500;box-sizing:border-box;padding:85px 0 80px;text-align:center;display:none}
.text-pop-st1 .formClose{width:26px;height:26px;position:absolute;top:15px;right:15px;font-size:0}
.text-pop-st1 .formClose:before{content:'';position:absolute;top:12px;left:0;width:100%;height:1px;background:#777;transform:rotate(45deg)}
.text-pop-st1 .formClose:after{content:'';position:absolute;top:12px;left:0;width:100%;height:1px;background:#777;transform:rotate(-45deg)}
.text-pop-st1 button[type="button"].submit_button{background:#ffb500;color:#fff;margin:0 auto;display:block;width:350px;height:60px;line-height:60px;border-radius:30px;box-sizing:border-box;font-size:1.7rem;font-weight:500;letter-spacing:-.2px;margin-top:55px}
.text-pop-st1 .f_radio_txt{text-align:center;color:#151515;font-size:1.6rem;margin-top:35px;font-family:'Noto Sans KR',sans-serif}
.text-pop-st1 .f_radio_g{display:flex;justify-content:center;color:#151515;font-size:1.6rem;margin-top:20px;font-family:'Noto Sans KR',sans-serif;line-height:1.5;}
.text-pop-st1 .form_g{width:600px;margin:55px auto 0}
.text-pop-st1 .form_g input,.text-pop-st1 .form_g textarea{font-family:'Noto Sans KR',sans-serif}
.text-pop-st1 .form_h1{font-size:3rem;font-weight:600;color:#151515;letter-spacing:-.2px;line-height:1.2;box-sizing: border-box;}
.text-pop-st1 .form_p{font-size: 14px;font-weight:600;color:#666;letter-spacing:-.2px;line-height:1.2;box-sizing: border-box;padding-top: 14px;}
.text-pop-st1 .form_g > :nth-child(1){margin-bottom:10px}
.text-pop-st1 .half > :nth-child(1){margin-right:10px}
.text-pop-st1 .form_g input{width:100%;border:0;background:#e2e2e2;height:60px;font-size:1.6rem;color:#555;border-radius:10px;padding:0 18px;box-sizing:border-box;outline:0;}
.text-pop-st1 .form_g textarea{width:100%;height:100%;border-radius:10px;background:#e2e2e2;border:0;outline:0;padding:20px 18px;box-sizing:border-box;font-size:1.6rem;color:#555;resize:none}
.text-pop-st1 .f_radio_b + .f_radio_b{margin-left:65px}
.text-pop-st1 .half{margin-top:10px;display:flex}
.text-pop-st1 .form_g .half > *{width:calc(50% - 5px)}
/*form_pop2*/
#formPop2 {overflow-y:scroll;}

#formPop2 input[type=radio]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
#formPop2 input[type=radio]+label{position:relative;padding-left:30px;}
#formPop2 input[type=radio]+label:before{top: 0;width:20px;height:20px;margin-top: 3px;text-align:center;background-color:#e2e2e2;border-radius: 20px;box-sizing: border-box;border: none;}
#formPop2 input[type=radio]+label:after,
#formPop2 input[type=radio]+label:before{position:absolute;left:0;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';}
#formPop2 input[type=radio]:checked+label:before{content:'';display:block;background-color:#ffb500;}
#formPop2 input[type=radio]:checked+label {color:#000;}
#formPop2 input[type=radio]+label:after{top: 0;left: 5px;width:10px;height: 10px;margin-top: 8px;background: #fff;border-radius: 20px;}

#formPop2 input[type=checkbox]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
#formPop2 input[type=checkbox]+label{position:relative;padding-left:30px;color:#858585;}
#formPop2 input[type=checkbox]+label:before{top: 0;width: 23px;height: 23px;margin-top: 3px;text-align:center;border: 1px solid #e2e2e2;border-radius: 4px;box-sizing: border-box;}
#formPop2 input[type=checkbox]+label:after,
#formPop2 input[type=checkbox]+label:before{position:absolute;left:0;display:block;content:'';}
#formPop2 input[type=checkbox]:checked+label:before{content:'';display:block;}
#formPop2 input[type=checkbox]:checked+label {color:#000;}
#formPop2 input[type=checkbox]+label:after{}
#formPop2 input[type=checkbox]:checked+label:after {top: 0;left: 3px;width:17px;height: 12px;margin-top: 8px;background:url(/img/common/check_icon.png) no-repeat;}

#formPop2 .form_strong {text-align:left;display: block;font-size: 15px;font-weight: 600;color: #222;padding-bottom: 10px;font-family: 'Montserrat';padding-top: 20px;padding-left: 10px;}
#formPop2 .form_g label {text-align:left;display: block;font-size: 15px;font-weight: 600;color: #222;padding-bottom: 10px;padding-left: 10px;}
#formPop2 label.l_pd {padding-top:35px;} 
#formPop2 .form2 label.l_pd {padding-top:20px;} 
#formPop2 .f_radio_g {width: 600px;margin: 0 auto;}
#formPop2 .f_radio_wrap {width:100%;}
#formPop2 .f_radio_b {text-align:left;margin-left:0;line-height: 24px;margin-bottom: 8px;}
#formPop2 .radio1 {}
#formPop2 .radio1 .f_radio_b label {display:block;color: #858585;}
#formPop2 .radio2 {
    display: inline-block;
}
#formPop2 .radio4 {}

#formPop2 .form1 .half {position:relative;}
#formPop2 .form1 .half span {position: absolute;bottom: -24px;right: 10px;display: block;text-align: right;color: #b91212;font-weight: 600;font-size: 12px;}
#formPop2 .form2 {margin: 0 auto 0;}
#formPop2 .form2 input {
    background: #fff;
    border: 1px solid #e2e2e2;
}
#formPop2 .form3 {margin: 0 auto 0;}
#formPop2 .form3 .l_pd {padding-top:10px;}

#formPop2 .radio2 .f_radio_b {
    margin-right: 40px;
    margin-bottom: 20px;
    float: left;
}
#formPop2 input[type=radio]+label {padding: 0 0 0 40px;color:#858585;}
#formPop2 .radio2 input[type=text]{width:110px;border:0;background:#e2e2e2;height:30px;font-size:1.2rem;color:#555;border-radius:5px;padding:0 18px;box-sizing:border-box;outline:0;margin-left:10px;}
#formPop2 .radio3 { display: inline-block;}
#formPop2 .radio3 .f_radio_b {
    margin-right: 40px;
    margin-bottom: 20px;
    float: left;
}
#formPop2 .radio4 { display: inline-block;}
#formPop2 .radio4 .form_strong {padding-top:30px;}
#formPop2 .radio4 .f_radio_b {
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
}
#formPop2 .radio4 input[type=radio]+label {padding-left:40px;color: #858585;}
#formPop2 .radio4 input[type=radio]:checked+label {color: #222;}

#formPop2 .form4 {margin:0 auto;}
#formPop2 .form4 .form_strong {margin-bottom:0;padding-bottom: 0;padding-top: 10px;}
#formPop2 .form4 .form_p {text-align:left;display: block;font-size: 13px;font-weight: 400;line-height: 18px;color: #777;padding-bottom: 10px;font-family: 'Montserrat';padding-left: 10px;padding-top: 5px;}
#formPop2 .form4 label.l_pd {float: left;width: 5%;color: #ffb500;padding: 20px 0;}
#formPop2 .form4 .left {padding-top:5px;}
#formPop2 .form4 input {width: 45.5%;background: #fff;border: 1px solid #e2e2e2;}
#formPop2 .form4 .form_left {margin-right: 1%;}

#formPop2 .bot_text {color:#ffb500;font-size:15px;font-weight: 500;text-align: left;width: 600px;margin: 20px auto 0;}

#formPop2 select {
   height:60px;
   background: #fff;
   border-radius: 10px;
   border: 1px solid #e2e2e2;
   padding: 0 18px;
   font-size: 14px;
   font-weight: 500;
   appearance: none;
   letter-spacing: -0.5px;
   background:url(/img/common/select_icon.png) no-repeat;
   background-position: right 10px center;
}

#formPop2 .form2 select {width: 100%;}
#formPop2 .form2 select:focus {outline:none;}
#formPop2 .form2 .left select {width: calc(50% - 5px);}
#formPop2 .form2 .right select {background: #fff;}

#formPop2 .form4 select {width: 45.5%;}

#formPop2 .visit_wrap {}
#formPop2 .text_d {color: #ffb500;}

#formPop2 .form1 .f_date {overflow:hidden;}
#formPop2 .form1 .f_date select {width: calc(50% - 5px);}
#formPop2 .form1 .f_date select:focus {outline:none;}
#formPop2 .form1 .f_date #f_month {float:left;}
#formPop2 .form1 .f_date #f_year {float:right;}

.text-pop-st1 .form2 .half .left {width: calc(66.6666% - 4px);}
.text-pop-st1 .form2 .half .left #f_month2 {float:left;}
.text-pop-st1 .form2 .half .left #f_year2 {float:right;}
.text-pop-st1 .form2 .half .right {width:calc(33.3333% - 5px);}

#formPop2 #f_help {height: 160px;}


/* pc */
@media (max-width: 1600px) {
#open_menu .dep1{width:90%;padding-left:0}
header .header_wrap h1.logo img{height:127px}
header .header_wrap .text_logo{left:110px}
header.fixed .header_wrap #main_nav > ul > li + li{margin-left:35px}
header.fixed #main_nav > ul > li > a{font-size:1.5rem}
header.fixed .header_wrap .text_logo a{background-size:auto 32px;width:132px}
.pc_bar{left:167px}
header.fixed .q_link_h1{width:180px;background-position:right 25px center;padding-right:35px}
header.fixed .search > button{background-size:20px auto;width:58px;background-position:left 18px center}
}
@media (max-width: 1519px) {
footer .left address span{font-size:1.3rem}
footer .left .foot_logo img{width:280px}
footer .copy{font-size:1.3rem;line-height:71px}
}
@media (max-width: 1400px) {
#pop_menu .dep1_h{width:230px;font-size:2.2rem}
#pop_menu .pop_m_g{width:1190px}
#pop_menu{margin-left:-595px}
#pop_menu.p .dep2{width:960px}
header .header_wrap{max-width:93%}
header .location .inner{max-width:93%}
}

/* tablet */
@media (max-width: 1279px) {
#fix_menu{display:block;position:fixed;top:50%;right:3%;z-index:100}
header .header_wrap h1.logo{display:none}
header .header_wrap .text_logo a{background-image:url(../img/common/201223_main_text_logo_g.png);width:132px;height:60px;padding:0 15px 0 20px;background-color: #1e4300;background-position:center;background-size:auto 32px;}
header .header_wrap .text_logo{top:0;left:0}
header .header_wrap{height:60px;width:100%;max-width:100%;justify-content:center;background: #1e4300;}
header:before{display:none}
#main_nav{display:none}
header .location{position:absolute;top:0;right:0}
header .location .inner{width:100%;max-width:100%}
header .location .list{display:none}
header .q_link{display:none}
header .search > button{background-color:#7d7d7d;border-color:#7d7d7d;height:60px;background-size:20px auto;width:60px;background-position:center}
header{border-bottom:0}
header.fixed .header_wrap{height:60px}
header.fixed .header_wrap .text_logo a{height:60px}
header.fixed .search > button{height:60px;background-position:center;width:60px}
header.fixed .pc_bar{display:none}
.tm_bar{position:absolute;top:0;right:60px;width:61px;height:60px;z-index:1000;cursor:pointer;background: #1e4300;display:block;}
header.m_open .tm_bar{display:none}
.tm_bar:before{content:'';position:absolute;top:14px;left:0;width:1px;height:33px;background: rgba(255,255,255,0.25);}
.menu-trigger{width:24px;height:18px;margin-top:-9px}
.menu-trigger span.l2{top:7.5px}
header.fixed .search > button:before{display:none}
#pop_menu{top:60px;left:0;width:100%;height:calc(100% - 60px);margin:0}
header.m_open .search{display:none}
#pop_menu .pop_m_g{overflow-y:scroll}
#pop_menu li.dep2_l{height:auto;float:none}
#pop_menu.m .close{top:-44px;right:15px}
#pop_menu li.dep1_l{display:block;border-bottom:1px solid #ccc}
#pop_menu .dep1_h{width:100%;background:#999;font-size:1.6rem;padding:15px 20px;position:relative}
#pop_menu .dep1_h:before{content:'';position:absolute;top:23px;right:20px;width:15px;height:2px;background:#fff;transition:transform .2s}
#pop_menu .dep1_h.on:before{transform:rotate(180deg)}
#pop_menu .dep1_h:after{content:'';position:absolute;top:23px;right:20px;width:15px;height:2px;background:#fff;transition:transform .2s;transform:rotate(90deg)}
#pop_menu .dep1_h.on:after{transform:rotate(180deg)}
#pop_menu .dep2{display:none}
#pop_menu li.dep2_l{width:100%;display:block;margin:0 auto;position:relative}
#pop_menu li.dep2_l:before{position:absolute;top:23px;right:0;width:15px;height:2px;background:#000;transition:transform .2s}
#pop_menu li.dep2_l.on:before{transform:rotate(180deg)}
#pop_menu li.dep2_l:after{position:absolute;top:23px;right:0;width:15px;height:2px;background:#000;transition:transform .2s;transform:rotate(90deg)}
#pop_menu li.dep2_l.on:after{transform:rotate(180deg)}
#pop_menu li.dep2_l > a{width:100%;display:block;background:#fff;color:#333;font-size:1.4rem;padding:14px 0}
#pop_menu .dep3{width:100%;background:#ededed;flex-wrap:unset;align-items:unset;border-top:1px solid #ddd;padding:15px 0;display:none}
#pop_menu .pop_m_g{height:calc(100% - 54px);width:100%}
#pop_menu li.dep1_l + li.dep1_l .dep1_h{border-top:0}
#wrap,#container{min-width:320px}
#pop_menu li.dep3_l a{font-size:1.2rem;padding:0 0 0 8px}
#pop_menu li.dep3_l a:before{top:8px}
#pop_menu li.dep3_l + li.dep3_l{margin-top:10px}
#pop_menu li.dep3_l{margin-left:20px}
#pop_menu li.dep2_l:last-child{border-bottom:0}
#open_menu{display:none!important}
#pop_menu .mq_link_h1{color:#7d7d7d;text-transform:uppercase;font-size:1.6rem;letter-spacing:-.5px;font-weight:500;line-height:39px;height:40px;width:100%;background:url(../img/common/quick_arr_g.jpg) no-repeat right 10px center /13px auto;padding-right:22px;outline:0;text-align:left;padding-left:10px;border:1px solid #838383;box-sizing:border-box}
#pop_menu .mq_link{position:relative;margin:7px 10px;display:block}
#pop_menu .mq_link_l{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #838383;border-top:0;text-align:center;font-weight:500;color:#777;padding:8px 15px 6px;box-sizing:border-box;line-height:30px;font-size:1.1rem;letter-spacing:-.2px;z-index:10}
#fix_menu li .text{display:none}
#fix_menu{right:10px;display:none}
.text-pop-st1 {
    width: 720px;
    height: 660px;
    margin-left: -360px;
    margin-top: -330px;
}
.text-pop-st1 .form_h1{font-size:2.6rem;}
.text-pop-st1 .form_g{margin:30px auto 0;}
.text-pop-st1 button[type="button"].submit_button{font-size:1.5rem;margin-top:30px;}
.text-pop-st1 .f_radio_b + .f_radio_b{margin-left:50px}
.text-pop-st1 .f_radio_txt{font-size:1.5rem;}
.text-pop-st1 .f_radio_g{font-size:1.5rem;}
.text-pop-st1 .form_g textarea{font-size:1.5rem;}
#payngiving-popup .img {
    margin-top: 45px;
}

#payngiving-popup .btn_g {
    margin: 35px auto 0;
}

#payngiving-popup {
    height: 840px;
}
}
/* tablet 2*/
@media (max-width: 830px) {
footer .left .foot_logo img{width:220px;}
}
/* mobile */
@media (max-width: 767px) {
#contents{padding-top:60px}
footer{background:#232220 url(../img/common/foot_bg.jpg) no-repeat right 5% bottom -32% /auto 160px;padding-top:28px}
footer .left .foot_logo img{width:182px}
footer .left address span{font-size:1.1rem;letter-spacing:-.2px;color:rgba(255,255,255,0.5)}
footer .right .follow{margin-top:12px;justify-content:flex-start}
footer .right .follow .tit1{line-height:34px;font-size:1.1rem;letter-spacing:-.2px}
footer .copy{font-size:1.2rem;line-height:1;padding-top:10px;padding-bottom:28px;color:rgba(255,255,255,0.4)}
footer .left address{margin-top:10px}
footer .right{float:none;margin-top:15px;text-align:left;font-size:1.2rem;color:rgba(255,255,255,0.5)}
footer .right dl {justify-content:flex-start;}
footer .right dl > dt {}
footer .left{float:none}
footer .right:after{clear:both;display:block;content:''}
footer .right span {margin-right: 10px;margin-left: 0px;}
header .search_b{width:320px;padding:20px 20px 30px;text-align:center}
header .search_b input{font-size:1.3rem;width:100%;display:block}
header .search_b button{top:31px;right:24px}
header .search_b button img{height:20px}
#fix_menu li img{width:45px}
input[type=radio]+label{padding-left:25px}
input[type=radio]+label:before{width:15px;height:15px}
input[type=radio]+label:after{left:5px;width:7px;height:7px;margin-top:8px}
.text-pop-st1{position:fixed;top:50%;left:0;width:90%;margin:0 5%;height: 480px;margin-top: -240px;overflow-y:scroll;background:#fff url(/img/page/formPop_bg.jpg) no-repeat right bottom / 190px auto;z-index:1010;border-top:2px solid #ffb500;box-sizing:border-box;padding:40px 0 35px;text-align:center;display:none;}
.text-pop-st1 button[type="button"].submit_button{margin:0 auto;display:block;width:93%;height:40px;line-height:40px;font-size:1.2rem;margin-top:28px;}
.text-pop-st1 .f_radio_txt{font-size:1.4rem;margin-top:12px;}
.text-pop-st1 .f_radio_g{display:flex;justify-content:center;color:#151515;font-size: 1.2rem;margin-top:15px;font-family:'Noto Sans KR',sans-serif;line-height:1.5;}
.text-pop-st1 .form_g{width:93%;margin:25px auto 0}
.text-pop-st1 .form_h1{font-size:1.8rem;padding:0 35px;}
.text-pop-st1 .form_g input{height:40px;font-size: 1.2rem;padding:0 10px;}
.text-pop-st1 .form_g textarea{padding:10px;font-size:1.3rem;height:80px;}
.text-pop-st1 .f_radio_b + .f_radio_b{margin-left:15px}
.text-pop-st1 .form_g .half > *{width:100%;}
#payngiving-popup {
    height: auto;
    margin-top: 0;
    top: 50px;
    overflow-y: hidden;
    padding: 40px 3% 35px;
}

#payngiving-popup .img {
    margin: 30px auto 0;
    max-width: 595px;
}

#payngiving-popup .img img {
    width: 100%;
}
#payngiving-popup .text {
    font-size: 1.2rem;
    margin-top: 20px;
}

#payngiving-popup .btn_g {
    margin: 20px auto 0;
    max-width: 300px;
}

#payngiving-popup .btn_g a {
    height: 40px;
    font-size: 1.2rem;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 14px;
}

#payngiving-popup .btn_g .i {
    width: 35px;
    height: 20px;
    background-size: auto 20px;
}

#payngiving-popup .btn_g .t {
    text-align: left;
    width: calc(100% - 35px);
}

/*form_pop2*/
#formPop2 {overflow-y:scroll;overflow-x:hidden;}

#formPop2 input[type=radio]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
#formPop2 input[type=radio]+label{position:relative;padding-left:30px;}
#formPop2 input[type=radio]+label:before{top: 0;width:20px;height:20px;margin-top: 3px;text-align:center;background-color:#e2e2e2;border-radius: 20px;box-sizing: border-box;border: none;}
#formPop2 input[type=radio]+label:after,
#formPop2 input[type=radio]+label:before{position:absolute;left:0;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';}
#formPop2 input[type=radio]:checked+label:before{content:'';display:block;background-color:#ffb500;}
#formPop2 input[type=radio]:checked+label {color:#000;}
#formPop2 input[type=radio]+label:after{top: 0;left: 5px;width:10px;height: 10px;margin-top: 8px;background: #fff;border-radius: 20px;}

#formPop2 input[type=checkbox]{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
#formPop2 input[type=checkbox]+label{position:relative;padding-left:30px;color:#858585;}
#formPop2 input[type=checkbox]+label:before{top: 0;width: 23px;height: 23px;margin-top: 3px;text-align:center;border: 1px solid #e2e2e2;border-radius: 4px;box-sizing: border-box;}
#formPop2 input[type=checkbox]+label:after,
#formPop2 input[type=checkbox]+label:before{position:absolute;left:0;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';}
#formPop2 input[type=checkbox]:checked+label:before{content:'';display:block;}
#formPop2 input[type=checkbox]:checked+label {color:#000;}
#formPop2 input[type=checkbox]+label:after{}
#formPop2 input[type=checkbox]:checked+label:after {top: 0;left: 3px;width:17px;height: 12px;margin-top: 8px;background:url(/img/common/check_icon.png) no-repeat;}

#formPop2 .form_strong {text-align:left;display: block;font-size: 12px;font-weight: 600;color: #222;padding-bottom: 10px;font-family: 'Montserrat';padding-top: 20px;padding-left: 10px;}
#formPop2 .form_g label {text-align:left;display: block;font-size: 12px;font-weight: 600;color: #222;padding-bottom: 10px;padding-left: 10px;}
#formPop2 label.l_pd {padding-top:35px;} 
#formPop2 .f_radio_g {width: 93%;margin: 0 auto;}
#formPop2 .f_radio_wrap {width:100%;padding: 0 10px;}
#formPop2 .f_radio_b {text-align:left;margin-left:0;line-height: 24px;margin-bottom: 8px;}
#formPop2 .radio1 {}
#formPop2 .radio1 .f_radio_b label {display:block;color: #858585;}
#formPop2 .radio2 {
    display: inline-block;
}
#formPop2 .radio4 {}
#formPop2 .form2 input {
    background: #fff;
    border: 1px solid #e2e2e2;
}
#formPop2 .form3 {margin: 0 auto 0;}
#formPop2 .form3 .l_pd {padding-top:10px;}

#formPop2 .radio2 .f_radio_b {
    margin-right: 40px;
    margin-bottom: 20px;
    float: left;
}
#formPop2 input[type=radio]+label {padding: 0 0 0 40px;color:#858585;}
#formPop2 .radio2 input[type=text]{width:110px;border:0;background:#e2e2e2;height:30px;font-size:1.2rem;color:#555;border-radius:5px;padding:0 18px;box-sizing:border-box;outline:0;margin-left:10px;}
#formPop2 .radio3 { display: inline-block;}
#formPop2 .radio3 .f_radio_b {
    margin-right: 40px;
    margin-bottom: 20px;
    float: left;
}
#formPop2 .radio4 { display: inline-block;}
#formPop2 .radio4 .form_strong {padding-top:30px;}
#formPop2 .radio4 .f_radio_b {
    margin-right: 30px;
    margin-bottom: 20px;
    float: left;
}
#formPop2 .radio4 input[type=radio]+label {padding-left:40px;color: #858585;}

#formPop2 .form4 {margin:0 auto;}
#formPop2 .form4 .form_strong {margin-bottom:0;padding-bottom: 0;padding-top: 10px;}
#formPop2 .form4 .form_p {text-align:left;display: block;font-size: 13px;font-weight: 400;line-height: 18px;color: #777;padding-bottom: 10px;font-family: 'Montserrat';padding-left: 10px;padding-top: 5px;}
#formPop2 .form4 label.l_pd {float: left;width: 5%;color: #ffb500;padding: 12px 0;}
#formPop2 .form4 .left {padding-top:5px;width: 100%;display: flex;}
#formPop2 .form4 input {width: calc(50% - 5px);margin: 0 2.5px;background: #fff;border: 1px solid #e2e2e2;}
#formPop2 .form4 .form_left {margin-right: 1%;}

#formPop2 .bot_text {color:#ffb500;font-size:15px;font-weight: 500;text-align: left;width: 93%;margin: 20px auto 0;}

#formPop2 select {height: 40px;font-size: 1.2rem;padding: 0 10px;}

#formPop2 .form2 select {width: 100%;}

#formPop2 .form4 select {width: 45.5%;}

#formPop2 .visit_wrap {display:none;}
#formPop2 .form1 .half {display:block;}
#formPop2 .form_g .half > * {width: 100%;}
#formPop2 .form2 {width: 93%;}
}

.a_left{transform:translateX(-15px);transition:.8s;opacity:0}
.a_left.in-view{transform:translateX(0px);opacity:1}
.a_:nth-child(1){transition-delay:.1s}
.a_:nth-child(2){transition-delay:.2s}
.a_:nth-child(3){transition-delay:.3s}
.a_:nth-child(4){transition-delay:.4s}
.a_:nth-child(5){transition-delay:.5s}
.a_:nth-child(6){transition-delay:.6s}
.a_:nth-child(7){transition-delay:.7s}
.a_:nth-child(8){transition-delay:.8s}
.a_:nth-child(9){transition-delay:.9s}
.a_:nth-child(10){transition-delay:1s}

button[type="button"].submit_button.none{background:#8c8c8c;}
