@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:1920px; margin:0 auto; max-width:94%;}
.box1{ width:1200px; margin:0 auto; max-width:98%}
.PC{ display:block !important}
.PHONE{ display:none !important}

/*시안*/
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
.section{ position:relative; background-repeat:no-repeat; background-position:center top;}

.admin_tt .tt {color:#fff; padding:.2em .6em; background:#666; border-radius:18px; font-size:.875em;}
.admin_tt .tt:hover {background:#0e9655; color:#fff; transition:.3s;}

/*HEADER*/
#header{ position: fixed; z-index:1000; left:0; top:0; width:100%; }
#header:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.6;}
#header .va_wrap{ height:4.5em}
.headerPD{ padding-top:4.5em}
#header .logo{ float:left; z-index:99; position:relative;}
#header .logo > a{ position:relative}

#header .menU_wrap{position:absolute; left:0; top:0; width:100%; text-align:center;}
#header .gnb_wrap{}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li.m_guide {display:none;}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; min-width:8em; margin:0 .45em; padding:0 .25em; position:relative; overflow:hidden; transition:.3s}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.188em;}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:.9em 1em; border-top:1px dotted #999;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.9em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#257f00;}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:#257f00; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}

#header .etc_wrap{ float:right; z-index:1; position:relative}
#header .etc_wrap:after{ display:block; clear:both; content:'';}
#header .etc_wrap .lang{ position:relative;}
#header .etc_wrap .lang .tit{ cursor:pointer; height:4.5em;}
#header .etc_wrap .lang .tit .tt{ position:relative; padding:0 3em 0 0em; font-size:.9em; color:#fff; text-transform:uppercase; }
#header .etc_wrap .lang .tit .tt:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#333; transition:.2s;}
#header .etc_wrap .lang .tit .xi{ position:absolute; top:3px; right:1.5em; font-size:.9em}
#header .etc_wrap .lang .tit .xi:before{ content:"\e941";}
#header .etc_wrap .lang .tit .xi-globus{margin-right:5px;}
#header .etc_wrap .lang:hover .tit .tt{ color:#2c2f91;}
#header .etc_wrap .lang .list{ position:absolute; top:75%; left:0; right:0; height:0; padding:0 .5em; background:#fff; border:1px solid #666; overflow:hidden; opacity:0; transition:all 0.2s ease-in-out;}
#header .etc_wrap .lang .list > li > a{ display:block; margin-top:1px; padding:1em .5em; font-size:.688em; color:#888; letter-spacing:0; text-transform:uppercase;}
#header .etc_wrap .lang .list > li:first-child > a{ margin-top:0;}
#header .etc_wrap .lang .list > li:hover > a,
#header .etc_wrap .lang .list > li.on > a{ background:#f1f1f1; color:#000;}
#header .etc_wrap .lang:hover .list{ height:auto; padding-top:.5em; padding-bottom:.5em; opacity:1;}
#header .etc_wrap .co_link{}
#header .etc_wrap .co_link .co_list{ margin-right:1.5em;}
#header .etc_wrap .co_link .co_list .va{ font-size:	0.875em	; color:#fff;}
#header .etc_wrap .co_link .co_list .va:hover{color:#0074c1;}

#header .all_wrap{ float:left}
#header .all_wrap .allBtn{ width:5em; text-align:center;}
#header .all_wrap .allBtn .va{ font-size:1.6em; color:#fff}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:10em 0 10em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:25%; position:relative; box-sizing:border-box; padding:0 .3em; margin-bottom:1em;}
#header .all_wrap .gnb > li br{ display:none;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#257f00; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:210px;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:auto; text-align:left;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 li{ display:block;}
#header .all_wrap .gnb > li .dp2 li > a{ padding-left:10px !important;}
#header .all_wrap .gnb > li .dp2 > li{ padding:.5em 1.5em;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb > li .dp3{ padding:.6rem 0;}
#header .all_wrap .gnb > li .dp3 > li > a{ padding:.3em 0; font-size:.813em; color:#666;}
#header .all_wrap .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline;}
#header .all_wrap .gnb li:hover > a{ color:#257f00;} 
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#257f00;}

/*#header.white{background:rgba(0,0,0,.5);}
#header.hide{ opacity:0; transition:.3s;}*/


.scroll #header { display:none}

#header.white{background:rgba(0,0,0,.5);}
#header:hover{ background:#fff}
#header:hover .gnb_wrap .gnb > li .dp1 .va{color:#222;}
#header:hover .etc_wrap .co_link .co_list .va{color:#222;}
#header:hover .etc_wrap .lang .tit .tt{color:#222;}
#header:hover .all_wrap .allBtn .va {color:#222;}

/*FOOTER*/
#footer .menu_wrap {background:#303641}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:20%; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 1.5em 1em 1.5em; color:#fff; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem}
#footer .menu_wrap .gnb_wrap .gnb > li.m_guide .dp2 {padding-bottom:0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 1.5em; text-align:left; color:#fff; opacity:.6; transition:.3s}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gotop{ display:block !important; width:38px; height:38px; line-height:38px; border-radius:100%; /*margin:.5em 1.5em;*/ background:#5e5e5e; opacity:.7; color:#fff; text-align:center; transition:.3s; position:absolute; right:0px; top:280px;}
#footer .menu_wrap .gotop .xi{ display:block}
#footer .menu_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .menu_wrap .gotop:hover{ background:#257f00; color:#fff; opacity:1}

#footer .info_wrap .goTop{ display:none !important;}
#footer .info_wrap{ padding:2em 0 2em 0;  background:#1d2129; position:relative;}
#footer .info_wrap .box1{ position:relative}
#footer .info_wrap .info{ width:100% }
#footer .info_wrap .info > li{ margin-right:1em; font-size:.875em; color:#bbb; line-height:2; letter-spacing:0; vertical-align:top; }
#footer .info_wrap .info > li.site_name_t {opacity:inherit !important;}
#footer .info_wrap .info > li:nth-child(2) {margin-right:0;}
#footer .info_wrap .info > li:nth-child(2) span{ padding-right:1.5em; position:relative; vertical-align:top;}
#footer .info_wrap .info > li:nth-child(2) span:before {position:absolute; content:""; width:1px; height:10px; left:-10px; top:4px; background:#fff;opacity:.6;  }
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:1em; font-size:.688em; color:#fff; opacity:.3; text-transform:uppercase}
#footer .info_wrap .logo {position:absolute; right:0%; top:0;}

/*CONTENTS*/

#contents{}

#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:22em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:-2em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2em; font-family:notokrB; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sub_slogan{ font-size:.9em; font-family:notokrR; color:#fff; margin-left:5em; opacity:0; transition:1s; letter-spacing:3.5px;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .sub_slogan{ margin-left:0; opacity:1;}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:4.5em; color:#fefefe; position:relative;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1em; font-family:'notokrR'}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after{ content:''; display:block; width:100%; height:5px; background:#fff; position:absolute; top:0; left:0;}
#contents .sub_visual_wrap .sub_gnb_wrap .line{ width:100%; height:1px; background:rgba(255,255,255,.5); position:absolute; top:2px;}

#contents .sub_tit{ text-align:center; padding:0 0 2em 0; border-bottom:1px solid #ddd; position:relative; margin-bottom:3em;}
#contents .sub_tit:after{ content:""; position:absolute; width:20em; height:1px; left:50%; bottom:-1px; margin-left:-10em; background:#002654; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #002654 50%, rgba(255,255,255,0) 100%)}
#contents .sub_tit .tit{ font-family:notokrB, sans-serif; font-size:2em; color:#222; font-weight:bold;}


#contents .doc{ padding:4em 0 5em 0}
#contents .doc.in_sub{ padding:0 0 15em 0}
#contents .doc.st1 {padding:0 0 0 0;}

/*QUICK*/
#quick{ position:fixed; z-index:1001; top:0; /*right:-105px;*/ /*right: -110px;*/right:-150px; width:150px; height:100%; background:#fff; border-left:1px solid #393a3e; box-shadow:-3px 0 5px rgba(0,0,0,.2); transition:.2s;}
#quick.on{ right:0;}
#quick .scrollWrap{ position:absolute; z-index:1; top:0; right:0; width:100%; height:100%; overflow-y:auto;}

#quick .quickBtn{ position:absolute; z-index:2; top:0; left:0; height:100% !important; margin-left:-30px;}
#quick .quickBtn .con > li > a { display:block; margin-top:-1px;}
#quick .quickBtn .con > li > a .xi{ width:30px; line-height:50px; background:#fff; border:1px solid #393a3e; box-sizing:border-box;}
#quick .quickBtn .con > li.st1 > a{ margin-bottom:10px;}
#quick .quickBtn .con > li.st1 > a .xi{ border-right-color:#fff; color:#000;}
#quick .quickBtn .con > li.st2 > a .xi{ background:#f6f6f6; color:#666;}
#quick.on .quickBtn .con > li.st1 > a .xi:before{ content:"\e93e";}

#quick .cs_wrap{ padding:0 20px; background:#fff; border-bottom:1px solid #ddd;}
#quick .cs_wrap > *{ opacity:0; transition:.2s;}
#quick .cs_wrap .cs_tit{ padding:20px 0 10px 0; font-size:.813em; font-family:'notokrB'}
#quick .cs_wrap .cs_tit .xi {vertical-align:baseline; border-radius:50%; width:25px; height:25px; line-height:25px; text-align:center; background:#55893d; color:#fff; margin-right:5px;}
#quick .cs_wrap .cs_con{ padding-bottom:15px;}
#quick .cs_wrap .cs_con > li{ margin-top:10px;}
#quick .cs_wrap .cs_con > li:first-child{ margin-top:0;}
#quick .cs_wrap .cs_con .t1{  font-family:'notokrM'}
#quick .cs_wrap .cs_con .t1 .tt {color:#444; display:block; font-size:.813em; padding-bottom:2px;}
#quick .cs_wrap .cs_con .t1 .num {color:#55893d; font-family:'notokrB';}

#quick .cs_wrap .cs_con .t2{font-family:'notokrM';  font-size:.750em; color:#888;}
#quick.on .cs_wrap{ background:#f7f7f7;}
#quick.on .cs_wrap > *{ opacity:1;}

#quick .menu_wrap{}
#quick .menu_wrap > li .titt{ position:relative; display:block; padding:0 20px; padding-left:45px; border-bottom:1px solid #ddd; text-align:left; color:#666; transition:.2s;  height:45px !important;}
#quick .menu_wrap > li .xi{ position:absolute; top:50%; left:0; margin-top:-13px; width:45px; text-align:center;}
#quick .menu_wrap > li .tt{ font-size:.813em; font-style:inherit !important;   font-family:'notokrM'}
#quick .menu_wrap > li:hover .titt{ background:#333; border-color:#333; color:#fff;}

#quick .menu_wrap2 > li {cursor:pointer;}
#quick .menu_wrap2 > li .kakao_txt_w {background:#f9e000; color:#3b1f1e; font-family:'notokrM'; margin:.5em; padding:.8em; text-align:center;}
#quick .menu_wrap2 > li .kakao_txt_w .icon .xi {color:#3b1f1e; background:#fff; width:1.6em; line-height:1.6em; border-radius:50%; font-size:1.5em; margin-bottom:.2em;}
#quick .menu_wrap2 > li .kakao_txt_w .t3 {font-size:.750em;}

#quick .menu_wrap2 > li .yotube_w {background:#e9e9f4; color:#111; font-family:'notokrM'; margin:.5em; padding:.8em; text-align:center;}
#quick .menu_wrap2 > li .yotube_w .icon .xi {color:#fff; background:#ff0000; width:1.6em; line-height:1.6em; border-radius:50%; font-size:1.5em; margin-bottom:.2em;}
#quick .menu_wrap2 > li .yotube_w .t3 {font-size:.750em;}

#quick .today_wrap{ background:#fff; text-align:center;}
#quick .today_wrap .today_tit{ width:45px; height:90px; transition:.2s;}
#quick .today_wrap .today_tit .tt,
#quick .today_wrap .today_tit .num{ display:block;}
#quick .today_wrap .today_tit .tt{ margin-bottom:8px; font-size:.750em; color:#000; font-weight:700;}
#quick .today_wrap .today_tit .num{ display:inline-block; *display:inline; zoom:1; width:30px; line-height:30px; border-radius:100%; background:#393a3e; font-size:.875em; font-weight:700; color:#fff;}
#quick .today_wrap .today_con{ background:#fff; padding:0 50px 20px 50px;}
#quick .today_wrap .today_con .todayImg{ display:block; margin:2px 0; border:1px solid #eee}
#quick .today_wrap .today_con .btn{ overflow:hidden; padding-right:1px; margin-top:5px}
#quick .today_wrap .today_con .btn > li{ float:left; width:50%}
#quick .today_wrap .today_con .btn > li .titt{ display:block; border:1px solid #ccc; margin-right:-1px; font-size:.625em; color:#000; line-height:25px}
#quick .today_wrap .today_con .btn > li .titt:hover{ background:#f5f5f5}
#quick.on .today_wrap .today_tit{ width:100%;}
#quick.on .today_wrap .today_tit .tt{ font-size:.875em;}
#quick.on .today_wrap .today_tit .num{ width:40px; line-height:40px; font-size:1em;}

/**/
.blink{animation-name: blinkAni; animation-duration:1.7s ;animation-iteration-count:infinite;}
@keyframes blinkAni{
25% {opacity:0}
75% {opacity:1}
}

/*MAIN*/
.mainVisual_wrap,
.mainVisual,
.mainVisual .img{ position:relative;}
.mainVisual .img{ z-index:1; overflow:hidden;}
.mainVisual .img .bg{ position: absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover;}

.mainVisual_wrap .slogan{ position:absolute; z-index:2; top:23%; left:0; width:100%; text-align:center;}
.mainVisual_wrap .slogan .t1{text-shadow:1px 1px 1px rgba(0,0,0,.2);  font-size:1.5em; font-family:'notokrM'; color:#fff;  opacity:0;}
.mainVisual_wrap .slogan .t1 .xi {font-size:1.3em; vertical-align:baseline; display:block;}
.mainVisual_wrap .slogan .t2{text-shadow:1px 1px 1px rgba(0,0,0,.2); margin-left:2em; font-size:3.188em; padding:.1em 0 .3em 0; font-family:'notokrB';  opacity:0; color:#fff}
.mainVisual_wrap .slogan .t3{text-shadow:1px 1px 1px rgba(0,0,0,.2); margin-right:2em; margin-bottom:1em;  font-size:1.250em; line-height:1.3; font-family:'notokrM';  opacity:0; color:#fff}
.mainVisual_wrap .slogan .t1 > span{ position:relative; display:inline-block; padding:0 1em;}

.load .mainVisual_wrap .slogan .t1{ opacity:1; transition:1.5s; }
.load .mainVisual_wrap .slogan .t2{ margin-left:0; opacity:1; transition:1.5s; }
.load .mainVisual_wrap .slogan .t3{ margin-right:0; opacity:1; transition:1.5s; }

.mainVisual_wrap .slick-dots{ position:absolute; bottom:60px; left:0; width:100%;}
.mainVisual_wrap .slick-dots > ul{ text-align:center; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.mainVisual_wrap .slick-dots > ul > li button{ position:relative; width:12px; height:12px; border-radius:12px; border:1px solid #fff; background:transparent; cursor:pointer; font-size:0; }
.mainVisual_wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#fff;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button{ z-index:2;  border-radius:12px; width:70px; background:#fff;}

.mainVisual_wrap .menu_wrap{ position:absolute; top:45%; left:0; width:100%; text-align:center;}
.mainVisual_wrap .menu_wrap .menu > li{ margin-left:1em;}
.mainVisual_wrap .menu_wrap .menu > li:first-child{ margin-left:0;}
.mainVisual_wrap .menu_wrap .menu > li > a{ width:8.8em; border-radius:50%; overflow:hidden;}
.mainVisual_wrap .menu_wrap .menu > li > a:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#194207; opacity:.7;}
.mainVisual_wrap .menu_wrap .menu .va{ width:100%;}
.mainVisual_wrap .menu_wrap .menu .icon{ height:4.2em;}
.mainVisual_wrap .menu_wrap .menu .txt{ margin-top:.3em; font-size:1.125em; color:#fff; font-weight:700; letter-spacing:-1px;}
.mainVisual_wrap .menu_wrap .menu > li:hover > a:before{ background:#257f00; opacity:1; transition:.3s;}

/*sub 공통*/
.sub_in_Title {text-align:center; border-bottom:1px solid #ddd; margin-bottom:2em; padding:2em 0;}
.sub_in_Title .tit {font-size:1.6em; letter-spacing:-1px; color:#333;  font-family:'notokrM';}

.sub_bis_wrap .tab_wrap{ position:relative; text-align:center; margin-bottom:3em;}
.sub_bis_wrap .tab_wrap .tab_ul{ position:relative; display:inilne-block}
.sub_bis_wrap .tab_wrap .tab_ul > li{ position:relative; box-sizing:border-box; border:1px solid #ddd; margin-left:-1px; background:#fff;}
.sub_bis_wrap .tab_wrap .tab_ul > li > a{ text-align:center; transition:.3s; height:50px; line-height:50px; display:block; font-size:1em; letter-spacing:-1px; color:#6b7a8f; background:#f7f7f7}
.sub_bis_wrap .tab_wrap .tab_ul > li.on > a {color:#fff; background:#257f00; transition:.3s;}
.sub_bis_wrap .tab_wrap .tab_ul > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#257f00; position:absolute; width:100%; text-align:center; bottom:-30px; left:0; font-size:1.6em;}
.sub_bis_wrap .tab_wrap .tab_ul > li:hover > a {transition:.3s; color:#257f00}
.solution_w {height:280px; background-position:center center; background-repeat:no-repeat; }
.solution_w.sub_2_1 {background-image:url(../images/2_1_top_img.jpg);}
.solution_w.sub_2_2 {background-image:url(../images/2_2_top_img.jpg);}
.solution_w.sub_2_4 {background-image:url(../images/2_4_top_img.jpg);}
.solution_w.sub_3_1 {background-image:url(../images/3_1_top_img.jpg);}
.solution_w.sub_3_2 {background-image:url(../images/3_2_top_img.jpg);}
.solution_w.sub_3_4 {background-image:url(../images/3_4_top_img.jpg);}
.solution_w.sub_3_5 {background-image:url(../images/3_5_top_img.jpg);}


.solution_up {width:80%; display:block; margin:-160px auto 3px auto; box-shadow:1px 5px 10px rgba(0,0,0,0.2); padding:2em 2em 2.5em 2em; box-sizing:border-box; text-align:center; background:#fff;}
.solution_up .ti {font-size:1.8em; font-family:'notokrM'; color:#104b00; }
.solution_up .tx {font-size:1em; width:100%; margin:0 auto; max-width:750px;  color:#222; line-height:1.5;  font-family:'notokrR';}
.solution_up .tx.st1 {max-width:860px;}
.solution_up .line {width:20px; height:2px; margin:15px auto; background:#555;}

.place_w{background-repeat:no-repeat; background-position:center center; padding:3em 0;}
.place_w.bg01 {background:url(../images/sub_v_5.jpg);}
.place_w .place_con{ position:relative; }
.place_w .place_con .black_bg{background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%;  z-index:3;}
.place_w .place_con .line {position:relative; z-index:4; width:30px; height:2px; background:#fff; margin:0 auto;}
.place_w .place_con .ti {font-size:1.438em; color:#fff; position:relative; z-index:4;  text-align:center; padding:30px 0;}
.place_w .place_con .tx {font-size:1.125em; color:#fff; line-height:1.6; padding:30px 60px 40px 60px; position:relative; z-index:4; text-align:center; font-family:notokrR; width:66%; margin:0 auto;}

.page_sect1 {margin-top:1em !important;}
.page_sect1_5 {margin-top:1.5em !important;}
.page_sect2 {margin-top:2em !important;}
.page_sect3 {margin-top:3em !important;}
.page_sect4 {margin-top:4em !important;}
.page_sect5 {margin-top:5em !important;}
.page_sect6 {margin-top:6em !important;}

.con_bg_gray {background:#f5f5f5!important;}

.font_green {color:#104b00; font-family:'notokrM'; vertical-align:baseline}
.font_red {color:#cc0001; font-family:'notokrM'; vertical-align:baseline}

.font_bold_st1 {font-family:'notokrM'!important;}

.con_Sec2 > * {width:50% !important;}

.pd_Width_st1 {padding:2em !important;}

.graph_tit {color:#666; font-size:.938em; text-align:right;}
.graph_tit.st {padding-bottom:10px;}

.con_list_Title {font-size:1.063em; position:relative; display:inline-block; line-height:1.8; padding-left:10px; color:#222;}
.con_list_Title:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; left:0; top:12px; background:#444;}

.con_list_st1 {padding:30px 0; position:relative;}
.con_list_st1 .list {}
.con_list_st1 .list > li {}
.con_list_st1 .list > li .in {text-align:center;}
.con_list_st1 .list > li .in .icon { border:2px dashed #ddd; width:9em; height:9em; line-height:9em; border-radius:100%; background:#fff; margin:0 auto;}
.con_list_st1 .list > li .in .icon .xi {font-size:3em; color:#333;}
.con_list_st1 .list > li .in .t1 { color:#333; font-size:1em; padding-top:1em; line-height:1.4; font-family:'notokrM'; }

.con_list_st2 {}
.con_list_st2 .list {margin-left:-10px;}
.con_list_st2 .list > li {}
.con_list_st2 .list > li .in {margin-left:10px; background:#fff; box-shadow:2px 3px 3px rgba(0,0,0,0.15);}
.con_list_st2 .list > li .in .ti {background:rgba(0,0,0,.7); color:#fff; text-align:center; display:block; font-size:.938em; padding:.8em; font-family:'notokrM';}

.con_list_st3 {}
.con_list_st3.mg_st {margin-left:1.5em;}
.con_list_st3 .list {background:#f5f5f5;}
.con_list_st3 .list > li {}
.con_list_st3 .list > li .in {padding:1.5em;}
.con_list_st3 .list > li.img_wrap {width:45%;}
.con_list_st3 .list > li.txt_wrap {width:55%;}
.con_list_st3 .list > li.txt_wrap .in {padding:3em 0 0 3em;}
.con_list_st3 .list > li.txt_wrap .in > dl {}
.con_list_st3 .list > li.txt_wrap .in > dl .tit{ font-size:1.5em; position:relative; display:inline-block; margin-bottom:15px;}
.con_list_st3 .list > li.txt_wrap .in > dl .tit:after {position:absolute; content:""; background:#ff7041; opacity:.15; left:0; bottom:0; width:100%; height:6px;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt{line-height:1.3; color:#555; letter-spacing:.1px; font-size:.938em; border-bottom:1px dotted #ccc; padding-bottom:1em;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt2 {margin-top:1em; margin-left:.7em;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt2 .tx {line-height:1.6; position:relative; padding-left:10px; font-size:.938em; font-family:'notokrR'; color:#222;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt2 .tx:before {position:absolute; content:""; left:0; top:11px; width:3px; height:3px; background:#104b00; border-radius:50%;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt2 .t1 {padding-right:10px;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt2 .t2 {position:relative; padding-left:8px;}
.con_list_st3 .list > li.txt_wrap .in > dl .txt2 .t2:before {position:absolute; content:""; width:4px; height:1px; background:#888; left:0; top:10px;}

.con_list_st5 {overflow:hidden;}
.con_list_st5 > li {width:25%; float:left;}
.con_list_st5 > li dl {margin:0 0 20px 20px; border:1px solid #ddd; text-align:center; border-top:2px solid #F90; background:#fff;}
.con_list_st5 > li dl .t_w {height:140px;}
.con_list_st5 > li dl .t1 {padding:5px; border-bottom:1px solid #ddd; font-size:1.063em; position:relative;}
.con_list_st5 > li dl .t1 .up_ti {position:absolute; background:rgba(255,255,255,.6); left:0; bottom:0; width:100%; text-align:center; padding:10px 10px 15px 10px;}
.con_list_st5 > li dl .t2 {margin:8px 18px; text-align:left; padding-left:12px; position:relative; line-height:1.4; color:#444; font-size:.938em;}
.con_list_st5 > li dl .t2:before { position:absolute; content:''; width:6px; height:1px; background:#999; left:0; top:10px;}


.con_grid31 {overflow:hidden;}
.con_grid31 > li.grid67 {width:66.66%; float:left;}
.con_grid31 > li.grid33 {width:33.33%; float:left;}
.con_grid31 > li.grid67 p{ font-size:13px; color:#CCCCCC; }
.con_grid31 > li.grid33 .social_link {float:right;}
.con_grid31 > li.grid33 .social_link a { margin-right:2px;}


.con_list_grid3 {overflow:hidden;}
.con_list_grid3 > li {width:33.33%; float:left;}
.con_list_grid3 > li dl {margin:10px; text-align:center;}
.con_list_grid3 > li dl .t_w {height:150px;}
.con_list_grid3 > li dl .t1 {padding:15px; font-size:1.063em; position:relative;}
.con_list_grid3 p {line-height:20px; }
.mb-10 {margin-bottom:10px; }
.mt-10 {margin-top:10px; }
.mt-20 {margin-top:20px; }
.mt-25 {margin-top:25px; }
.in_tx { font-size:13px; }
.inb_tx { font-size:20px; color:#55893D; }
.bg-dark {background-color:#000000;border:1px solid #000000; color:#CCCCCC; opacity: 1;}
.dark-link-btn {border:1px solid #FFFFFF; padding:5px 10px; color:#000000; background-color:#FFFFFF;}

.red {color:#E90006;}
.grid-4 {overflow:hidden;}
.grid-4 > li {width:25%; float:left;}
.grid-4 > li dl {margin:10px; border:1px solid #ddd; text-align:center; background:#fff;}
.grid-4 > li dl .t_w {min-height:150px;}
.grid-4 > li dl .t1 {padding:5px; border-bottom:1px solid #ddd; font-size:1.063em; position:relative;}
.grid-4 > li dl .t1 .up_ti {position:absolute; background:rgba(255,255,255,.6); left:0; bottom:0; width:100%; text-align:center; padding:10px 10px 15px 10px;}
.grid-4 > li dl .t2 {margin:8px 18px; text-align:left; padding-left:12px; position:relative; line-height:1.4; color:#444; font-size:.938em;}
.grid-4 > li dl .t2:before { position:absolute; content:''; width:6px; height:1px; background:#999; left:0; top:10px;}
.moblogo{ display:none; }
.border_btm { border-bottom:1px solid #303641; padding-bottom:15px; margin-bottom:15px; }

.grid-3 {overflow:hidden;}
.grid-3 > li {width:33.33%; float:left;}
.grid-3 > li dl {margin:10px; border:1px solid #ddd; text-align:center; background:#fff;}
.grid-3 > li dl .t_w {min-height:200px;}
.grid-3 > li dl .t1 {padding:5px; border-bottom:1px solid #ddd; font-size:1.063em; position:relative;}
.grid-3 > li dl .t1 .up_ti {position:absolute; background:rgba(255,255,255,.6); left:0; bottom:0; width:100%; text-align:center; padding:10px 10px 15px 10px;}
.grid-3 > li dl .t2 {margin:8px 18px; text-align:left; padding-left:12px; position:relative; line-height:1.4; color:#444; font-size:.938em;}
.grid-3 > li dl .t2:before { position:absolute; content:''; width:6px; height:1px; background:#999; left:0; top:10px;}

.grid-2 {overflow:hidden;}
.grid-2 > li {width:50%; float:left;}
.grid-2 > li dl {margin:10px; text-align:center; }
.grid-2 > li dl .t_w {min-height:200px;}
.grid-2 > li dl .t1 {padding:5px;font-size:1.063em; position:relative;}
.grid-2 > li dl .t1 .up_ti {position:absolute; background:rgba(255,255,255,.6); left:0; bottom:0; width:100%; text-align:center; padding:10px 10px 15px 10px;}
.grid-2 > li dl .t2 {margin:8px 18px; text-align:left; padding-left:12px; position:relative; line-height:1.4; color:#444; font-size:.938em;}
.grid-2 > li dl .t2:before { position:absolute; content:''; width:6px; height:1px; background:#999; left:0; top:10px;}

.con_list_grid4 {overflow:hidden;}
.con_list_grid4 > li {width:25%; float:left;}
.con_list_grid4 > li dl {margin:10px; border:1px solid #ddd; text-align:center; /*border-top:2px solid #F90;*/ background:#fff;}
.con_list_grid4 > li dl .t_w {height:180px;}
.con_list_grid4 > li dl .t1 {padding:5px; border-bottom:1px solid #ddd; font-size:1.063em; position:relative;}
.con_list_grid4 > li dl .t1 .up_ti {position:absolute; background:rgba(255,255,255,.6); left:0; bottom:0; width:100%; text-align:center; padding:10px 10px 15px 10px;}
.con_list_grid4 > li dl .t2 {margin:8px 18px; text-align:left; padding-left:12px; position:relative; line-height:1.4; color:#444; font-size:.938em;}
.con_list_grid4 > li dl .t2:before { position:absolute; content:''; width:6px; height:1px; background:#999; left:0; top:10px;}

.con_list_st6{}
.con_list_st6 > li{ margin-bottom:1em}
.con_list_st6 .in { border:1px solid #e1e1e1; padding:1.5em 3em; box-sizing:border-box; overflow:hidden; background:#fff;}
.con_list_st6 .in  .img_box{ float:right; width:28.33%}
.con_list_st6 .in .txt_box{ float:left; width:60%; }
.con_list_st6 .in .txt_box .num {opacity:.211; font-weight:bold; letter-spacing:-4px; font-size:2.8em; display:inline-block; border-radius:50%; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; background:#0e9655;}
.con_list_st6 .in .txt_box .tt {font-size:1.475em; font-family:'notokrM'; letter-spacing:-1px; margin-bottom:.8em; margin-top:-.6em; padding-left:10px;}
.con_list_st6 .in .txt_box .tx {font-size:1.063em; color:#555; font-family:'notokrR'; padding-left:10px; line-height:1.5;}

.con_list_st6.st1 .in .txt_box .tx {position:relative; padding-left:10px; margin-left:15px;} 
.con_list_st6.st1 .in .txt_box .tx:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; left:0; top:10px; background:#444;}

.con_list_st7{ margin:0 0 0 -10px}
.con_list_st7 > li{ margin-bottom:1em}
.con_list_st7 .in { border:1px solid #e1e1e1; padding:1.5em; margin:0 0 0 10px; box-sizing:border-box;background:#fff;}
.con_list_st7 .in .img_w {padding-bottom:55.76923%;}
.con_list_st7 .in .txt_w{margin-left:1em; margin-top:1em;}
.con_list_st7 .in .txt_w .t1 {margin-bottom:.6em; font-size:1.475em; font-family:'notokrM';  margin-top:1em;} 
.con_list_st7 .in .txt_w > dl {}
.con_list_st7 .in .txt_w > dl > dt {font-size:1em; color:#555; line-height:1.5; font-family:'notokrR'; padding-left:10px; display:inline-block; width:42%; padding:1em; background:#f1f1f1; border-top:2px solid #0e9655}

.page_column_list{ margin:0 -15px -30px 0;}
.page_column_list > li > .inner{ margin:0 15px 30px 0; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.page_column_list .con{ padding:1.5em 1em; background:#fff; height:130px;}
.page_column_list .con .tit{ text-transform:uppercase;}
.page_column_list .con .tit .t1{ font-size:1.125em; color:#0e3e8b; padding-bottom:.5em; letter-spacing:1px; font-family:'notokrM';}
.page_column_list .con .tit .t2{ font-size:.938em; color:#333; line-height:1.3; }
.page_column_list .con .txt{ font-size:.938em; color:#666; line-height:1.5;}

.sub_bis_CON1 {}
.sub_bis_CON1 .title {margin-bottom:15px; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.sub_bis_CON1 .title .xi {padding-right:5px; color:#0e9655; font-size:1.188em;}
.sub_bis_CON1 .title .ti {font-family:'notokrM'; font-size:1.4em; color:#111; }
.sub_bis_CON1 .title_tx{color:#222; font-size:1.125em; line-height:1.5; padding-left:23px;  font-family:'notokrR'; letter-spacing:-1px;} 

.sub_bis_CON1 .title.st1 {margin-bottom:0; border-bottom:none; padding-bottom:15px;}

.sub_bis_IMG1{border:1px solid #ddd; padding:2em; background:#fff; margin-left:25px;} 
.sub_bis_IMG1.st1 {border:none;}
.sub_bis_IMG1.mg_no {margin-left:0;}
 
.sub_bis_IMG_tw {margin-bottom:1em;}
.sub_bis_IMG_tw .t1 {font-size:1.250em; font-family:'notokrM'; color:#104b00; margin-bottom:.8em;}
.sub_bis_IMG_tw .t2 {position:relative; padding-left:10px; font-size:1em; font-family:'notokrM'; line-height:1.6; color:#333; margin-left:15px; }
.sub_bis_IMG_tw .t2:before {position:absolute; content:""; width:3px; height:3px; background:#333; left:0; top:10px;}

.sub_bis_IMG_imgw {margin-left:15px;}
.sub_bis_IMG_imgw .img {display:inline-block;}

.sub_CON_1 {background:#f5f5f5; padding:3em 0;}

.sub_CON_TW_1 {margin-left:1.5em;}
.sub_CON_Tit_1 {margin-bottom:10px; margin-top:30px;}
.sub_CON_Tit_1 .ti {font-size:1.188em; color:#104b00; font-family:'notokrM'; position:relative; padding-left:20px;}
.sub_CON_Tit_1 .ti:before {position:absolute; content:"\e928"; color:#104b00; left:0; top:4px; font-size:.813em; font-style:normal; font-family:xeicon;}
.sub_CON_TExt_1 {border:1px solid #ddd; padding:1.5em 2em;}
.sub_CON_TExt_1 .tx {font-size:1em; color:#333; line-height:2.1; position:relative; padding-left:10px;}
.sub_CON_TExt_1 .tx:before {position:absolute; content:""; left:0; top:16px; width:3px; height:3px; background:#104b00; border-radius:50%;}
.sub_CON_TExt_1 .tx2 {font-size:.938em; color:#666; line-height:1.5; padding-left:10px; font-family:'notokrR'; position:relative; margin-left:13px;}
.sub_CON_TExt_1 .tx2:before {position:absolute; content:""; width:4px; height:1px; left:0; top:10px; background:#666;}

.sub_CON_TExt_1.st1 .tx {line-height:1.6;}
.sub_CON_TExt_1.st1 .tx:before {top:10px;}

.sub_bis_TABLE {}
.sub_bis_TABLE .sub_bis_TIT { font-family:'notokrR'; text-align:right; padding-bottom:10px; font-size:.938em; letter-spacing:.2px; color:#444;}


/**/
.map{border:1px solid #ddd; }
.map_info{margin-top:20px;  margin-left:25px; overflow:hidden; border:1px solid #ddd; padding:20px 20px; margin-top:20px; background:#f9f9f9;}
.map_info li{display:inline-block; margin-bottom:5px; position:relative; margin-right:30px;}
.map_info li.cl{ display: block; margin-bottom:20px;}
.map_info li .xi{position:absolute; left:0; top:0; font-size:1.3em; color:#257f00; text-align:center; width:40px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:50%; background:#fff;}
.map_info li > p{padding-left:45px; padding-top:10px; margin-left:5px; font-size:1em; color:#000;  }
.map_info li > p > span { color: #777;  margin-left: 10px; }

.map_info1 { margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400}
.map_info1 .t1 {text-align:center;}
.map_info1 .t1 .in_tit {font-size:1.063em; font-family:'notokrM'; color:#111;}
.map_info1 .t1 .in_tit .in_tit_icon {border-radius:50%; width:2em; height:2em; line-height:2em; text-align:center; color:#fff; background:#0e9655; font-size:1.3em; margin-right:5px;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .icon { font-size:1.188em; vertical-align:baseline; color:#fff; margin-right:5px; background:#257f00; width:38px; height:38px; line-height:38px; text-align:center; border-radius:50%;}


.sub_Tab_Wrap3 {margin:0 0 1.5em 0;}
.sub_Tab_Wrap3 .sub_Tab {margin-left:-5px;}
.sub_Tab_Wrap3 .sub_Tab > li {}
.sub_Tab_Wrap3 .sub_Tab > li > a {border-radius:.3em; height:3.2em; color:#333; margin-left:5px; background:#fff; border:1px solid #ccc !important; transition:.3s;}
.sub_Tab_Wrap3 .sub_Tab > li.on > a{border:1px solid #257f00 !important;  z-index:1; background:#f7f7f7 }
.sub_Tab_Wrap3 .sub_Tab > li:hover > a{ color:#257f00; background:#f7f7f7}


/**/
.page_Bg_Wrap {padding:1.5em 1.5em; margin-top:3em; }
.page_Bg_Wrap.st {margin-top:0}
.page_Bg_Wrap.st2 {margin-left:25px}

.list_Con2 {}
.list_Con2 .list {border:1px solid #eee; border-top:none; margin:0 0 0 -1em}
.list_Con2 .list > li {flex:50%; box-sizing:border-box}
.list_Con2 .list > li .inner {padding:2.5em 1em; border:1px solid #eee; border-left:none; border-bottom:none; background:#fff;margin:0 0 0 1em;}
.list_Con2 .list > li .inner .icon {width:9.375em;}
.list_Con2 .list > li .inner .txt {flex:1; min-width:0; text-align:center}
.list_Con2 .list > li .inner .txt .in {}
.list_Con2 .list > li .inner .txt .t1 {font-family:'notokrB'; font-size:1.4em; padding-bottom:1em; letter-spacing:-1px; vertical-align:baseline}
.list_Con2 .list > li .inner .txt .t1 .pointc {color:#104b00; vertical-align:baseline;  }
.list_Con2 .list > li .inner .txt .t2 { font-family:'notokrR'; font-size:1em; letter-spacing:-.5px; color:#444; line-height:1.5;}
.list_Con2 .list > li:hover .inner {border-color:#104b00; color:#104b00; box-shadow:0 0 .5em .125em rgba(0,0,0,.1); border-right:1px solid #104b00; border:1px solid #104b00}

.list_Con2.st {}
.list_Con2.st .list > li .inner .txt .t1 {padding-bottom:0;}

.list_Con2.st .list > li .inner.st {height:3em;}
.list_Con2.st .list > li .inner.st .txt .t1 {padding-bottom:0;}


.board_table{font-size:.938em; border-top:4px solid #d4d5d8;}
/*.board_table tbody{ border-top:2px solid #3c3c3d}*/
.board_table th,
.board_table td{ padding:.6em 1em; height:2.5em; border:solid #ddd; border-width:1px 0 1px 0; color:#3c3c3d;}
.board_table th{ background:#f5f5f5;}
.board_table.row th{ padding-left:2em; text-align:left; background:transparent;}
.board_table.row .text_em{ float:right; font-size:.750em; color:#888; display:block; padding-top:.5em}
.board_table.orderList th, .board_table.orderList td{ border-width:1px; text-align:center}
.board_table.orderList td .month_c1{ color:#5ebbbb; vertical-align:baseline; padding:0 .2em}
.board_table.orderList td .book_name{ font-size:.875em; padding:.5em 0; display:block}
.board_table.orderDetail th{ background:none;}
.board_table.orderDetail tbody{ border-left:1px solid #ccc; border-right:1px solid #ccc}
.board_table.pay td.grayBg{ background:#f5f5f5;}
.board_table .em{ margin-left:1em; display:inline-block; padding:.3em .8em; background:#f5f5f5; border-radius:3px; font-size:.938em}
.board_table .em .xi,
.board_table .em .tx{ vertical-align:middle}
.board_table .em .tx{ padding-left:.3em}
.ess {vertical-align:middle;}
.ess,
.ess + span{ display:inline-block; color:#3c3c3d;}
/*개인정보처리방침*/
.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; height:12em; overflow-y:scroll; margin-top:3em;}
.member_agree .agree p{ padding:.5em 0; line-height:1.6}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree .c1{ color:#5ebbbb}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:.75em 2em; border:1px solid #ddd; border-top:none; text-align:right;}
.member_agree h1{ color:#111; padding-bottom:.5em}

.contact_tt { font-size:2.55em; margin-bottom:1em; text-align:center;}
.contact_tt.st2 {margin-bottom:.5em;}
.contact_ti {color:#666;}


.tt_wrap{border:1px solid #ddd; border-radius:10px; padding:.75em;}
.tt_wrap .t1{text-align:center; color:#257f00; font-size:3em; font-weight:600; padding-bottom:.65em; margin-bottom:1em;}
.tt_wrap .t1_b{text-align:center; color:#257f00; font-size:3em; font-weight:600; margin-bottom:1em;}
.tt_wrap .n_wrap{margin:4em 0;}
.tt_wrap .n1{margin-bottom:2em;}
.tt_wrap .n1 .t2{font-size:1.5em; color:#257f00; font-weight:600; margin-bottom:1em; text-align:center;}
.tt_wrap .n1 .t3{font-size:1.2em; color:#222; font-weight:600; margin-bottom:.75em;}
.tt_wrap .n1 .t4{font-size:1em; line-height:1.6; margin-bottom:.75em;}
.tt_wrap .btn{padding:.5em 1em; border:1px solid #ddd; border-radius:5px; background:#f5f5f5; width:10em; margin:0 auto; display:flex; justify-content:center; align-items:center; align-content:center; cursor:pointer; font-size:1.2em;}
.tt_wrap .btn .xi{font-size:.95em;}  
.tt_wrap .btn:hover{background:#257f00; color:#fff; transition:.3s; }
.tt_wrap .btn:hover .xi.xi-angle-right{transform:translateX(12px); transition:.3s;  }