@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*³ª´®¸íÁ¶*/
/*** normalize v3.0.2 ***/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
/** Base ***/
html                  { font-family:"Ropa Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; line-height:1.5; letter-spacing:-0.5px; }
*                     { width:100%; margin:0; padding:0; }
body                  { font-size:14px; color:#555; letter-spacing:-1px; word-break:keep-all; margin-bottom:70px; }
h1, h2, h3, p, ul, ol { margin:0; }
ul, ol                { padding-left:0; }
ul li                 { list-style-type:none; }
a                     { color:inherit; text-decoration:none; }
img                   { vertical-align:middle; }
.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after                   { clear:both; }
/*** default ***/
.d_n         { display:none !important; }
.po1         { color:#0ba29b !important; } /*Áø±×¸°*/
.po2         { color:#088b85 !important; } /*Á߱׸°*/
.po3         { color:#59a29f !important; } /*¿¬±×¸°*/
.po4         { color:#222222 !important; } /*ºí·¢*/
.po5         { color:#777777 !important; } /*±×·¹ÀÌ*/
.po0         { color:#ffffff !important; } /*È­ÀÌÆ®*/
.fb          { font-weight:bold; }
.fs_i        { font-style:italic; }
.fs10        { font-size:10px !important; }
.fs12        { font-size:12px !important; }
.fs14        { font-size:14px !important; }
.fs16        { font-size:16px !important; }
.fs18        { font-size:18px !important; }
.fs20        { font-size:20px !important; }
.fs22        { font-size:22px !important; }
.fs24        { font-size:24px !important; }
.fs26        { font-size:26px !important; }
.fs36        { font-size:36px !important; }
.ta_l        { text-align:left !important; }
.ta_c        { text-align:center !important; }
.ta_r        { text-align:right !important; }
.pt6         { padding-top:6px !important; }
.pt10        { padding-top:10px !important; }
.pt20        { padding-top:20px !important; }
.pt30        { padding-top:30px !important; }
.pl6         { padding-left:6px !important; }
.pl10        { padding-left:10px !important; }
.pl20        { padding-left:20px !important; }
.pl30        { padding-left:30px !important; }
.pr6         { padding-right:6px !important; }
.pr10        { padding-right:10px !important; }
.pr20        { padding-right:20px !important; }
.pr30        { padding-right:30px !important; }
.pb10        { padding-bottom:10px !important; }
.pb6         { padding-bottom:6px !important; }
.pb20        { padding-bottom:20px !important; }
.pb30        { padding-bottom:30px !important; }
.mt10        { margin-top:10px !important; }
.mt20        { margin-top:20px !important; }
.mt30        { margin-top:30px !important; }
.ml10        { margin-left:10px !important; }
.ml20        { margin-left:20px !important; }
.ml30        { margin-left:30px !important; }
.mr10        { margin-right:10px !important; }
.mr20        { margin-right:20px !important; }
.mr30        { margin-right:30px !important; }
.mb10        { margin-bottom:10px !important; }
.mb20        { margin-bottom:20px !important; }
.mb30        { margin-bottom:30px !important; }
.divline     { padding-top:30px; margin-bottom:30px; border-bottom:1px dashed #ddd; }
.divline10   { padding-top:10px; margin-bottom:10px; border-bottom:1px dashed #ddd; }
.divline20   { padding-top:20px; margin-bottom:20px; border-bottom:1px dashed #ddd; }
.td_ul       { text-decoration:underline !important; }
.borderBox                 { display:table-cell; padding:6px 14px; border-radius:30px; color:#0ba29b; font-weight:bold; background:#eee; }
.borderBox1                { display:table-cell; padding:10px 20px; border-radius:30px; background:#fafafa; border:2px solid #9dccc8; }
.borderBox1 td:first-child { width:70px; vertical-align:top; }
.borderBox1 td:last-child  { width:auto; vertical-align:top; }
.borderBox2                { width:calc(100% - 32px); padding:14px; border:2px solid #ddd; border-radius:12px; }
.borderBox3                { display:table-cell; width:auto; padding:6px 14px; border-radius:30px; color:#0ba29b; font-weight:bold; background:#bbb; }
.borderBoxBefore           { width:calc(100% - 24px); padding:10px; border:2px solid #ccc; border-radius:34px; }
.borderBoxBefore .tit      { width:calc(100% - 40px); padding:12px 20px; border-radius:30px; color:#fff; font-size:16px; font-weight:bold; font-style:italic; text-align:center; background:#bbb; }
.borderBoxAfter            { width:calc(100% - 24px); padding:10px; border:2px solid #9dccc8; border-radius:34px; }
.borderBoxAfter .tit       { width:calc(100% - 40px); padding:12px 20px; border-radius:30px; color:#fff; font-size:16px; font-weight:bold; font-style:italic; text-align:center; background:#0ba29b; }
.listDot li      { width:calc(100% - 10px); padding-left:10px; padding-bottom:6px; }
.listDot li span { margin-left:-9px; }
.listNum li      { width:calc(100% - 14px); padding-left:14px; padding-bottom:6px; }
.listNum li span { margin-left:-13px; }
.inDot           { width:calc(100% - 8px); padding-left:9px; padding-top:4px; }
.inDot span      { margin-left:-8px !important; }
.list_1    { width:calc(100% - 24px); display:inline-table; }/*list icon*/
.list_1 li   { margin-left:24px; margin-bottom:8px; }
.list_1 li span  { margin-left:-24px; margin-right:6px; font-weight:bold; }
.list_1 li img  { width:auto; }
/*
.list_1           { width:calc(100% - 16px); display:inline-table; }
.list_1 li          { line-height:1; color:#555 } 
.list_1 li ul li        { margin-left: 16px; line-height:1.4; }
.list_1 li ul li span       { margin-left: -11px; font-weight:bold; }
.list_1 li ul li span img         { width:auto; }
.list_1 li ul li:first-child     { padding-bottom:8px; }
.list_1 li ul li:last-child            {  }
.list_1 li ul .txt        { padding-left:12px; font-size:14px; color:#777; line-height:22px; }
.list_1 li ul .txt span       { margin-left:-10px; font-size: 20px; }
.list_1 li:last-child ul li:last-child { padding-bottom:0; }
*/
/*** ÀüÈ­ ***/
.tel             { width:100%; z-index:999; position:fixed; bottom:0; padding:14px 0; text-align:center; color:#fff; background:#59beb6; border-radius:20px 20px 0 0; }
.tel a           { padding-left:10px; letter-spacing:0px; font-size:22px; font-weight:bold; animation-name:bling; animation-duration:2s; animation-iteration-count:infinite; }
@keyframes bling { 
 0% { color:#fff; }
 50% { color:#4271b7; }
 100% { color:#fff; }
}
/*** slideer Menu ***/
.header                                    { width:100%; padding:1px;} /*position:absolute; z-index:5;*/
.burger                                    { width:28px; position:absolute; z-index:10; top:20px; right:10px; cursor:pointer; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.burger__patty                             { width:28px; height:3px; margin:0 0 4px 0; background:#59beb6; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.burger__patty:last-child                  { margin-bottom:0; }
.burger--close                             { position:fixed; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.burger--close .burger__patty:nth-child(1) { -webkit-transform:rotate(45deg) translate(5.5px, 4px); transform:rotate(45deg) translate(5.5px, 4px); }
.burger--close .burger__patty:nth-child(2) { opacity:0; }
.burger--close .burger__patty:nth-child(3) { -webkit-transform:rotate(-45deg) translate(5.5px, -4px); transform:rotate(-45deg) translate(5.5px, -4px); }
.menu                     { position:fixed; z-index:9; top:0; width:100%; visibility:hidden; }
.menu--active             { visibility:visible; }
.menu__brand, .menu__list { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; float:left; width:50%; height:100vh; overflow:hidden; }
.menu__list               { margin:0; padding:0; background:#2d9e94; list-style-type:none; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.menu__list--active       { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.menu__brand              { background:#fff; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); }
.menu__brand--active      { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.menu__item               { -webkit-transform:translate3d(500px, 0, 0); transform:translate3d(500px, 0, 0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
.menu__item--active       { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.menu__link               { display:inline-block; position:relative; font-size:30px; padding:6px 0; font-weight:300; color:white; text-decoration:none; color:white; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
/*.menu__link:before        { content:""; position:absolute; bottom:0; left:50%; width:10px; height:2px; background:white; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }*/
.menu__link:hover:before  { width:100%; }
.menu .menu__item:nth-child(1)  { -webkit-transition-delay:0.10s; transition-delay:0.10s; }
.menu .menu__item:nth-child(2)  { -webkit-transition-delay:0.15s; transition-delay:0.15s; }
.menu .menu__item:nth-child(3)  { -webkit-transition-delay:0.20s; transition-delay:0.20s; }
.menu .menu__item:nth-child(4)  { -webkit-transition-delay:0.25s; transition-delay:0.25s; }
.menu .menu__item:nth-child(5)  { -webkit-transition-delay:0.30s; transition-delay:0.30s; }
.menu .menu__item:nth-child(6)  { -webkit-transition-delay:0.35s; transition-delay:0.35s; }
.menu .menu__item:nth-child(6)  { -webkit-transition-delay:0.40s; transition-delay:0.40s; }
.menu .menu__item:nth-child(7)  { -webkit-transition-delay:0.45s; transition-delay:0.45s; }
.menu .menu__item:nth-child(8)  { -webkit-transition-delay:0.50s; transition-delay:0.50s; }
.menu .menu__item:nth-child(9)  { -webkit-transition-delay:0.55s; transition-delay:0.55s; }
/*.menu .menu__item:nth-child(10) { -webkit-transition-delay:0.60s; transition-delay:0.60s; }*/
@media screen and (max-width:768px) { 
  ul.menu__list, div.menu__brand { float:none; width:100%; min-height:0; }
  ul.menu__list--active, div.menu__brand--active { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
  .menu__list { height:calc(100vh - 139px); -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); }/*height:77vh*/
  .menu__link { font-size:20px; text-align:center; }
  .menu__brand { height:139px; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); }/*height:23vh*/
/*  .menu__brand .logo { width:90px; height:90px; }*/
}
/*.logo         { width:200px; height:200px; background:#1a1a1a; border-radius:50%; margin:0 auto; }*/
.logo         { width:44%; margin:0 auto; }
h1, h2, h3, p { margin:0; font-weight:400; }
main          { height:100vh; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; padding:8vw; }
main h1 > a   { color:white; text-decoration:none; font-size:48px; font-weight:300; }
.support      { position:fixed; bottom:24px; color:rgba(0, 0, 0, 0.6); }
/*** header ***/
header .inner   { width:calc(100% - 40px); padding:20px; background:#59beb6; }
.logoWrap       { display:table; }
.logoWrap .ci   { float:left; width:auto; padding:10px; }
/*.logoWrap .logo { float:left; width:auto; padding:10px; }*/
/*.logoWrap .menu { float:right; width:auto; padding:10px; }*/
/*** main swiper ***/
.swiper-slide { text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
/*** ¼­¿ï´ëÇк´¿ø ÇǺΰú Àü¹®ÀÇ Áø·á ***/
.bnr_ment     { background:#59beb6; padding:16px 0; text-align:center; }
.bnr_ment img { width:calc(100% - 60px); }
/*** main bnr1 ***/
.bnr1Wrap                { width:calc(100% - 20px); margin:10px 10px 0 10px; }
.bnr1Wrap div:last-child { padding-bottom:0; }
.bnr1                    { display:table; padding-bottom:2px; }
.bnr1 div                { height:78px; padding-left:20px; font-size:16px; display:table-cell; vertical-align:middle; cursor:pointer; }
.bnr1 .bnr_bg1           { background:url('../img/mobile/main_bnr11.jpg') no-repeat 0 0; background-size:100%; }
.bnr1 .bnr_bg2           { background:url('../img/mobile/main_bnr12.jpg') no-repeat 0 0; background-size:100%; }
.bnr1 .bnr_bg3           { background:url('../img/mobile/main_bnr13.jpg') no-repeat 0 0; background-size:100%; }
/*** main bnr2 ***/
.bnr2Wrap                   { width:calc(100% - 22px); margin:10px; }
.bnr2Wrap ul:last-child li  { border-bottom:0; }
.bnr2                       { display:table; }
.bnr2 li                    { width:50%; height:64px; text-align:center; display:table-cell; vertical-align:middle; cursor:pointer; border-bottom:2px solid #fff; border-right:2px solid #fff; background:#eee; }
.bnr2 li:last-child         { border-right:0; }
.bnr2 li p:last-child       { color:#999; font-size:11px; }
/*** µÑ·¯º¸±â ***/
.browse      { padding:40px 0; text-align:center; background:url('../img/mobile/main_img.jpg') no-repeat 50% 50%; background-size:100%; }
.browse span { padding:10px 14px; border-radius:6px; background:rgba(255, 255, 255, 0.85); }
/*** footer ***/
footer       { width:calc(100vw - 20px); padding:10px 10px 0; text-align:center; font-size:13px; color:#777; }
footer span  { padding:0 10px; color:#bbb; }
/*** footer BTN ***
.footerbtn                                  { width:100%; padding:30px 0 0 0; }
.footerbtn li                               { width:10%; padding:10px 0; display:table-cell; vertical-align:middle; text-align:center; cursor:pointer; }
.footerbtn li p:nth-child(1)                { width:36px; height:36px; margin:auto; padding-bottom:8px; }
.footerbtn li:nth-child(1) p:nth-child(1)   { background:url('../img/footerbtn.png') no-repeat 0 0; }
.footerbtn li:nth-child(2) p:nth-child(1)   { background:url('../img/footerbtn.png') no-repeat -36px 0; }
.footerbtn li:nth-child(3) p:nth-child(1)   { background:url('../img/footerbtn.png') no-repeat -72px 0; }
.footerbtn li:nth-child(4) p:nth-child(1)   { background:url('../img/footerbtn.png') no-repeat -108px 0; }
.footerbtn li p:nth-child(2)                { font-size:14px; color:#333; letter-spacing:-2px; }
.footerbtn li p:nth-child(3)                { font-size:11px; color:#999; line-height:0.7; }
.footerbtn li:nth-child(1)                  { background:#efeeee; }
.footerbtn li:nth-child(2)                  { background:#b6e2df; }
.footerbtn li:nth-child(3)                  { background:#efeeee; }
.footerbtn li:nth-child(4)                  { background:#b6e2df; }
/*** footer BTN ***
.footerbtn                                  { width:100%; padding:30px 0 0 0; }
.footerbtn li                               { width:10%; padding:10px 0; display:table-cell; vertical-align:middle; text-align:center; cursor:pointer; }
.footerbtn li p:nth-child(1)                { font-size:14px; color:#fff; letter-spacing:-2px; }
.footerbtn li p:nth-child(2)                { font-size:10px; color:#fff; line-height:0.7; padding-top:2px; }
.footerbtn li p:nth-child(3)                { width:36px; height:36px; margin:8px auto 0; }
.footerbtn li:nth-child(1) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat 0 0; }
.footerbtn li:nth-child(2) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat -36px 0; }
.footerbtn li:nth-child(3) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat -72px 0; }
.footerbtn li:nth-child(4) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat -108px 0; }
.footerbtn li:nth-child(1)                  { background:#59beb6; }
.footerbtn li:nth-child(2)                  { background:#0ba29b; }
.footerbtn li:nth-child(3)                  { background:#437d9a; }
.footerbtn li:nth-child(4)                  { background:#1d546f; }
/*** footer BTN ***/
.footerbtn                                  { width:100%; padding:30px 0 0 0; }
.footerbtn li                               { width:20%; padding:10px 0; display:table-cell; vertical-align:middle; cursor:pointer; }
.footerbtn li p:nth-child(1)                { padding-left:10px; font-size:16px; color:#fff; letter-spacing:-2px; }
.footerbtn li p:nth-child(2)                { padding-left:10px; font-size:11px; color:#fff; line-height:0.7; padding-top:2px; }
.footerbtn li p:nth-child(3)                { width:36px; height:36px; margin: 0 70%;  }
.footerbtn ul:nth-child(1) li:nth-child(1) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat 0 0; }
.footerbtn ul:nth-child(1) li:nth-child(2) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat -36px 0; }
.footerbtn ul:nth-child(2) li:nth-child(1) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat -72px 0; }
.footerbtn ul:nth-child(2) li:nth-child(2) p:nth-child(3)   { background:url('../img/footerbtn.png') no-repeat -108px 0; }
.footerbtn ul:nth-child(1) li:nth-child(1)                  { background:#59beb6; }
.footerbtn ul:nth-child(1) li:nth-child(2)                  { background:#0ba29b; }
.footerbtn ul:nth-child(2) li:nth-child(1)                  { background:#437d9a; }
.footerbtn ul:nth-child(2) li:nth-child(2)                  { background:#1d546f; }


.blog-visual                                                    { padding:10px 0; }
.blog-visual p                                                  { text-align:center; }
.blog-visual .tit p:first-child                                 { font-size:22px; color:#0ba29b; font-weight:400; }
.blog-visual .tit p:last-child                                  { color:#777; padding:4px 0 8px; font-size:13px; }
.blog-visual>.swiper-container                                  { width:calc(100% - 20px); }
.blog-visual>.swiper-container>.swiper-wrapper                  { }
.blog-visual>.swiper-container>.swiper-wrapper>.swiper-slide    {}
.blog-visual>.swiper-container>.swiper-wrapper>.swiper-slide>a  {}
/* .blog-visual>.swiper-container>.swiper-wrapper>.swiper-slide>a:nth-child(1)>img { margin-left:-495px; }
.blog-visual>.swiper-container>.swiper-wrapper>.swiper-slide>a:nth-child(2)>img { margin-left:-295px; } */
.blog-visual>.swiper-container>.swiper-wrapper>.slideshow-nav a { margin-top:-50px !important; }


/*** default : sub Title & Menu & LOCATION(NAV) ***/
.submenuTit               { padding:20px 0; text-align:center; background:#0ba29b; }
.submenuTit p:first-child { font-size:30px; color:#fff; padding-bottom:4px; }
.submenuTit p:last-child  { font-size:13px; color:#b6e8e6; letter-spacing:-1.5px; }
.submenuWrap              { width:calc(100vw - 20px); padding:16px 10px; text-align:center; line-height:24px; }
.submenuWrap span         { white-space:nowrap; padding:4px 4px; }
.submenuWrap .dot         { padding:4px 1px; color:#bbb; }
.submenuWrap .navon       { color:#70a922; border-top:1px solid #8dc63f; border-bottom:1px solid #8dc63f; }
/************************************/
/******* SUB PAGE (contents) ********/
/************************************/
.titImg img               { width:100%; }
.titImgNone               { width:calc(100% - 40px); padding:30px 20px; display:table-cell; vertical-align:middle; background:url(../img/mobile/tit_bg.png) no-repeat 0 0; background-size:100%; }
.titImgNone .tit          { text-align:center; font-size:22px; letter-spacing:-2.5px; color:#0ba29b; }
.titImgNone .titdiv       { text-align:center; padding:6px 0; }
.titImgNone .titdiv img   { width:auto; }
.titImgNone .txt          { text-align:center; letter-spacing:-1.5px; }
.contents                 { width:calc(100vw - 20px); padding:20px 10px; border-bottom:1px solid #eee; }
.tblWrap                  { display:table; }
.tblWrap td               { vertical-align:top; font-size:13px; color:#777; text-align:left; }
.tblWrap td:first-child   { display:table-cell; width:calc(30% - 10px); padding-right:10px; }
.tblWrap td:last-child    { display:table-cell; width:70%; vertical-align:top; }
.tblWrap40                { display:table; }
.tblWrap40 td             { vertical-align:top; font-size:13px; color:#777; text-align:left; }
.tblWrap40 td:first-child { display:table-cell; width:calc(40% - 10px); padding-right:10px; }
.tblWrap40 td:last-child  { display:table-cell; width:60%; vertical-align:top; }
.tbl_img3                 { display:table; width:100%; }
.tbl_img3 li              { display:table-cell; width:0; text-align:center; padding-right:4px; }
.tbl_img3 li:last-child   { padding-right:0; }
/*
.circle3      { margin:auto; }
.circle3 li   { width:10%; height:120px; display:table-cell; vertical-align:middle; text-align:center; border:6px solid #58beb6; border-radius:100px; color:#088b85; font-size:16px; padding:0 20px; }
.circle4      { margin:auto; }
.circle4 li   { width:25%; height:120px; display:table-cell; vertical-align:middle; text-align:center; border:6px solid #58beb6; border-radius:100px; color:#088b85; padding:0 20px; }
/*
<table class="tblWrap pt20">
<tr><td colspan="2" class="pt10 pb6"><span class="borderBox">¿©µå¸§°ü¸®</span></td></tr>
<tr>
<td><img src="{{$template}}/img/subcon/0201_3.jpg" alt="¿©µå¸§°ü¸®"/></td>
<td>½ºÄÉÀϸµ°ú ¸éÆ÷¾ÐÃâ°ü¸®, Â¥Áö¾Ê´Â ÇϾáµå¸²ÀÇ Æ¯º°ÇÑ H solution°ü¸®</td>
</tr>
</table>
*/



pre { white-space: pre-wrap; word-wrap: break-word; text-align: justify; font-family: sans-serif; }
.ftr_btnWrap { padding:14px 0; border-bottom:1px solid #eee; }
.ftr_btnWrap > ul { display:flex; justify-content:center; }
.ftr_btnWrap > ul > li { padding:0 14px; width:33.33%; text-align:center;}
.ftr_btnWrap > ul > li > a { color:#888; font-weight:600; }


div.contents>table>tbody>tr>td>table>tbody>tr>td:first-child { width:auto; }

.paging	{ display:flex; padding-top:8px; }

.paging>a>img { width:auto; }