@charset "utf-8";
/* CSS Document */
body{ font-size:16px;}
.box0{ width:94%; margin:0 auto;}
.box1{ width:1200px; max-width:96%; margin:0 auto}
.box2{ width:100%!important; max-width:100%; margin:auto}

.PC{ display:block !important}
.PHONE{ display:none !important}


.gnb > li.m_guide,
.gnb > li.m_member,
.gnb > li.m_mypage,
#header .menu_wrap .gnb_wrap .gnb > li.m_center .sm_0001{ display:none !important}


#header{ position: relative; left:0; top:0; width:100%; z-index:1000;}
.main #header{ box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .top_wrap{ position:relative; z-index:2}
#header .top_wrap > .flex{ height:5.625em;}
#header .top_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#eee}
#header .top_wrap .mainLogo{ height:100%}
#header .top_wrap .mainLogo > a{ display:block; position:relative; box-sizing:border-box;  text-align:center; top:28px}
#header .top_wrap .left,
#header .top_wrap .right{ width:40%}
#header .top_wrap .left{ order:-1}
#header .top_wrap .bookmark{ font-size:.813em; color:#444; font-weight:500}
#header .top_wrap .bookmark .xi{ font-size:1.875em; margin-right:.25em; vertical-align:middle}
#header .top_wrap .bookmark:hover{ color:#59a334}
#header .top_wrap .mem_wrap > li > a{ display:block; color:#666666; font-size:.813em; padding:1em}
#header .top_wrap .mem_wrap > li > a .xi{ font-size:1.875em; margin-right:.25em; vertical-align:middle}
#header .top_wrap .mem_wrap > li > a:hover{ color:#59a334}

#header .menu_wrap{ position:relative; border-bottom:1px solid #eee;}
#header .menu_wrap .va_wrap{ height:3.75em}
#header .menu_wrap .all_wrap{}
#header .menu_wrap .all_wrap .wrapBtn{ width:4em; text-align:center; border:1px solid #eee; border-top:none; border-bottom:none; background:#f9f9f9}
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:2em; position:relative; z-index:1}
#header .menu_wrap .all_wrap .wrapBtn .menu_tx{ font-size:.813em; display:block; margin-top:-5px;}
#header .menu_wrap .all_wrap .all{ position: fixed; z-index:2; left:0; top:0; width:100%; height:100%; overflow-y:auto; background:#fff; opacity:0; visibility:hidden; transition:.3s; transform:translateY(1em)}
#header .menu_wrap .all_wrap .all > .in{ padding-top: 10em;}
#header .menu_wrap .all_wrap .all > .in .tit_wrap > a{ position:relative; z-index: 99;}
#header .menu_wrap .all_wrap.on .all{ opacity:1; visibility:visible; transform:translateY(0)}
#header .menu_wrap .all_wrap .all .all_top{ padding:4em 0 2em 0}
#header .menu_wrap .all_wrap .all .all_top .logo > a{ display:inline-block}
#header .menu_wrap .all_wrap .all .closeBtn{ display:block; width:2em; line-height:2em; text-align:center; border-radius:50%; background:#042b6f; color:#fff; font-size:1.5em; transition:.3s}
#header .menu_wrap .all_wrap .all .closeBtn:hover{ transform:rotate(90deg)}
#header .menu_wrap .all_wrap .all .gnb{ display:block; border-top:2px solid #042b6f; position:relative}
#header .menu_wrap .all_wrap .all .gnb:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#3156a4}
#header .menu_wrap .all_wrap .all .gnb li{ display:flex; flex-wrap:wrap}
#header .menu_wrap .all_wrap .all .gnb a{ height:auto; text-align:left}
#header .menu_wrap .all_wrap .all .gnb > li{ border-bottom:1px solid #ddd}
#header .menu_wrap .all_wrap .all .gnb > li .flex{ flex-wrap: wrap}
#header .menu_wrap .all_wrap .all .gnb > li .dp1{ width:10em; padding:1em; box-sizing:border-box; text-align:center}
#header .menu_wrap .all_wrap .all .gnb > li .dp1 .va{ font-weight:500; font-size:1.125em; color:#042b6f}
#header .menu_wrap .all_wrap .all .gnb > li .dp2{ width:calc(100% - 10em); border-left:1px solid #ddd; box-sizing:border-box; padding:1em}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li{}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a{ min-width:10em; margin:.5em 1em; color:#111; position:relative; padding-left:.75em }
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:3em; width:1em; height:1em; background:#111; border-radius:50%; font-size:.25em}
.hidden #header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a > i{ display: none;}
#header .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a:hover .va{ text-decoration:underline}
#header .menu_wrap .all_wrap .all .gnb > li .dp3{ display:none}

#header .menu_wrap .gnb_wrap{ position:absolute; left:0; top:0; width:100%}
#header .menu_wrap .gnb_wrap .gnb{ justify-content:space-around; margin-left:4em}
#header .menu_wrap .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; bottom:0; height:calc(100% - 3.75em); width:100vw; box-sizing:border-box; border:1px solid #eee; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .menu_wrap .gnb_wrap .gnb > li{ flex:1 1 1%; display:flex; flex-direction:column}
#header .menu_wrap .gnb_wrap .gnb > li .dp1{ font-weight:500; color:#444; position:relative; z-index:1; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:3px; background:#59a334; transform:scaleX(0); transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .menu_wrap .gnb_wrap .gnb > li.on .dp1{ color:#28630a}
#header .menu_wrap .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.125em}
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ display:block; height:calc(100% - 3.75em); border-right:1px solid #eee; box-sizing:border-box; position:relative; padding:1em 0}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.more .va_wrap{ display: flex; align-items: center; justify-content: center;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.more.on .va_wrap .xi{ transform: rotate(180deg);}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.5em .5em; color:#666; text-align:center; transition:.3s}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em; position:relative; padding-right:.5em}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#59a334}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a .va:after,
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.on > a .va:after{ opacity:1}
#header .menu_wrap .gnb_wrap .gnb > li .dp3{ /*display: none;*/}
#header .menu_wrap .gnb_wrap .gnb > li .dp3{ display: none;}
#header .menu_wrap .gnb_wrap .gnb > li .dp2 > li.more.on .dp3{ display:block; } 
#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li {font-size:0.85em; line-height:1.2; font-weight:400; margin-bottom: .5em; color:#999; text-align: center;}
#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li .on{ color: #59a334;}
#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li:last-of-type{ margin-bottom: 0em;}

#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li > a{ height: 2.3em;}
#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li > a{ color: #999;}
#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li:hover > a{ color:#59a334;}
#header .menu_wrap .gnb_wrap .gnb > li .dp3 > li .tt { position:relative;/* padding-left:1em; */margin-left:.5em;}
/*#header .top_wrap .gnb_wrap .gnb > li .dp3 > li .tt:before { position:absolute; content:''; top:50%; left:0; background-color:#fff; width:.5em; height:0px;}*/
#header .top_wrap .gnb_wrap .gnb > li .dp3 > li .arrow {opacity: 1;}
#header .top_wrap .gnb_wrap .gnb_bg{ position:absolute; left:0; top:-100%; width:100%; height:calc(100% - -1.5em); background: rgba(255,255,255, .85); z-index:-1; opacity:0; visibility:hidden; /*box-shadow:0 0 20em rgba(0,0,0,.1)*/}
#header .top_wrap .gnb_wrap .gnb_bg .roundObj{ top:100%; right:0; position:absolute}
#header .top_wrap .gnb_wrap .gnb_bg .roundObj .obj{ transform:translateX(1.4px)}
#header .top_wrap .gnb_wrap .gnb_bg .roundObj .objWrap{ width:26vw; margin-left: 1px;}

#header .menu_wrap .gnb_wrap .gnb > li:first-child .dp2:before{ content:""; position:absolute; left:1px; top:0; width:1px; height:100%; background:#eee}
#header .menu_wrap .gnb_wrap .gnb > li:first-child .dp2:after{ content:""; position:absolute; left:-100%; bottom:5%; width:15em; height:10em; max-width:90%; max-height:90%; background:url(../images/inc/symbol.png) no-repeat right bottom; background-size:contain}
#header .menu_wrap .gnb_wrap .gnb:before,
#header .menu_wrap .gnb_wrap .gnb > li .dp2{ display:none}
#header .menu_wrap .gnb_wrap .gnb:hover:before,
#header .menu_wrap .gnb_wrap .gnb:hover > li .dp2{ display:block}


/*footer*/
#footer{ border-top:1px solid #ccc;}
#footer .foot_wrap{ background:#fff;}
#footer .foot_wrap .con{}
#footer .foot_wrap .con .logo img{ height:80px; opacity:.6;}
#footer .foot_wrap .con .copy{ margin-top:3em; font-size:.8em; color:#333; opacity:.5; letter-spacing:0; text-transform:uppercase; font-family:'Ms';}
#footer .foot_wrap .info_wrap{ padding:1.5em 0 2em 0}
#footer .foot_wrap .info_wrap > li{ line-height:1.8; padding-right:2.5em; font-size:.938em;}
#footer .foot_wrap .info_wrap > li .tt{ display:inline-block; margin-right:1.5em; color:#333; opacity:.9; font-weight:400}
#footer .foot_wrap .info_wrap > li .tit{ color:#555; letter-spacing:0;}
#footer .foot_wrap .info_wrap > li a:hover{ text-decoration:underline;}
#footer .foot_wrap .menu_wrap{ padding:1.2em 0;}
#footer .foot_wrap .menu_wrap .menu > li > a{ position:relative; display:block; margin-right:3em; font-size:.938em; color:#555;}
#footer .bottom_wrap{ border-top:1px solid #eaeaea;}

/*contents*/
#contents{ position:relative}
#contents .sub_visual{ position:relative; z-index:9; height:280px; background-color:#173263; overflow:hidden;}
#contents .sub_visual .bg{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.2,1.2); transition:all 1s ease-out;}
#contents .sub_visual .bg_1{ background-image:url(../images/inc/sub_v_1.jpg);}
#contents .sub_visual .bg_2{ background-image:url(../images/inc/sub_v_2.jpg);}
#contents .sub_visual .bg_3{ background-image:url(../images/inc/sub_v_3.jpg);}
#contents .sub_visual .bg_4{ background-image:url(../images/inc/sub_v_4.jpg);}
#contents .sub_visual .bg_5{ background-image:url(../images/inc/sub_v_5.jpg);}
#contents .sub_visual .bg_6{ background-image:url(../images/inc/sub_v_6.jpg);}
#contents .sub_visual .bg_guide{ background-image:url(../images/inc/sub_v_guide.jpg);}

#contents .sub_visual .slogan{ position:relative; z-index:3; height:100%;}
#contents .sub_visual .slogan .vm_tt{ width:100%; margin-top:-3.5em;}
#contents .sub_visual .slogan .tt{ display:block; padding:.5em 0; color:#fff; opacity:0; transition:all .8s ease-out;}
#contents .sub_visual .slogan .t1{ margin-left:3em; font-family: 'Raleway', sans-serif; font-size:.750em; font-weight:500; letter-spacing:.2em; text-transform:uppercase;}
#contents .sub_visual .slogan .t2{ margin-right:3em; font-size:2.375em; font-weight:600;}
#contents .sub_visual .slogan .t3:before{ content:""; display:block; margin:1em auto; width:2em; height:1px; background:#fff}
#contents .sub_visual .slogan .t3{ margin-right:3em; font-size:1.063em; font-weight:400; display:none}

.load #contents .sub_visual .bg{ opacity:1; transform:scale(1,1);}
.load #contents .sub_visual .slogan .tt{ opacity:1; transition-delay:.3s;}
.load #contents .sub_visual .slogan .t1{ margin-left:0;}
.load #contents .sub_visual .slogan .t2{ margin-right:0;}
.load #contents .sub_visual .slogan .t3{ margin-right:0}

#contents .sub_nav_wrap{ position:absolute; z-index:10; top:224px; width:100%}
#contents .sub_nav_wrap .nav_box{ background:#f3f8f9;}
#contents .sub_nav_wrap .utility{ width:15em}
#contents .sub_nav_wrap .utility .zoom{ margin-right:1em}
#contents .sub_nav_wrap .utility .zoom > li > a{ display:block; width:2em; line-height:2em; background:#fff; text-align:center; color:#999; border:1px solid #ddd; margin-right:-1px; transition:.3s}
#contents .sub_nav_wrap .utility .zoom > li > a .xi{ font-size:1.125em}
#contents .sub_nav_wrap .utility .zoom > li > a:hover{ background:#eee; color:#444}
#contents .sub_nav_wrap .utility .btnPrint{ background:#fff; border:1px solid #3156a4; color:#3156a4; padding:.25em 1em; transition:.3s}
#contents .sub_nav_wrap .utility .btnPrint .xi{ font-size:1em}
#contents .sub_nav_wrap .utility .btnPrint .tt{ font-size:.875em}
#contents .sub_nav_wrap .nav{width:calc(100% - 15em)}
#contents .sub_nav_wrap .nav > li{ position:relative}
#contents .sub_nav_wrap .nav > li > a{ border-right:1px solid #ddd; height:3.5em}
#contents .sub_nav_wrap .nav > li > a i br{ display:none;}
#contents .sub_nav_wrap .nav > li.home > a{ width:4em; padding-right:1px; text-align:center; background:#59a334;}
#contents .sub_nav_wrap .nav > li.home > a .xi{ width:2em; line-height:2em; color:#fff; font-size:1em; border-radius:50%}
#contents .sub_nav_wrap .nav > li.tt > a{ padding:0 1em; min-width:11em; position:relative; padding-right:3em; color:#444}
#contents .sub_nav_wrap .nav > li.tt > a > i:not(.xi){ font-size:.938em}
#contents .sub_nav_wrap .nav > li.tt > a .icon{ position:absolute; width:3em; text-align:center; right:0; top:50%; margin-top:-.5em; font-size:1em; transition:.3s}
#contents .sub_nav_wrap .nav > li.tt > a .icon:before{ content:"\e943"}
#contents .sub_nav_wrap .nav > li .gnb{ position:absolute; width:calc(100% - 1px); left:-1px; background:#fff; border:1px solid #ddd; display:none; padding:.25em 0; box-shadow:0 1px 3px rgba(0,0,0,.3)}
#contents .sub_nav_wrap .nav > li .gnb li.on .flex{ display:block; padding:.25em 0}
#contents .sub_nav_wrap .nav > li .gnb li{ display: block;}
#contents .sub_nav_wrap .nav > li .gnb li > a > .xi{ display: none;}
#contents .sub_nav_wrap .nav > li .gnb a{ padding:.375em 3em .375em 1em; text-align:left; color:#888; position:relative; overflow:hidden}
#contents .sub_nav_wrap .nav > li .gnb a:before{ content:"-"; width:1em}
#contents .sub_nav_wrap .nav > li .gnb a .va{ font-size:.875em}
#contents .sub_nav_wrap .nav > li .gnb a .va br{ display:none;}
#contents .sub_nav_wrap .nav > li .gnb a:hover{ color:#59a334}
#contents .sub_nav_wrap .nav > li .gnb a:hover:after{ transform:translateX(0)}
#contents .sub_nav_wrap .nav > li.on.tt > a{ box-shadow:0 -2px 4px rgba(0,0,0,.2); background:#fff}
#contents .sub_nav_wrap .nav > li.on.tt > a .icon{ transform:rotate(180deg)}
#contents .sub_nav_wrap .nav > li.on .gnb{ display:block}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}



#contents .sub_tit_wrap{ position:relative; z-index:10; margin-top:-4em;}
#contents .sub_tit_wrap .vm_tt{ width:100%;}
#contents .sub_tit_wrap .inner{ width:940px; max-width:94%; height:8em; margin:0 auto; text-align:center; background:#e8ecf1;}
#contents .sub_tit_wrap .tit{ font-size:2.000em; color:#222; font-weight:500; letter-spacing:-1px;}
#contents .sub_tit_wrap .tit_en{ padding-top:.7em; font-family: 'Raleway', sans-serif; font-size:.813em; color:#687687; font-weight:500; letter-spacing:.3em; text-transform:uppercase;}

#contents .sub_gnb{ background:#fff; text-align:center; border-bottom:1px solid #ddd;}
#contents .sub_gnb .menu_icon{ display:none !important}
#contents .sub_gnb .xi-angle-right-min{ display:none}
#contents .sub_gnb .gnb{}
#contents .sub_gnb .gnb > li,
#contents .sub_gnb .gnb > li .dp1,
#contents .sub_gnb .gnb > li .dp3{ display:none;}
#contents .sub_gnb .gnb > li.on{ display:block;}
#contents .sub_gnb .gnb > li.m_6{ display:none}
#contents .sub_gnb .gnb .dp2 .vm_wrap{ height:3.2em;}
#contents .sub_gnb .gnb .dp2 > li{ position:relative; width:33.33%;}
#contents .sub_gnb .gnb .dp2 > li:before{ content:""; position:absolute; z-index:1; left:-1px; top:50%; margin-top:-7px; width:2px; height:14px; background:#ccc; opacity:.5;}

#contents .sub_gnb .gnb .dp2 > li > a{ position:relative; color:#555; transition:.2s; font-size:1.125em; font-weight:500}
#contents .sub_gnb .gnb .dp2 > li:hover > a,
#contents .sub_gnb .gnb .dp2 > li.on > a{ z-index:2; color:#fff; background:linear-gradient(300deg, #C51E3F 0%,#50318f 100%);}
#contents .sub_gnb .gnb .dp2 > li:hover:after,
#contents .sub_gnb .gnb .dp2 > li.on:after{ width:100%; margin-left:-50%;}

#contents .conTit{ border-bottom:1px solid #ddd; display:none;}
#contents .conTit .nav_wrap{ text-align:right; padding:2.5em 0 0 0; }
#contents .conTit .nav_wrap .nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.813em; color:#999;}
#contents .conTit .nav_wrap .nav > li br{ display:none;}
#contents .conTit .nav_wrap .nav > li:before{ content:"\e93f"; font-family:xeicon !important; font-style:normal; color:#999; padding:0 2px;}
#contents .conTit .nav_wrap .nav > li:first-child:before{ display:none;}
#contents .conTit .nav_wrap .nav .home{ font-size:.688em;}
#contents .conTit .nav_wrap .nav .on{ color:#444; font-weight:500;}
#contents .conTit .tit_wrap{ padding:.8em 0; text-align:center; font-size:1.875em; color:#222; letter-spacing:-.5px;}
#contents .conTit .tit_wrap br{ display:none;}

#contents .con_gnb{ position:relative; margin-bottom:-1px; border-bottom:1px solid #0d298e; text-align:center;}
#contents .con_gnb .gnb{ margin-bottom:-1px;}
#contents .con_gnb .gnb > li,
#contents .con_gnb .gnb > li .dp1,
#contents .con_gnb .gnb > li .dp2 > li,
#contents .con_gnb .gnb > li .dp2 > li > a{ display:none;}
#contents .con_gnb .gnb > li.on,
#contents .con_gnb .gnb > li .dp2 > li.on{ display:block;}
#contents .con_gnb .gnb > li .dp3 .vm_wrap{ height:45px; color:#999;}
#contents .con_gnb .gnb > li .dp3{ padding-left:1px;}
#contents .con_gnb .gnb > li .dp3 > li{ width:20%;}
#contents .con_gnb .gnb > li .dp3 > li > a{ position:relative; z-index:1; margin-left:-1px; border:1px solid #dce1e6; border-bottom-color:transparent; box-sizing:border-box; transition:.2s;}
#contents .con_gnb .gnb > li .dp3 > li:hover > a{ color:#000;}
#contents .con_gnb .gnb > li .dp3 > li.on > a{ z-index:2; background:#f2f5f8; border-color:#0d298e; border-top-width:3px; border-bottom-color:#f2f5f8; color:#0d298e;}

#contents .doc{ padding:3em 0 10em 0;}



/*----------------------------------------------------------------Main----------------------------------------------------------------*/

.mainVisual_wrap{ position:relative;}
.mainVisual_wrap .visualCon{ position:absolute; bottom:0; left:0; width:100%;}
.mainVisual_wrap .visualCon .inner > li{ flex:1; position:relative; cursor:pointer}
.mainVisual_wrap .visualCon .inner > li > .in{ position:absolute; left:0; right:0; bottom:0;/* margin-left:1.875em;*/ padding:1.5em 1.875em 1.875em 1.875em; height:8.688em; /*border:1px solid #fff;*/ text-align:center; overflow:hidden; box-sizing:border-box; transition:.3s;}
.mainVisual_wrap .visualCon .inner > li > .in img{ display:inline-block;}
.mainVisual_wrap .visualCon .inner > li > .bg1{ background:rgba(12, 77, 162,1);}
.mainVisual_wrap .visualCon .inner > li > .bg2{ background:rgba(88,63,153,1);}
.mainVisual_wrap .visualCon .inner > li > .bg3{ background:rgba(204,32,59,1)}
.mainVisual_wrap .visualCon .inner > li > .in .con{ display:none;}
.mainVisual_wrap .visualCon .inner > li > .in .tit{ color:#fff; text-align:left}
.mainVisual_wrap .visualCon .inner > li > .in .icon{ position:absolute; right:1em; bottom:.5em; opacity:.1}
.mainVisual_wrap .visualCon .inner > li > .in .tit .xi{ position:absolute; right:1em; top:1em; font-size:1.5em; color:#fff;}
.mainVisual_wrap .visualCon .inner > li > .in .tit .xi:hover{ color:#fff !important}
.mainVisual_wrap .visualCon .inner > li > .in .t1{ display:block; font-size:1.375em;}
.mainVisual_wrap .visualCon .inner > li > .in .t2{ display:block; padding-top:1.5em; font-size:.938em; font-weight:300; width:70%}
.mainVisual_wrap .visualCon .inner > li:hover > .in{ height:9.688em;}
.mainVisual_wrap .visualCon .inner > li:hover > .xi{ transform:rotate(180deg);}


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

.sub_p_tit{ margin-bottom:.75em; margin-top:4em}
.sub_p_tit:first-child{ margin-top:0}
.sub_p_tit .t1{ font-size:1.5em; color:#222; letter-spacing:-2px; word-spacing:2px;}
.sub_p_tit .t2{ font-size:1.4em; color:#222; letter-spacing:-2px; word-spacing:2px;}
.sub_p_tit .t2 .st{ vertical-align:baseline; font-size:.813em; color:#444;}
.sub_p_tit .t3{ font-size:2em; color:#222; letter-spacing:-2px; word-spacing:2px; margin-bottom:1em;}
.sub_p_tit .t3:after{ content:''; margin:.8em auto 1em; width:1em; height:2px; background:#222; display:block;}
.sub_p_tit .t4{ font-size:1.8em; color:#222;}

.sub_tit{ margin-top:3em;}
.sub_tit .t1{ text-align:center; font-size:2.5em; color:#000; font-weight:300}
.sub_tit .t1 span{ font-size:.7em;}
.sub_tit .line{ display:block; width:1px; height:.75em; background:#000; margin-bottom:.25em; margin-left:10px;}
.sub_tit .t1 .line{ margin-left:auto; margin-right:auto}
.load .sub_tit .line{transform: scaleY(1); visibility: visible;}

.agree_box{ border:1px solid #ddd; background:#f5f5f5; border-radius:5px}
.agree_box:after{ display:block; clear:both; content:'';}
.agree_box .con{  padding:2em; font-size:1em; color:#333}
.agree_box .con.scrollst{ height:8em; overflow-y:scroll; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .con.in{ border:1px solid #ededed; margin:1em; background:#fff;}
.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}

.tbox{ border:1px solid #ddd; box-sizing:border-box; padding:2em; font-size:.938em; color:#444; line-height:1.5; position:relative;}
.tbox:after{ content:''; width:8%; height:2px; background:#59a334; position:absolute; top:-1px; left:0;}
.tbox strong{ color:#000; font-size:1.1em;}
.tbox .tt{ font-size:1.25em; color:#000;}
.tbox .tw{ margin-bottom:10px; line-height:1.7;}
.tbox.fst_01{ font-size:1.068em;}

.sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #85a1b9; width:100%;}
.sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; color:#333; }
.sub_tbl .tbl_st tbody td {background:#fff;  color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5; }

.scrollAni{ visibility:hidden; transition:.8s; transition-timing-function:ease-in-out }
.scrollAni.on{ visibility:visible}
.scrollAni.fade{ opacity:0}
.scrollAni.fade.on{ opacity:1; transition-delay:.2s}
.scrollAni.moveL{ transform:translateX(-10em); opacity:0}
.scrollAni.moveL.on{ transform:translateX(0); opacity:1}
.scrollAni.moveR{ transform:translateX(10em); opacity:0}
.scrollAni.moveR.on{ transform:translateX(0); opacity:1}
.scrollAni.moveT{ transform:translateY(7em); opacity:0}
.scrollAni.moveT.on{ transform:translateY(0); opacity:1}
.scrollAni.moveB{ transform:translateY(-7em); opacity:0}
.scrollAni.moveB.on{ transform:translateY(0); opacity:1}
.scrollAni.scaleX{ transform:scaleX(0); transform-origin:left top}
.scrollAni.scaleX.on{ transform:scaleX(1)}
.scrollAni.scaleY{ transform:scaleY(0); transform-origin:left top}
.scrollAni.scaleY.on{ transform:scaleY(1)}
.scrollAni.delay1{ transition-delay:.3s;}
.scrollAni.delay2{ transition-delay:.6s;}
.scrollAni.delay3{ transition-delay:.9s;}
.scrollAni.delay4{ transition-delay:1.2s;}

.scrollAni.fade{ opacity:0}
.scrollAni.fade.on.delay1{ transition-delay:.3s;}
.scrollAni.fade.on.delay2{ transition-delay:.6s;}
.scrollAni.fade.on.delay3{ transition-delay:.9s;}
.scrollAni.fade.on.delay4{ transition-delay:1.2s;}


.tab_st01{margin-left:-15px; }
.tab_st01 li{width:25%;}
.tab_st01 li .inr{ margin: 0 0 15px 15px; text-align: center; color: #555; border: 1px solid #CCC; transition: all .3s; padding: 15px; display:block;}
.tab_st01 li .inr:hover,
.tab_st01 li.on .inr{ border-color:#499324; color:#499324; }
.tab_st01 li.on .inr{ border-color:#499324; color:#fff; background:#499324}


.do_list > li{ margin-top:8px; padding-left:.7em;  position:relative; color:#222;}
.do_list > li:before{ content:''; width:3px; height:3px; border-radius:50%; background:#59a334; position:absolute; top:9px; left:0;}
.do_list > li.st2 {padding-left:0; font-size:1.125em; margin-top:1em;}
.do_list > li.st2:first-child {margin-top:0}
.do_list > li.st2:before {display:none;}

.do_list > li > .under_txt{  padding: 1em; box-sizing: border-box;  background: #f9f9f9;  margin-top: 0.5em; border-radius: 0.5em; box-shadow: 1px 0 3px rgba(0,0,0, .15); margin-bottom: 1em;}
.do_list > li > .under_txt li{ position:relative; margin-bottom: .3em; padding-left: .5em;}
.do_list > li > .under_txt li:before{ position: absolute; top: -3px; left: -2px; content: '-';}
.do_list > li > .under_txt li > p{ font-size: .9em;}
.do_list > li > .under_txt li:last-of-type{ margin-bottom: 0em;}

/*----------------------------------------------------------------sub----------------------------------------------------------------*/


/*인사말*/
.ceoWrap{background: url(../images/sub/ceo_bg.jpg) no-repeat top center; padding-bottom: 10em;}
.page_ceoWrap{ background:rgba(255,255,255,.85); box-shadow: 0 0 25px rgb(0 0 0 / 10%); padding:6em 5em;}
.page_ceoWrap .txt.tit{ font-weight:500; font-size:1.65em; color:#333; line-height:1.4; text-align:center;}
.page_ceoWrap .txt.tit .c_point{ font-size:1.125em;}
.page_ceoWrap .line_bar{ width:45px; height:2px; background:#ddd; margin:40px auto;}

.page_ceoWrap .left{ float:left; width:23em;}
.page_ceoWrap .right{ float:left; width:calc(100% - 23em);  box-sizing:border-box; padding-left:4.5em;}
.page_ceoWrap .txt_wrap .inner{ padding-top:1em;}
.page_ceoWrap .txt_wrap .txt{ color:#383838; padding:.4em 0; font-size:1.05em; letter-spacing:.2px; line-height:1.6 }
.page_ceoWrap .txt_wrap .txt.sign {text-align:right; padding-top:5em; font-size:.938em;}
.page_ceoWrap .txt_wrap .txt .name {vertical-align:baseline; font-size:1.438em; padding-left:.5em; font-weight:500;}

/*연혁*/ 
.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#59a334; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #59a334; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#285910; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em; margin-top:1em;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:50% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}


/*조직도*/
.or_box{ border:3px solid #ededed; box-sizing:border-box; padding:2em; text-align:center; border-radius:20px;}


/*홍보대사 인사말*/
.infr_wrap{ margin-top:4em; position:relative;}
.infr_wrap .infr_img{ text-align:center; width:515px; box-sizing:border-box; text-align:center; float:right; margin-top:-2em;}
.infr_wrap .infr_img .t1{ color:#666; margin-top:1em;}
.infr_wrap .infr_txt{ width:calc(100% - 515px); box-sizing:border-box; padding-right:1.5em; padding-left:1em;}
.infr_wrap .infr_txt .s_tit{ color:#444; font-size:1.55em; margin-bottom:2em; line-height:1.5; font-weight:500; width:90%;}
.infr_wrap .infr_txt .s_tit .s_tw{ font-size:.813em; font-weight:400;}
.infr_wrap .infr_txt .s_tit .c_point{ font-size:1.25em;}
.infr_wrap .infr_txt .s_tit > p{ margin:8px 0;}
.infr_wrap .infr_txt .tw{ color:#383838; font-size:1.05em; line-height:1.6; padding:.4em 0;letter-spacing:.2px;}
.infr_wrap .infr_txt .infr_name{ font-size:.938em; padding-top:3em; text-align:right;}
.infr_wrap .infr_txt .infr_name .in_name{vertical-align: baseline; font-size:1.438em; padding-left:.5em; font-weight:500;}
.infr_bg{ height:34em; margin-top:-33em; background:#f9f9f9;}



/*찾아오시는 길*/
.root_daum_roughmap{ width:100% !important;}

.map_view{ border-top:3px solid #59a334; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view .tt {padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.188em; padding-right:5px;}

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; text-align:center;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:55px; margin-bottom:5px; margin-top:5px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#2a7605}

.map_info2 { margin-top:30px; font-weight:400}
.map_info2 .info_list > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 .info_list > li h3 { float:left; color:#222222; font-size:1.375em; font-weight:500;}
.map_info2 .info_list > li h3 .xi { font-size:1.5rem; vertical-align:top; }
.map_info2 .info_list > li .info { margin:0 0 0 240px;}
.map_info2 .info_list > li .info strong { display:block;}
.map_info2 .info_list > li .info p { color:#333; line-height:26px;}
.map_info2 .info_list > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 .info_list > li.bus .info p { position:relative; line-height:30px; color:#222; letter-spacing:.1px; font-size:1em; padding-left:85px;}
.map_info2 .info_list > li.bus .info .st:before {width:70px; height:26px; border-radius:26px; background:#47af1b; color:#fff; text-align:center; line-height:26px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 .info_list > li.bus .info .st.st2:before { content:"지선버스";}
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 .info_list > li.subway .bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; color:#fff; line-height:25px; border-radius:30px; background:#198aeb; margin:0 10px 5px 0}
.map_info2 .info_list > li.subway .bs1.sub_col1{ background:#8445ce;}
.map_info2 .info_list > li.subway .info { margin-top:-1px;}
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px;}
.map_info2 .info_list > li.subway .info p { display:inline-block; margin-right:34px;}
.map_info2 .info_list > li.subway .info em { display:inline-block;}


/*법인정관*/
.society .sub_p_tit .t2{ padding-top:10px;}
.society .tbox .tt{ position:relative;}
.society .tbox .tt .st{ font-size:.813em; position:absolute; bottom:-9px; right:0; color:#666;}
.society .t_nav{ margin-bottom:3em;}
.society .t_nav ul{ margin-left:-15px;}
.society .t_nav ul li {flex: 1 1 20%;}
.society .t_nav ul li .inner { margin: 0 0 15px 15px; text-align: center; color: #555; border: 1px solid #CCC; transition: all .3s; padding: 15px; border-radius:50px;}
.society .t_nav ul li .inner:hover { border-color:#499324; color:#499324; }
.society .page_pd{ margin-bottom:3em;}

.pn_btn{ display:block; border-radius:50px; border:1px solid #499324; color:#499324 !important; line-height:36px; width:135px; text-align:center; margin:0 auto; font-size:.938em; transition:.3s;}
.pn_btn .xi{vertical-align:bottom;}
.pn_btn:hover{ background:#499324; color:#fff !important;}

 
/*봉사활동/후원*/
.bs_cont{ margin-bottom:4em;}
.bs_cont .bs_bg{background-size:cover; background-position:center; background-repeat:no-repeat; height:280px;}
.bs_cont .bs_tit{background:#fff; padding:4em; max-width:94%; width:1200px; box-sizing:border-box; margin:-9em auto 0; text-align:center;}
.bs_cont .bs_tit .t1{ font-size:1.4em; line-height:1.5;}
.bs_cont .bs_tit .t1 .c_point{ font-weight:500;}
.bs_cont .bs_tit .t2{ font-size:1.125em; line-height:1.5;}
.bs_cont .bs_tx{ font-size:1.1em; color:#333; line-height:1.6; margin-top:1em;}

.py_cont{ background:url(../images/sub/py_bg.png) no-repeat center; background-size:cover;  padding:5em 0 5em; margin-top:3em;}
.py_cont .py_stit{ text-align:center; width:80%; margin:0 auto 1em;}
.py_cont .py_stit .stt1{ color:#888; margin-bottom:7px;} 
.py_cont .py_stit .stt2{font-size:1.75em; color:#222; font-weight:500;}
.py_cont .py_wrap .py_img{width:35%; margin-top:4em;}
.py_cont .py_wrap .py_img .py_img_tt{ text-align:center; font-size:.938em; color:#555; margin-top:1em;}
.py_cont .py_wrap .py_txt{ width:65%; box-sizing:border-box; padding-left:2em;}
.py_cont .py_wrap .py_txt .bk_con .bk_tt{ margin-top:1.5em; margin-bottom:10px;}
.py_cont .py_wrap .py_txt .bk_con .bk_tt.st1{ font-size:1.125em;}
.py_cont .py_wrap .py_txt .bk_con .bk_in{ margin-bottom:10px;}
.py_cont .py_wrap .py_txt .bk_con .bk_in .bk_nm{ font-weight:600; color:#59a334; font-size:1.35em; margin-left:7px;}
.py_cont .py_wrap .page_txt_wrap{ background:#fff; border-radius:20px; padding:2em; border:1px solid #ddd; margin-top:1em;}
.py_cont .py_wrap .page_txt_wrap .flex_w1{ flex:2;}
.py_cont .py_wrap .py_btn a{ display:inline-block; padding:.6em 1.7em; color:#fff; background:#ff8100; border-radius:50px;}

.icon_ul_st03{ margin-left:-20px; overflow:hidden;}
.icon_ul_st03 > li{float:left; width:25%;}
.icon_ul_st03 > li .border_dv{position:relative; border:1px solid #ddd; border-top:2px solid #59a334; margin-left:20px; box-sizing:border-box; padding:2em; min-height:170px;}
.icon_ul_st03 > li .border_dv .icon_dv .xi{ width:2em; line-height:2em; height:2em; background:#59a334; border-radius:50%; text-align:center; color:#fff;}
.icon_ul_st03 > li .border_dv .icon_dv .s_tt{ font-size:1.068em; font-weight:500; margin-left:5px;}
.icon_ul_st03 > li .border_dv .p1{font-size:1.068em; margin-top:15px; line-height:1.5;}

.atv_list{ margin-right:-20px;}
.atv_list > li{flex:1 33.33%;}
.atv_list > li .in{ border:1px solid #ddd; margin-right:20px; box-sizing:border-box; background:#fff;}
.atv_list > li .in .atv_img{ height:500px; background-color:#aaa; background-position:center; background-repeat:no-repeat; background-size:cover;}
.atv_list > li .in .atv_tt{ font-size:1.125em; text-align:center; box-sizing:border-box; padding:1em; min-height:80px;} 
.atv_list > li .in .atv_tw{ color:#444; margin-top:5px;  text-align:center; font-size:.875em;}


.step_cons{ margin-right:-20px; margin-bottom:4em;}
.step_cons > li {flex:1 33.33%; box-sizing:border-box;}
.step_cons > li .in{border:2px solid #c7c3c3; background:#fff; height:11em; margin-right:20px; margin-bottom:20px; position:relative; border-radius:15px;}
.step_cons > li .in:after{ content:''; width:24px; height:1px; border-bottom:5px dotted #aaa; position:absolute; top:50%; right:-1.8em;}
.step_cons > li:nth-child(3) .in:after,
.step_cons > li:last-child .in:after{ display:none;}
.step_cons > li .in .icon{ margin:7px auto 10px; font-size:1.5em;}
.step_cons > li .in .nm{ font-family:'Ms'; color:#544444; opacity:.8; font-weight:500; font-size:.938em;}
.step_cons > li .in .tt{ font-size:1.068em; font-weight:500; color:#333; }
.step_cons > li:last-child .in{ background:#59a334; border-color:#59a334;}
.step_cons > li:last-child .in .nm{ color:#fff;}
.step_cons > li:last-child .in .tt{ color:#fff;}
.step_cons > li:last-child .icon{ color:#fff;}


/*시설 공통*/

.fc_timg{ height:270px; background-color:#aaa; background-repeat:no-repeat; background-size:cover; background-position:center; opacity:.8}

.page_cont{ background:#fff; box-sizing:border-box; padding:3em; margin-top:-9em; box-shadow:0 0 10px rgba(0,0,0,0.15); position:relative;}
.page_txt_wrap{ margin-top:2.5em;}
.page_txt_wrap:first-of-type{ margin-top:0;}
.page_txt_wrap.flex > *{ padding:1.4em .4em; border-top:2px solid #e8e8e8;}
.page_txt_wrap.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;}
.page_txt_wrap.flex > .flex_w1:before,
.page_txt_wrap.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.page_txt_wrap.flex > .flex_w1:before{ left:0; background:#6574b7;}
.page_txt_wrap.flex > .flex_w1:after { left:.8em; background:#01b695;}
.page_txt_wrap.flex > .flex_w1 .f_tit{ font-size:1.3em;}
.page_txt_wrap.flex > .flex_w2{ flex:4; margin-left:2em;}
.page_txt_wrap.flex > .flex_w2 .in_tw{ font-size:1.1em; line-height:1.5; color:#222;}
.page_txt_wrap.flex > .flex_w2 .in_tw2{ line-height:1.5; color:#222;}
.page_txt_wrap.flex > .flex_w2 .in_tw3{ color:#444; line-height:1.5; margin-top:7px;}
.page_txt_wrap.flex > .flex_w2 .cbox_list{ margin-right:-25px; margin-top:1em;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li{ flex:1 50%;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in{ border:1px solid #ddd; margin-right:25px; margin-bottom:25px; box-sizing:border-box; padding:1.5em 1em .5em; text-align:center; position:relative;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in:before{ content:''; width:15px; height:15px; border-top:2px solid #78b329; border-left:2px solid #78b329; position:absolute; top:-2px; left:-2px;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in:after{content:''; width:15px; height:15px; border-bottom:2px solid #78b329; border-right:2px solid #78b329; position:absolute; bottom:-2px; right:-2px;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li:nth-child(2) .in:before{border-top-color:#1c7b04; border-left-color:#1c7b04;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li:nth-child(2) .in:after{ border-bottom-color:#1c7b04; border-right-color:#1c7b04;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li:nth-child(3) .in:before{border-top-color:#f69b2a; border-left-color:#f69b2a;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li:nth-child(3) .in:after{ border-bottom-color:#f69b2a; border-right-color:#f69b2a;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li:nth-child(4) .in:before{border-top-color:#ea5c5c; border-left-color:#ea5c5c;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li:nth-child(4) .in:after{ border-bottom-color:#ea5c5c; border-right-color:#ea5c5c;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in .icon{ padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #ddd;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in .c_tt{ font-size:1.125em; margin-bottom:10px;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in .c_tt .st{ font-size:.875em; color:#777;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in .c_tw{ color:#444; height:48px;}
.page_txt_wrap.flex > .flex_w2 .in_info{ background:#f9f9f9; box-sizing:border-box; padding:.5em; border:1px solid #ddd; color:#444; font-size:.938em; margin-top:1em;}
.page_txt_wrap.flex > .flex_w2 .in_info .xi{ vertical-align:middle;}

.page_ex_box{ align-items:stretch; background:#fafafa; border:1px solid #ddd; position:relative}
.page_ex_box:before,
.page_ex_box:after{ content:""; position:absolute; width:1em; height:1em; border:3px solid #367b13}
.page_ex_box:before{ left:-1px; top:-1px; border-right:none; border-bottom:none}
.page_ex_box:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}

.page_ex_box > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; min-width:0; padding:1em .8em;}
.page_ex_box > .inner.icon{ flex:1;}
.page_ex_box > .inner.txt { flex:8; justify-content:flex-start; text-align:left;}
.page_ex_box > .inner.txt > .in{ flex:1;}
.page_ex_box > .inner.icon .xi { font-size:2.000em;}
.page_ex_box > .inner.icon .in { width:5em; height:5em; background:#ff9e0d; border-radius:100%; color:#fff;}
.page_ex_box > .inner.icon{ background:#fff; border-right:1px solid #ddd;}
.page_ex_box > .inner.icon > .tt{ display:inline-block; margin-left:1em; font-size:1.125em; color:#0d2d4f;}
.page_ex_box > .inner.icon > .tt:first-child{ margin-left:0;}
.page_ex_box > .inner.txt { padding-left:2em; padding-right:2em;}
.page_ex_box > .inner .in_tt{ color:#3c3c3d; line-height:1.6em;}
.page_ex_box > .inner .in_tt > strong {font-weight:700;}
.page_ex_box > .inner .in_tt > *{ vertical-align:baseline;}
.page_ex_box > .inner .in_tt .t1 {font-size:1.313em;}

.bgfix{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ns_tit{ font-size:1.35em; margin-bottom:15px;}
.newsSlider_wrap{ padding:3em 0 4em 0; background:#f5f5f5; position:relative; overflow:hidden}
.newsSlider_wrap > .box1{ position:relative; overflow:hidden}
.newsSlider_wrap .newsSlider{ overflow:visible}
.newsSlider_wrap .newsSlider .swiper-wrapper{}
.newsSlider_wrap .newsSlider .swiper-wrapper li{ width:25%; float:left;}
.newsSlider_wrap .newsSlider .swiper-wrapper li > div{ margin:0 5px; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
.newsSlider_wrap .newsSlider .swiper-wrapper li .img.resize{ padding-bottom:70%;}
.newsSlider_wrap .newsControl{ position:absolute; left:0; top:14em; width:100%; height:100%; background:#fff;}
.newsSlider_wrap .newsControl .box1{ position:relative}
.newsSlider_wrap .newsControl .newsSliderBtn{ position:absolute; width:5em; line-height:5em; top:-5em; margin:0 -1.5em; text-align:center; background:#fff; color:#888; transition:.3s}
.newsSlider_wrap .newsControl .newsSliderBtn .xi{ font-size:2em}
.newsSlider_wrap .newsControl .newsSlider-prev{ left:-5em}
.newsSlider_wrap .newsControl .newsSlider-next{ right:-5em}
.newsSlider_wrap .newsControl .newsSliderBtn:hover{ color:#fff; background:#59a334}



/*----------------------------------------------------------------member----------------------------------------------------------------*/

/*회원가입 step*/
.step_st{ padding:1px 0 0 1px; overflow:hidden; border-right:1px solid #ddd; margin-bottom:3em}
.step_st > li{ flex:1 1 1%}
.step_st > li .in{ background:#f5f5f5; padding:0 1em 0 3.5em; height:5em; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative; color:#888}
.step_st > li .in:after{ content:""; position:absolute; z-index:1; right:-2.125em; top:.813em; width:0; padding-left:4em; height:4em; font-size:.875em; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f5f5f5; transform:rotate(45deg)}
.step_st > li .in .icon{ font-size:2.5em; margin-right:.25em; opacity:.3}
.step_st > li .in .tt .t1{ display:block; font-size:.875em; font-weight:700; line-height:1; margin-bottom:.25em; opacity:.5}
.step_st > li .in .tt .t2{ font-size:1.125em; font-weight:500; line-height:1}
.step_st > li.on .in{ background:#59a334; color:#fff}
.step_st > li.on .in:after{ background:#59a334; border-color:transparent}
.step_st > li.on .in .icon{ opacity:1}
.step_st > li.on .in .tt .t1{ color:#fff}

.join_agree_box .check{ padding:1em .25em; border-top:1px solid #59a334; font-size:1.25em; position:relative}
.join_agree_box .check .arrow{ position:absolute; right:.5em; top:50%; line-height:1; margin-top:-.75em; color:#aaa}
.join_agree_box .check .arrow:before{ content:"\e943"; font-size:1.5em}
.join_agree_box .agree_wrap{ height:11em; margin-left:3em}
.join_agree_box .agree_wrap{ padding:2em; border:1px solid #ddd; font-size:.938em; line-height:1.8; color:#555; background:#f9f9f9}

.box_st{ border:1px solid #ddd; border-top-color:#59a334; padding:3em; text-align:center}
.tt_st1{ font-size:1.063em; line-height:1.8; color:#666}

.scrollst{ overflow:hidden}

/*멤버박스*/
.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:640px; max-width:100%; margin:0 auto;}

/*멤버타이틀*/
.member_wrap .member_tit{ padding:3em 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-family:'Ms','NotoSans',sans-serif; font-size:2.500em; color:#3c3c3d; font-weight:600; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.65em; color:#69696b; font-weight:300; padding-top:.8em;}

/*로그인*/
.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; border-radius:5px; font-size:1.125em;}
.member_wrap .form .btn_wrap .btn.c1{ background:#59a334; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#59a334; color:#59a334;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#59a334;}
.member_wrap .member_form .form li.inp_wrap .in_tt{ width:100%; color:#777; font-size:.938em; margin:1em 0 1em 0; line-height:1.5}













.topBanner{ position:relative; height:80px;}
.topBanner .img img{ position:absolute; top:0; left:50%; transform:translateX(-50%);}
.topBanner .btn{ position:absolute; top:0; right:0;}
.topBanner.on{ display:none;}

.mainSlider{ position:relative}
.mainSlider .el{ height:38.750em; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition-delay:1s}
.mainSlider .el .box1{ position:relative}
.mainSlider .slogan{ position:relative; top:10em; color:#fff; text-align:center}
.mainSlider .slogan .icon{ font-size:4em; transform:translateY(1em); opacity:0}
.mainSlider .slogan .en_t {font-size:1.25em; letter-spacing:5px; margin-bottom:.8em; opacity:0; }
.mainSlider .slogan .t1{ font-size:3em; font-weight:600; transform:translateY(1em); opacity:0; display:inline-block; padding:.3em 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.mainSlider .slogan .t2{ font-size:1.2em; transform:translateY(1em); opacity:0; margin-top:1.5em; letter-spacing:.5px; line-height:1.5;}
.mainSlider .slogan .line{ position:relative; margin:1em 0 2em 0}
.mainSlider .slogan .line:before,
.mainSlider .slogan .line:after{ content:""; position:absolute; height:2px; background:#fff; width:0; opacity:0}
.mainSlider .slogan .line:before{ left:50%;}
.mainSlider .slogan .line:after{ right:50%;}
.mainSlider .el.swiper-slide-active .slogan .en_t{ opacity:1; transition:1s;}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .line:before,
.mainSlider .el.swiper-slide-active .slogan .line:after{ width:2em; opacity:1; transition:2s; transition-delay:.5s}
.mainSlider .mainSlider-pagination{ position:absolute; bottom:2em; left:0; margin-top:17.5em; width:100%; text-align:center; z-index:99;}
.mainSlider .mainSlider-pagination span{ display:inline-block; margin:0 .5em; width:.938em; height:.938em; background:#fff; border:none; border-radius:50%; text-indent:-9999px; cursor:pointer; transition:.2s; opacity:1;}
.mainSlider .mainSlider-pagination span.swiper-pagination-bullet-active{ width:2.5em; border-radius:3em;}


/*main_tit*/
.board_tw{ margin-bottom:15px; position:relative;}
.board_tw .bo_tt{ font-size:1.45em; font-weight:500;}
.board_tw .bo_btn{ display:block; width:1.4em; height:1.4em; line-height:1.4em; border-radius:50%; background:#59a334; color:#fff; text-align:center; font-size:1.5em; font-weight:300; position:absolute; top:0; right:10px;}



/*main_con1*/
.main_con1{ margin-top:4.5em; margin-bottom:3em;}
.main_con1 .about_list{ box-shadow:3px 3px 10px rgba(0,0,0,.1);}
.main_con1 .about_list > li{ width:33.33%; box-sizing:border-box; padding:2em 2em 0; height:235px;}
.main_con1 .about_list > li .ab_tt{ font-size:1.35em; position:relative; margin-bottom:20px; color:#fff;}
.main_con1 .about_list > li .ab_tt:after{ content:'+'; position:absolute; right:0; top:-6px; width:1.3em; height:1.3em; line-height:1.3em; background:#fff; color:#59a334; font-weight:300; border-radius:50%; text-align:center; font-size:1.25em;  cursor:pointer}
.main_con1 .about_list > li .ab_tx{ color:#fff; line-height:1.5; font-size:.938em; margin-bottom:15px;}
.main_con1 .about_list > li .ab_st1{ margin-top:2.25em;}
.main_con1 .about_list > li .ab_st1 > li{ width:33.33%;}
.main_con1 .about_list > li .ab_st1 > li a{ display:block; font-size:.875em; border:1px solid #fff; border-right:none; padding:.8em .3em; text-align:center; color:#fff; font-weight:300;}
.main_con1 .about_list > li .ab_st1 > li:last-child a{ border-right:1px solid #fff;}
.main_con1 .about_list > li .ab_st3 > li a{ display:block; font-size:.9em; border:1px solid #fff; padding:.8em 1em; margin-bottom:3px; position:relative; color:#fff;}
.main_con1 .about_list > li .ab_st3 > li a br{ display:none;}
.main_con1 .about_list > li .ab_st3 > li a:after{ content:"\e93f"; font-family:'xeicon'; font-size:1.35em; color:#fff; position:absolute; top:9px; right:8px;}

.main_con1 .about_list > li.ytb_cont{ border-left:none; padding:0; box-sizing:border-box; position:relative;}
.main_con1 .about_list > li.ytb_cont iframe{ height:235px !important;}
.main_con1 .about_list > li.ytb_cont .ytb_control{ position:absolute; bottom:10px; right:10px; z-index:99;}
.main_con1 .about_list > li.ytb_cont .ytb_control .btn .i_btn{ width:2.2em; height:2.2em; line-height:2.2em; background:#59a334; border-radius:50%; text-align:center; font-size:.875em; color:#fff; margin-right:3px; cursor:pointer}

/*main_gallery*/

.main_gallery{ background:#f5f9ef; padding:3em 0;}
.main_gallery .gallery_wrap{ position:relative;}
.main_gallery .gallery_list > li .n_in{ border:1px solid #dadada; box-sizing:border-box; padding:1em; background:#fff;}
.main_gallery .gallery_list > li .n_in .img_dv{ height:170px; background-size:cover; background-position:center; background-repeat:no-repeat; border:1px solid #ededed; box-sizing:border-box; margin-bottom:1em;}
.main_gallery .gallery_list > li .n_in .img_tt{ height: 42px; font-size:.9em; line-height:1.5; padding-top:1em; border-top:1px solid #ddd; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal;}
.main_gallery .gallery_control .btn .i_btn{position:absolute; top:50%; cursor:pointer; color: #aaa; font-size: 1.75em; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; border:1px solid #eee; background: #fff; box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);}
.main_gallery .gallery_control .btn .i_btn.b_prev{ left:-3em;}
.main_gallery .gallery_control .btn .i_btn.b_next{ right:-3em;}


/*main_con2*/
.main_con2{ margin-top:3em; margin-right:-20px;}
.main_con2 .board_cont .in,
.main_con2 .food_news .in{ margin-right:20px;}
.main_con2 .board_cont,
.main_con2 .food_news{ width:50%;}

.main_con2 .board_cont .in_con{ border:1px solid #ddd; margin-top:-1px; box-sizing:border-box; padding:1.8em; position:relative; min-height:281px;}
.main_con2 .board_cont .brd_top{ border-bottom:1px solid #ddd;  padding-bottom:1.8em;}
.main_con2 .board_cont .brd_top .brd_date{ width:5.5em; height:5.5em; border-radius:50%; text-align:center; background:#f2f9de;}
.main_con2 .board_cont .brd_top .brd_dd{ font-size:1.35em; font-weight:600; margin-top:24px; color:#357f21;}
.main_con2 .board_cont .brd_top .brd_ym{ font-size:.85em; color:#28630a; margin-top:-2px;}
.main_con2 .board_cont .brd_tit{ width:calc(100% - 5.5em); box-sizing:border-box; padding-left:1.5em; margin-top:1.2em;}
.main_con2 .board_cont .brd_tit a{ display:block;}
.main_con2 .board_cont .brd_tit .in_tt{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:90%; display:inline-block; font-size:1.068em;}
.main_con2 .board_cont .brd_tit .xi.xi-new{ vertical-align:baseline; color:#eb6100; font-size:1.5em; margin-left:3px;}
.main_con2 .board_cont .brd_tit .in_tw{ font-size:.938em; color:#888; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:100%; margin-top:3px;}
.main_con2 .board_cont .brd_btm{ padding-top:1.5em;}
.main_con2 .board_cont .brd_btm .brd_list > li{ margin-bottom:13px;}
.main_con2 .board_cont .brd_btm .brd_list > li a{ display:block;}
.main_con2 .board_cont .brd_btm .brd_list > li:last-child{ margin-bottom:0;}
.main_con2 .board_cont .brd_btm .brd_list > li:after{ display:block; clear:both; content:'';}
.main_con2 .board_cont .brd_btm .brd_list > li .in_tt{ float:left; font-size:.938em; color:#444; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; width:calc(100% - 75px);}
.main_con2 .board_cont .brd_btm .brd_list > li .in_tw{ float:right; font-size:.813em; color:#999; width:70px;}

.main_con2 .food_news .in_con{border:1px solid #ddd; box-sizing:border-box; padding:1.5em 0 1em;}
.main_con2 .food_news .in_con .news_list > li{ width:50%; border-right:1px solid #ddd; box-sizing:border-box; padding:0 1.2em;}
.main_con2 .food_news .in_con .news_list > li:last-child{ border-right:none;}
.main_con2 .food_news .in_con .news_list > li .n_in{ display:block;}
.main_con2 .food_news .in_con .news_list > li .n_in .img_dv{ border:1px solid #ddd; margin-bottom:13px;}
.main_con2 .food_news .in_con .news_list > li .n_in .img_dv.resize{ padding-bottom:60%;}
.main_con2 .food_news .in_con .news_list > li .n_in .txt_dv{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; font-size:.875em; height:38px; color:#333; line-height:1.3;}
.main_con2 .food_news .in_con .news_list > li .n_in .date_dv{ color:#999; font-size:.85em; margin-top:11px;}
.main_con2 .food_news .in_con .news_list > li .n_in .date_dv .xi{ margin-right:3px; vertical-align: text-top;}


/*main_con3*/
.main_con3{ margin-top:4em; margin-right:-5px;}
.main_con3 .cs_cont > li.cs_map{ width:30%;}
.main_con3 .cs_cont > li.cs_info{ width:38%;}
.main_con3 .cs_cont > li.cs_bank{ width:32%;}
.main_con3 .cs_cont > li .in{ margin-right:5px; border:1px solid #ddd; border-top:3px solid #ddd; box-sizing:border-box; padding:1.3em; min-height:282px;}
.main_con3 .cs_cont > li .in .cs_stt{ font-size:1.25em; margin-bottom:1.3em;}
.main_con3 .cs_cont > li .in .info_list > li{ margin-bottom:8px;}
.main_con3 .cs_cont > li .in .info_list > li:last-child{ margin-bottom:0;}
.main_con3 .cs_cont > li .in .info_list > li .in_icon{width: 2.6em; height: 2.6em; line-height: 2.6em; font-size:.938em; background: #1f682b; border-radius: 50%; display: inline-block; text-align: center; color: #fff; margin-right:5px;}
.main_con3 .cs_cont > li .in .info_list > li .in_tt{ color:#aaa;}
.main_con3 .cs_cont > li .in .info_list > li .in_tw1{ font-size:1.45em; font-weight:600; color:#d9582a;}
.main_con3 .cs_cont > li .in .info_list > li .in_tw2{ font-size:.938em;}
.main_con3 .cs_cont > li.cs_map .in{ padding:0; border-top:1px solid #ddd;}
.main_con3 .cs_cont > li.cs_map .root_daum_roughmap_landin{ width:100% !important;}
.main_con3 .cs_cont > li.cs_map .root_daum_roughmap .wrap_controllers{  display:none !important;}
.main_con3 .cs_cont > li.cs_bank .in .cs_stt{ font-size:1.125em;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li{ margin-bottom:20px;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li:last-child{ margin-bottom:0;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li .b_tt{ color:#444; margin-bottom:12px;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li .b_tw{ margin-bottom:7px;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li .b_img{ margin-right:15px;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li .b_nm{ font-size:1.25em; font-weight:600; color:#0d8320}


/*관련사이트*/
.pn_wrap{ background:#f9f9f9; border-top:1px solid #ddd; margin-top:5em; box-sizing:border-box; padding:1em 0;}
.pn_wrap .pn_tbox{ width:15%;}
.pn_wrap .pn_tbox .pn_tt{ font-size:1.068em;}
.pn_wrap .in_con{ width:85%;}
.pn_wrap .in_con li .n_in{ border:1px solid #ddd; background:#fff; margin-left:15px; box-sizing:border-box; padding:.5em;}
.pn_wrap .in_con li .n_in .resize{ padding-bottom:30%;}
.pn_wrap .in_con li .n_in .img_dv{}
.pn_wrap .pn_control{ margin-top:5px;}
.pn_wrap .pn_control .i_btn{ width:2.2em; height:2.2em; line-height:2.2em; background:#acacac; border-radius:50%; text-align:center; font-size:.875em; color:#fff; margin-right:3px; cursor:pointer}