@charset "euc-kr"; 
/* background: url("/base/img/font/ */

@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 300;src: url('/base/img/font/NotoSansKR-Light.woff2') format('woff2'),url('/base/img/font/NotoSansKR-Light.woff') format('woff'),url('/base/img/font/NotoSansKR-Light.otf') format('opentype')}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 400;src: url('/base/img/font/NotoSansKR-Regular.woff2') format('woff2'),url('/base/img/font/NotoSansKR-Regular.woff') format('woff'),url('/base/img/font/NotoSansKR-Regular.otf') format('opentype')}
@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 500;src: url('/base/img/font/NotoSansKR-Medium.woff2') format('woff2'),url('/base/img/font/NotoSansKR-Medium.woff') format('woff'),url('/base/img/font/NotoSansKR-Medium.otf') format('opentype')}

html, body {display: block;height: 100%; width: 100%; min-width: 1200px; line-height: 1}
body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {margin:0; padding:0; font-size:16px; color: #454753; font-weight: 300; -webkit-text-size-adjust:none}
body {font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-weight:300;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:'Noto Sans', dotum, gulim, verdana, sans-serif; font-weight:300;}
ul, ol, dl {list-style:none;}
table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse; word-break:keep-all;}
img, button, fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
strong {font-weight:normal;}
q:before, q:after {content:'';}
input[type=button] { cursor: pointer; }
input[type=text],
input[type=password],
textarea,
select,
button,
.btn {vertical-align:middle; background-color:none; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; font-size:14px}
/*
::-webkit-input-placeholder {color:#888}
:-moz-placeholder {color:#888}
::-moz-placeholder {color:#888}
:-ms-input-placeholder {color:#888}
*/
textarea {overflow:auto; padding:10px; line-height:22px;}
input[type=checkbox] {width:13px; height:13px; vertical-align:middle;}
input[type=radio] {width:13px; height:13px; margin-top:-1px; vertical-align:middle;}
label,
.btn,
button { vertical-align: middle; cursor: pointer; }
a {color:#257393;text-decoration:none;}
a:focus, a:hover, a:active {color:#00a4cb}
a.skip { position: fixed; left: -9999px; top: -9999px; display: block; line-height: 3em; background: #40b2cd; color: #fff; text-align: center;}
a.skip:hover,
a.skip:focus { position: static; left: 0; top: 0; }
/*
*::selection {background:#5ce2ed; color:#454753}
*::-moz-selection {background:#5ce2ed; color:#454753}
transition: all 0.3s ease 0.1s
*/
/* point text color:#f03864 */
/* layout */
body {}
.container { width: 1150px;padding:0 25px; margin: 0 auto; position: relative }
.container:after { display: block; content: ""; clear: both; }

.header { background: url(/base/img/images/headerBG.gif) repeat-x 0 0; padding: 20px 0 0 0; height: 98px; position: relative;} /* border-bottom: solid 1px #ededed;*/ 
.header nav {padding:0 10px 0 0; margin: 0 40px 0 430px; transition: all 0.3s ease 0.1s; }

.loginUser{text-align:right; padding:10px 0 12px 0; border-bottom: solid 1px #ededed}
.loginUser a {font-size:14px; padding:2px 10px; background:#888; color:#fff;border-radius:3px}
.loginUSer a:hover,
.loginUser a:focus { background:#777;}
a.btnAdmin { position:fixed; right:0; top:0; width:10px; height:10px; overflow:hidden; z-index:2000; text-indent:-9999px}

/* 1depth */
header nav ul { text-align: center}
header nav li { display: inline-block; text-align: left;}
header nav li a,
header nav li a span {display: inline-block;}
header nav li a span {padding: 10px 15px 31px 15px; font-size: 18px; color: #333; font-weight:400; transition: all 0.2s ease 0.05s;}
header nav li a:hover span,
header nav li a:focus span,
#a00 header nav li.a00>a>span,
#b00 header nav li.b00>a>span,
#c00 header nav li.c00>a>span,
#d00 header nav li.d00>a>span,
#e00 header nav li.e00>a>span,
#f00 header nav li.f00>a>span {color: #df5917}

/* 2depth */
header nav ul ul { width:890px;text-align: center; height: 0; overflow: hidden; position: absolute; left: 345px; opacity: 0; transition: all 0.2s ease 0.1s;}
header nav ul .a00 ul {left: 266px;}
header nav ul .b00 ul {left: 326px;}
header nav ul .c00 ul {left: 280px;}
header nav ul .d00 ul {left: 400px;}
header nav ul .e00 ul {left: 368px; width:688px; padding-left:165px}
header nav ul .f00 ul {right: 76px; left:inherit; text-align:right }

header nav ul .on ul,
#a00 header nav li.a00 ul,
#b00 header nav li.b00 ul,
#c00 header nav li.c00 ul,
#d00 header nav li.d00 ul,
#e00 header nav li.e00 ul,
#f00 header nav li.f00 ul,
#a00 header nav.hover li.a00.on ul,
#b00 header nav.hover li.b00.on ul,
#c00 header nav.hover li.c00.on ul,
#d00 header nav.hover li.d00.on ul,
#e00 header nav.hover li.e00.on ul,
#f00 header nav.hover li.f00.on ul { height: 39px; z-index: 600; opacity: 1;transition: all 0.2s ease 0.1s; }
#a00 header nav.hover li.a00 ul,
#b00 header nav.hover li.b00 ul,
#c00 header nav.hover li.c00 ul,
#d00 header nav.hover li.d00 ul,
#e00 header nav.hover li.e00 ul,
#f00 header nav.hover li.f00 ul { height: 0; z-index: 600; opacity: 1;transition: all 0.2s ease 0.1s; }
header nav li li a {  padding: 0 15px 0 15px; }
header nav li li a span { padding: 12px 0 12px 0; font-size:15px }
#a00 header nav li.a00 ul,
#b00 header nav li.b00 ul,
#c00 header nav li.c00 ul,
#d00 header nav li.d00 ul,
#e00 header nav li.e00 ul,
#f00 header nav li.f00 ul { z-index: 500 }
#a00 header nav ul li.a00 li a span,
#b00 header nav ul li.b00 li a span,
#c00 header nav ul li.c00 li a span,
#d00 header nav ul li.d00 li a span,
#e00 header nav ul li.e00 li a span,
#f00 header nav ul li.f00 li a span { padding-bottom: 10px}
body.a10 header nav ul li.a10 a span,
body.a20 header nav ul li.a20 a span,
body.a30 header nav ul li.a30 a span,
body.a40 header nav ul li.a40 a span,
body.a50 header nav ul li.a50 a span,
body.a60 header nav ul li.a60 a span,
body.b10 header nav ul li.b10 a span,
body.b20 header nav ul li.b20 a span,
body.b30 header nav ul li.b30 a span,
body.b40 header nav ul li.b40 a span,
body.b50 header nav ul li.b50 a span,
body.b60 header nav ul li.b60 a span,
body.c10 header nav ul li.c10 a span,
body.c20 header nav ul li.c20 a span,
body.c30 header nav ul li.c30 a span,
body.c40 header nav ul li.c40 a span,
body.c50 header nav ul li.c50 a span,
body.c60 header nav ul li.c60 a span,
body.d10 header nav ul li.d10 a span,
body.d20 header nav ul li.d20 a span,
body.d30 header nav ul li.d30 a span,
body.d40 header nav ul li.d40 a span,
body.d50 header nav ul li.d50 a span,
body.d60 header nav ul li.d60 a span,
body.e10 header nav ul li.e10 a span,
body.e20 header nav ul li.e20 a span,
body.e30 header nav ul li.e30 a span,
body.e40 header nav ul li.e40 a span,
body.e50 header nav ul li.e50 a span,
body.e60 header nav ul li.e60 a span,
body.f10 header nav ul li.f10 a span,
body.f15 header nav ul li.f15 a span,
body.f20 header nav ul li.f20 a span,
body.f30 header nav ul li.f30 a span,
body.f40 header nav ul li.f40 a span,
body.f50 header nav ul li.f50 a span,
body.f60 header nav ul li.f60 a span { color: #df5917; border-bottom: solid 2px #df5917 }

/* 
.header nav { position: relative; }
header nav ul { text-align: right; }
header nav li { display: inline-block; position: relative;text-align: left; }
header nav li a {width: 120px; display: block; padding: 10px 0 20px 0; font-size: 16px }
header nav li ul {position: absolute; left: 0; text-align: left; height: 0; overflow: hidden; opacity: 0;transition: all 0.3s ease 0.2s }
header.on nav li ul {  overflow: inherit; opacity: 1;z-index: 500;}
header.on nav li ul,
.header.on .navBg {height:150px;}
header nav li li a  { font-size: 14px; padding: 6px 0;  }
header nav li li:first-child a{ padding-top:15px } 
.header .navBg { position: absolute; top: 56px;left: 0;width: 100%;  height: 0; background: #f9f9f9;border-top: 1px solid #ededed; box-shadow: none; border-bottom: 1px solid #ededed; transition: all 0.3s ease 0.3s; opacity: 0 }
.header.on .navBg  { box-shadow: 0 2px 2px rgba(0,0,0,0.05) ; transition: all 0.3s ease 0.1s; z-index: 500; opacity: 1 }
*/
#h1 { width: 310px; float: left; }
#h1 a { display: block; height: 38px; background: url(/base/img/images/h1.png) no-repeat 0 0;text-indent: -9999px; overflow: hidden;transition: all 0.3s ease 0.1s }
a.btnBlog { display: inline-block; width: 28px; height: 28px; border-radius: 5px; background: url(/base/img/images/iconBlog2.png) no-repeat; position: absolute; right: 25px; top: 5px; font-size: 0  }
footer a.btnBlog {top: 40px;}
/* footer */
footer {background: #fff; border-top: #ededed solid 1px}
footer .container { padding: 35px 0 40px 0; color: #a1a2a2; }
footer nav { position: fixed; top: 50%; right: 2.5%; margin-top: -150px; z-index: 300; background: rgba(0,0,0,0.05)}
footer nav a { display: block; width: 42px; height: 88px; text-indent: -9999px;overflow: hidden; background: url(/base/img/images/sideBtn.png) no-repeat center 18px; }
footer nav a.location { background-position: center -64px; height: 98px; }
footer nav a.goTop {background-position: center -156px;}
footer nav a:hover,
footer nav a:focus { background-color: rgba(0,0,0,0.05)}
footer h6 { display: inline; font-size: 15px }
footer dl {padding: 12px 0; }
footer dt, 
footer dd{color:#a1a2a2; font-weight: 300; display: inline-block; line-height: 1.5em; font-size:15px}
footer dt { padding-left: 5px }
footer dd { padding-right: 8px }
footer .addr {display: block; color: #6e6e6e; font-size: 15px}
footer dt.addr { position: fixed; left: -9999px; }
footer dt.telNumber,
footer dt.faxNumber,
footer dt.emailAddr,
footer dt.businessNumber,
footer dt.chairmanName { color: #17adab; background: url(/base/img/images/decoBarFooter.gif) no-repeat 0 6px; padding-left:12px;}
footer dt.telNumber { padding-left: 0; background: none; }
footer p.copyright { color: #bbbbbb; font-size: 12px }
footer a.btnBlog {right: 0;}
.btnTop {position: absolute; border:solid 1px #ddd; top: 40px; right: 34px; width: 50px; height: 26px; border-radius: 5px; text-indent: -9999px; overflow: hidden; background: #ededed url(/base/img/images/btnTop.png) no-repeat center; }
.btnTop:hover,
.btnTop:focus { background-color: #e3e3e3 }

/* subPage header */
.section { padding-bottom: 80px ;  background: #f9f9f9 /*  url(/base/img/images/bg.png) no-repeat center -40px */}
.section header ol { float: right; text-align: right;  }
.section header .container { padding: 32px 0 60px 0; background: url(/base/img/images/decoBar2.gif) repeat-x 0 100px;}
.section header ol { padding: 23px 0 0; }
.section header ol li { color: #a09f9f; text-align: right; display: inline; padding-left:12px; font-weight: 300; font-size: 14px; background: url(/base/img/images/locationArrow.gif) no-repeat 4px 8px }
.section header ol li:first-child{ background: none; font-size: 13px }
.section header .h2 { float: left; font-size:36px; font-weight: 400; color: #000 }

/* main (index) */
.index .section { background: #f5f6f8; border-bottom: #e1e1e1 solid 1px ; padding-bottom: 00px }
.event { background:#2d3f53; padding: 16px 0 }
.event p{font-size: 0 ;background:#2d3f53 url(/base/img/images/sampleBanner.png) no-repeat center; height: 26px;}
input.event_close {float: right; border: none; background: none; background: url(/base/img/images/btnClose.png) no-repeat center; width: 28px;height:28px; font-size: 0}
/* owl carousel */
.item {height: 405px;}
.owl-theme .owl-nav {  margin-top: 10px;  text-align: center;  -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] { color: #FFF;font-size: 14px;margin: 5px;padding: 4px 7px;background: #D6D6D6;display: inline-block;cursor: pointer;border-radius: 3px;}
.owl-theme .owl-nav .disabled { opacity: 0.5;    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-theme .owl-dots {position: absolute; top: 368px; width: 100%; text-align: center;  -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block;    zoom: 1;    *display: inline; }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin:3px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
  .owl-carousel .owl-item img { display: block; width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
  .owl-carousel .owl-nav button.owl-prev span,
  .owl-carousel .owl-nav button.owl-next span {display: none}
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next { width: 33px; height: 63px; background: url(/base/img/images/carouselArrowR.png) no-repeat center; opacity: 0.5 ; position: absolute; top: 160px; left:50%; margin:0 0 0 700px }
  .owl-carousel .owl-nav button.owl-prev { background-image: url(/base/img/images/carouselArrowL.png); margin: 0 0 0 -733px }
  .owl-carousel .owl-nav button.owl-prev:hover,
  .owl-carousel .owl-nav button.owl-next:hover { opacity: 1 } 
  .owl-carousel.owl-loaded {display: block; }
  .owl-carousel.owl-loading {opacity: 0; display: block; }
  .owl-carousel.owl-hidden {opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .owl-carousel.owl-grab {cursor: move; cursor: grab; }
  .owl-carousel.owl-rtl {direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {float: right; }
.mainContent {  margin: 40px 0 30px 0; }
.mainContent a{ display: block; width: 25%; height: 285px; text-align: center; float: left; outline: #eaebef solid 1px; background: #fff url(/base/img/images/mContent1_1.png) no-repeat center; line-height: 1.2em}
.mainContent a:hover,
.mainContent a:focus { background-color: #f9f9f9; }
.mainContent a h3 { color: #000; font-size: 19px; padding:35px 0 10px 0; font-weight: 400 }
.mainContent a span { color:#888; font-size: 15px;  }
a.mContent1_1 { background-position: 0 0 }
a.mContent1_2 { background-position: -300px 0 }
a.mContent1_3 { background-position: -600px 0 }
a.mContent1_4 { background-position: -900px 0 }
a.mContent1_5 { background-position: 0 -280px }
a.mContent1_6 { background-position: -300px -280px }
a.mContent1_7 { background-position: -600px -280px }
a.mContent1_8 { background-position: -900px -280px }
.mainContent2 { margin: 30px 0 40px 0; position: relative; height: 600px; }
.mainContent2>a,
.mainContent2>p,
.mainNotice,
h4.phoneNo { position: absolute;left: 0;top: 0; width: 19%; height: 150px; padding:30px 3% 20px 3%; display: block; }
h4.phoneNo a { color:#fff}
h4.phoneNo a:hover,
h4.phoneNo a:focus { color:#fffeae}
.mainContent2>a { text-align: center; background:#a29a94 url(/base/img/images/mContent2.png) no-repeat 0 0; }
a.mainContent2_2 { top: 200px; background-color: #b1a797;background-position: 0 -200px }
a.mainContent2_3 { top: 400px; background-color: #8f8a86;background-position: 0 -400px }
a.mainContent2_4 { left: 25%; top: 400px; width: 44%;text-align:center; background: #61839b; font-size: 21px; color:#fff; line-height:1.6em}
a.mainContent2_4 strong ,
a.mainContent2_4 span {display:block; text-align:center; color:#fff; }
a.mainContent2_4 strong {  color:#ffe42f; font-size:53px; font-weight: 500; padding:10px 0 23px 0; }
a.mainContent2_4 span { padding:3px 0 5px 0; width:78%; margin:8px auto 0 auto; background:rgba(52,105,143,0.8) url(/base/img/images/arrow1.gif) no-repeat 73% center; text-indent:-16%; font-size:19px}
a.mainContent2_1:hover, a.mainContent2_1:focus {background-color: #9b9189}
a.mainContent2_2:hover, a.mainContent2_2:focus {background-color: #a99e8d}
a.mainContent2_3:hover, a.mainContent2_3:focus {background-color: #89837e}
a.mainContent2_4:hover, a.mainContent2_4:focus {background-color: #4e748f}
.mainContent2 a h3 { color: #fff; font-size: 18px; padding:105px 0 6px 0 }
.mainContent2 a span { color:#e9e6e1; line-height: 1.2em  }
p.mainContent2_0 {left: 25%; height: 350px; width: 44%; background: url(/base/img/images/mainContent2_1_20200626.jpg) center center / cover; font-size: 0}
p.mainContent2_0 a{ display:block; height:350px; font-size: 0}
a.mainContent2_4 h3 {padding: 34px 0 10px 0; font-size: 26px }
article.mainNotice { left: 75%; height: 250px; background: #eaebef;  }

h4.phoneNo {height: 250px; left: 75%; top: 300px; background: #d75e7e url(/base/img/images/phoneNo.png) no-repeat 105px 170px; color: #fff; font-size: 25px; font-weight: 300; line-height: 1.2em }
h4.phoneNo span { display: block; font-size: 36px;position: relative; padding: 36px 0 0;}
h4.phoneNo span:before { display: block; content: ""; background: #fff; width: 26px; height: 2px; position: absolute; top: 17px;left: 2px; }
article.mainNotice h3 { color: #000; font-size: 24px; font-weight:400; padding: 5px 0 30px 0 }
article.mainNotice { 25px 29px 25px 40px;}
article.mainNotice img { display:none}
article.mainNotice a { display: block; color: #666; padding: 7px 0; }
article.mainNotice a:hover,
article.mainNotice a:focus {color:#00a4cb}
article.mainNotice a.btnMore1{position: absolute; right: 33px; top: 30px; width: 26px; height: 26px;padding: 0; border:solid 1px #afb0b3; overflow: hidden; text-indent: -9999px; border-radius: 2px; background: url(/base/img/images/btnMore1.png) no-repeat center;}
article.mainNotice a.btnMore1:hover,
article.mainNotice a.btnMore1:focus { background-color: rgba(0,0,0,0.05) }


.tLink a{ display: block; width: 600px; position: absolute;left: 50%;top: 0; height: 300px; padding-top: 200px; text-align: center; }
.tLink a span { color:#fff; font-size: 36px; display: block; padding: 6px 0; }
.tLink a span.t1 {background: #f93b48; padding: 6px 0 7px 0; margin: 30px auto 15px auto; width: 79%; letter-spacing: -1px;}
.tLink a span.t2 {color: #262262; font-size: 36px; font-weight: 500;}
.tLink a strong { color: #262262; font-size: 52px; font-weight: 500; display: block}
.tL_l {float: left; background: #8ab2d5 url(/base/img/images/tL_l.png) no-repeat center 10px;margin-left: -600px}
.tL_r {float: right;  background:#7bc7c5 url(/base/img/images/tL_r.png) no-repeat center 10px}



/* a00 */
/* a10 a10_greeting */
.a10 section article { padding: 540px 0 0 310px; width: 890px; background: url(/base/img/images/a10GreetingBg.png) no-repeat center 48px ; }
.a10 section article  p { padding: 20px 0; line-height: 1.5em; font-size: 17px; color: #5d5d5d; font-weight: 300; }
.a10 section article h3 { font-size:32px; line-height: 1.3em; padding: 0 0 40px 0; font-weight: 400; text-align: left;  }
.sign img { margin: 0 0 0 360px }
/* a20 a20_eliteGodo */
.a20Header {text-align: center; color: #fff; background: url(/base/img/images/a20EliteGODO.jpg)  center 0; height: 570px;  }
.a20Header h3 {font-weight: 300; color: #fff; font-size: 56px; padding: 70px 0 30px 0;; line-height: 1.2em;margin-top:-30px}
.a20Header p { max-width: 1150px; margin: 0 auto; padding:40px 0 100px 0; background: rgba(0,0,0,0.7) url(/base/img/images/logo2.png) no-repeat center 165px; color: #fff; line-height: 2em; font-size: 16px; font-weight: 300 }
.a20Header strong { font-weight: 300 }
.a20Header .strong1 { display: block; font-size: 22px; }
.a20Header .strong1 span { font-size: 36px }
.a20Header .strong2 { font-size:20px}
.a20Header .strong3 { font-size:22px}
.a20 article.container { padding-left: 170px; width: 1030px; }
.a20EliteGODO2 { width:1150px; margin:0 auto; padding:150px 0 50px 0}
/* .a20 .h4, */
.a20_content { padding: 12px 0; font-size: 16px; line-height: 1.4em; font-weight: 300 }
.a30Header {text-align: center }
.a30Header .h3 {font-size: 56px; font-weight: 300; padding: 60px 0 0 0; line-height: 1.2em }
.a30 article.container {padding: 50px 0 0;}
.teacher { width: 25.5%; margin: 10px 1%; padding: 40px 2% 0 20.5%; min-height: 270px; float: left; background: #fff; outline:solid 1px #ededed; position: relative; }
.teacher:first-child { width:49%; height: 310px; padding-top:30px; background:#fff  url(/base/img/images/chairman2.png) no-repeat 24% 10px; background-size:contain; padding-left:47%;}
.teacher h4 { color: #080808; font-size: 24px; font-weight: 400; padding: 0; }
.teacher h4 div { width: 170px; height: 220px; position: absolute;top: 40px; left: 40px;  background: #ededed no-repeat center; background-size: cover; }
.teacher h5 { padding:15px 0 7px 0; font-size: 17px;color:#222; }
.teacher p { padding: 10px 0 0; height:0px; color: #666; font-size: 16px; }
.teacher:first-child p{height: 25px;}
.teacher p:after {display: block; width: 64px; height: 0;  border-bottom: #3dc8c6 solid 1px; content: ""; }
.teacher:first-child p:after {height: 14px;}
.teacher ul { line-height: 1.3em; font-weight: 300}
.teacher li { color: #777; color:#333; padding:3px 0;line-height: 1.1em; font-size:14px }
.teacher li strong { color: #f03864; font-weight: 400 }
.a40Header {text-align: center;}
.a40Header .h3 { font-size: 0; padding:0; height:660px; background: url(/base/img/images/bgA40.jpg) no-repeat center; text-indent:-9999px; overflow:hidden; margin-top:-31px }
.a40Header .h3 span { color: #000 }
.a40Header .h3 strong{ display: block; font-weight: 300; font-size: 42px; color: #666 }
.a40Header .h3 strong span{ font-weight: 400; color: #666 }
.a40Header h3.h3_1 { font-size: 28px; color: #6a5953; font-weight: 300 }
.a40Header p.h3_1 { padding: 50px 0 70px 0;line-height: 1.3em; font-size: 18px; color: #8d8d8d; font-weight: 300 }
.a40Photo { height:350px; background: url(/base/img/images/bgA40_1.jpg) no-repeat center; text-indent:-9999px; overflow:hidden;margin-top:100px}

.a50Content h3 { font-size: 26px; padding:80px 0 25px 0; color: #4e4e4e; font-weight: 400 }
.a50Content h3:first-child {padding-top: 25px}
.a50Content .map { height: 500px; background: url(/base/img/images/mapSample.png) no-repeat center; }
.a50Content ul {}
.a50Content ul li {font-size: 17px; line-height: 1.5em; color: #666; color:#333}
.a50Content ul strong{ color: #17adab }

.howToWay li { padding:13px 0 13px 55px }
li.subway { background: url(/base/img/images/iconSubway.png) no-repeat 0 center  }
li.bus { background: url(/base/img/images/iconBus.png) no-repeat 1px center  }
li.car { background: url(/base/img/images/iconCar.png) no-repeat 3px center  }
span.car { color: #888 }
span.car span { display: inline-block; width: 8px; height: 16px; background: url(/base/img/images/decoBar.gif) no-repeat 4px 6px; }
.a50Content .addr {color: #666 }
.a50Content .addr strong { position: fixed; left: -9999px; }
.a50Content .tel, .a50Content .fax, .a50Content .email { display: inline-block; font-size: 16px; color: #888; padding: 5px  }
.a50Content .tel {padding-left: 0;}

/* b00 ±³À°½Ã½ºÅÛ */
/* b10 ¼Ò¼öÁ¤¿¹½Ã½ºÅÛ */
.b10  .h3  { padding: 40px 0; font-weight: 400}
.b10  .h3 span { font-weight: 300; font-size: 46px; padding-bottom: 20px; border-bottom: solid 3px #ffec29; }
.b10 .h4,
.b10 .p1 { text-align: center; padding:12px 240px; word-break:keep-all }
.b10 .h4 { padding-top: 180px; background: url(/base/img/images/b10SpecialClass.png) no-repeat center 35px; }
.b10 .h4.b10h4_2 { background-position: center -156px }
.b10 .h4.b10h4_3 { background-position: center -350px }
.b10 .h4.b10h4_4 { background-position: center -555px }
.b10 .h4.b10h4_5 { background-position: center -748px }
.b10FooterBox {margin: 120px 0 50px 0; border:solid 1px #ddd; background: #fff; padding:0 0 50px 0; text-align: center; overflow: hidden; }
.b10FooterBox > div { width: 18%; float: left; word-break: keep-all;}
.b10FooterBox div.b10FooterBox1,
.b10FooterBox div.b10FooterBox2 { width: 22.5%; }
.b10FooterBox h3 { font-size: 36px ;padding: 15px 0; background: #333; color: #fff }
.b10FooterBox h4 { font-size: 22px;  padding: 15px 0 8px; font-weight: 400 }
.b10FooterBox h4:before { background: url(/base/img/images/mContent1.png) no-repeat -65px -365px; display: block; width: 160px;height: 160px; content:"";  margin: 0 auto 20px auto;  }
.b10FooterBox .b10FooterBox2 h4:before { background-position: -65px -651px}
.b10FooterBox .b10FooterBox3 h4:before { background-position: -370px -651px}
.b10FooterBox .b10FooterBox4 h4:before { background-position: -672px -651px}
.b10FooterBox .b10FooterBox5 h4:before { background-position: -975px -651px}
.b10FooterBox p { font-size: 18px }
.b10FooterBox p.classP2 { font-size: 14px; padding:8px 18px; line-height: 1.3em; color: #888 }




/* b20 ÀÔ½Ã¹Ý */
.b20 .h3 span {border-bottom:solid 1px #3dc8c6;}
.b20 .h4 {text-align: center; font-weight: 300;padding-bottom:20px; line-height: 1.6em}
.b20 .h4 .sp1 { color: #000; font-weight: 400; font-size: 32px }
.b20 .h4 .sp2 { color: #1980a3; font-size:32px; }
#b20_program2 { background: #fff; }
.b20_program12 { background: url(/base/img/images/b20_program12.png) no-repeat center 80px; position: relative; height: 600px; }
.b21_11, .b21_12, .b21_13, .b21_14 { position: absolute; right: 0; top:20px; width: 360px;}
.b21_11,
.b21_13 { left: 0; text-align: right; }
.b21_13,
.b21_14 { top: 305px; }
.b21_14 { top: 340px; }
.b20_program12 h5 { text-align: right; font-size: 20px; color: #000; font-weight: 400; padding:60px 0 20px 0;letter-spacing: -1px }
.b21_12 h5,
.b21_14 h5 {text-align: left}
.b21_11 .list1 li,
.b21_13 .list1 li { padding: 2px 12px 3px 0;background-position: right 10px }
.b20_program13 { padding:0 0 50px 0; }
.b20_program14 { padding: 50px 0; }
.b20_program14:after { display: block; content: ""; clear: both; }
.b20_program14 div{ width: 36.5%; padding: 0 0 50px 10.5%; float: left; position: relative; }
.b20_program14 div.step2,
.b20_program14 div.step4,
.b20_program14 div.step6 { margin-left: 6%; }
.b20_program14 div.step3,
.b20_program14 div.step5 { clear: both; }
.b20_program14 div span { display: block;width: 100px;height: 57px; padding: 43px 0 0 0; background: #426381; color: #fff;text-align: center; border-radius: 50%; position: absolute; left: 0; top: -14px; }
.b20_program14 div h5 { font-size: 26px; color: #000; }
.b20_program14 div p { padding:15px 0 15px 0; line-height: 1.2em; color: #2f9ea2; word-break: keep-all }
.b20_program14 div p strong { font-weight: 400; font-size: 18px; padding:8px 0 10px 0; display: inline-block; border-top: solid 1px #53bfc3}

.b20_program22 { height:580px; background: url(/base/img/images/b20_program22.png) no-repeat center 20px; position: relative; }
.b20_program22 div { position: absolute; width: 300px; }
.b20_program22 div span { display: block; width: 100px;height: 68px;padding: 32px 0 0 0; background: #888; color: #fff; font-size: 32px; text-align: center; border-radius: 50% ;position: absolute; }
.b20_program22 h5 { font-size: 32px; padding: 10px 0; }
.b20_program22 p { padding: 10px 0; }
.b20_221,
.b20_223,
.b20_225 { right: 60%; top: 50px; padding:0 120px 0 0; text-align: right; }
.b20_223 {top: 208px; right: 65%;}
.b20_225 {top: 370px}
.b20_222,
.b20_224,
.b20_226 { left: 60%; top: 50px; padding:0 0 0 120px;}
.b20_224 { top: 208px;left: 65%; }
.b20_226 { top: 370px } 
.b20_221 span,
.b20_223 span,
.b20_225 span { right: 0;top: 0; }
.b20_222 span,
.b20_224 span,
.b20_226 span {left: 0;top: 0;}

.b20_program32 { background: url(/base/img/images/b20_program32.png) no-repeat center 105px;padding: 600px 0 0 0;   height: 180px; position: relative; }
.b20_program32 h4 { font-size: 36px; text-align: center; background: url(/base/img/images/pQuestion4.png) no-repeat 49.5% 8px; }
.b20_program32 h5 { position: absolute; margin-left:-85px; width: 170px;height: 90px; padding: 80px 0 0 0; border-radius: 50%; color: #fff; font-size: 18px;  font-weight: 400; text-align: center; background:#426381 }
.b20_321 { top: 370px; left: 26%; }
.b20_322 { top: 140px; left: 30%; }
.b20_323 { top: 30px; left: 50%; }
.b20_324 { top: 140px; left: 70%; }
.b20_325 { top: 370px; left: 74%; }


/*
.b30_go2 h3,
.b40_go1 h3 { font-size: 32px; }
.b30_go2 h4{ text-align: center; font-size: 54px; font-weight: 300; padding: 260px 0 30px; background: url(/base/img/images/b30H4.png) no-repeat center 20px; }
*/

/* °í2 */
.b30_go2 .classCurriculum h5 span.phase { font-weight: 300; display: block; font-size: 16px; color: #fff; padding: 12px 26px; background:rgba(37,131,167,0.75); border-radius: 20px }
.b30_go2 .classCurriculum h5 span.phaseH5 {display: block; font-size: 36px; padding:30px 22px 5px 22px }
.b30_go2 .classCurriculum h6 { font-size: 18px; color: #777;color:#333; padding:0 22px 14px 0; line-height: 1.25em } 
.b30_go2 div.classCurriculum2 h6,
.b30_go2 div.classCurriculum3 h6,
.b30_go2 div.classCurriculum5 h6 {padding:0 0 14px 22px}
.b30_go2 .classCurriculum .container {background: url(/base/img/images/b30H4CurriculumN1.png) no-repeat center 8px; position: relative; height: 1120px}
.b30_go2 .classCurriculum .container div { position:absolute; right:0; width:525px; text-align:left }
.b30_go2 .classCurriculum .container div ul {padding:0 12px 0 0}
.b30_go2 .classCurriculum .container div.classCurriculum2 ul,
.b30_go2 .classCurriculum .container div.classCurriculum3 ul,
.b30_go2 .classCurriculum .container div.classCurriculum5 ul {padding:0 0 0 12px}
.b30_go2 .classCurriculum .container div.classCurriculum1,
.b30_go2 .classCurriculum .container div.classCurriculum4,
.b30_go2 .classCurriculum .container div.classCurriculum6 { left:0; text-align:right} 
.b30_go2 .classCurriculum .container div.classCurriculum3{ top: 267px}
.b30_go2 .classCurriculum .container div.classCurriculum4{ top: 342px}
.b30_go2 .classCurriculum .container div.classCurriculum5 { top: 597px}
.b30_go2 .classCurriculum .container div.classCurriculum6 { top: 726px}
.b30_go2 .classCurriculum .container div li { font-size: 15px; color:#777;line-height: 1.25em; padding: 1px 0 2px 10px; word-break:keep-all; background: url(/base/img/images/decoDot2.gif) no-repeat 0 9px}
.b30_go2 .classCurriculum .container div.classCurriculum1 li,
.b30_go2 .classCurriculum .container div.classCurriculum4 li,
.b30_go2 .classCurriculum .container div.classCurriculum6 li {padding: 2px 10px 2px 0; background-position: right 9px}





.liB30 h4 { width: 400px; margin:0 auto; text-align:center; font-size:44px; font-weight:300; color:#999}
.liB30 h4:before { display:block; content:""; width:400px; height:400px; background:url(/base/img/images/b30Go2H4.png) no-repeat center; margin:-60px auto 20px auto}
.liB30 { position:relative}
.liB30 li {background: url(/base/img/images/b30_h5.png) no-repeat right -190px; position: absolute; text-align:right; width:260px; height:50px; padding:75px 110px 10px 0; right:0; top: 16px; line-height:1.4em; word-break:keep-all}
.liB30 li.liB31 { padding:75px 0 10px 110px; left:0; background-position:0 10px;text-align:left  }
.liB30 li.liB33 { padding:75px 0 10px 110px; left:0; top:135px;background-position:0 -378px; text-align:left  }
.liB30 li.liB34 { top:135px;background-position:right -584px }
.liB30 li.liB35 { padding:75px 0 10px 110px; left:0; top:248px; text-align:left; background-position:0 -786px }
.liB30 li.liB36 { top:248px;background-position:right -976px }

.classTime h4 { background-position: center -510px }
.classProgram h4{ background: none; padding: 30px 0 60px; font-size:40px; font-weight:300  }
.classCurriculum h4 { padding: 60px; font-size:40px; font-weight:300  }
.classProgram .container {background: url(/base/img/images/b30H4Program.png) no-repeat center 0; position: relative; height: 400px}
/*
.classCurriculum h4 { background: none; padding: 60px 0; font-size:40px; font-weight:300 }
.classCurriculum .container {background: url(/base/img/images/b30H4CurriculumN.png) no-repeat center 320px; position: relative; height: 1300px}
*/
.classProgram h5 { font-size: 22px; padding: 0 0 6px 0; font-weight: 400 }
.classProgram h6 { font-size: 18px; color: #777; color:#333; padding:0 0 14px 0; }

.b30_go2 .classProgram h5 { position:fixed; left:-9999px}
.b30_go2 .classProgram h6 {font-size: 22px; font-weight: 400; padding:24px 0 10px 0 }

.b20ArticleWrap.classProgram p{font-size: 15px; color: #777; line-height: 1.3em; word-break:keep-all }

.classProgram1,
.classProgram2,
.classProgram3,
.classProgram4 { position: absolute; top: 10px; right: 0; text-align: right; width: 33%; }
.classProgram1 { left: 0; }
.classProgram2 { text-align: left; }
.classProgram3 { top: 200px; left: 0; }
.classProgram4 { text-align: left; top: 175px; }


h3 span.h3Line1,
h3 span.h3Line2 { display: block; line-height: 1.3em; border:none; }

/*
.liB30 { padding: 20px 0; }
.liB30:after { display: block; content: ""; clear: both; }
.liB30 ul li { display: table; float: left; width: 135px;  height: 135px; padding: 30px; text-align: center; vertical-align: middle; margin: 0 -16px; border-radius: 50%; background: rgba(13,132,182,0.7); color: #fff; font-size: 16px; word-break: keep-all; line-height: 1.4em}
.liB30 ul li:nth-child(even){ background: rgba(185,185,185,0.7); color: #000 }
.liB30 ul li  > span{ display: table-cell; vertical-align: middle; text-align: center; }
*/

.b20ArticleWrap {text-align: center; }
.b20ArticleWrap p {font-size: 16px}
.classPoint { padding: 50px 0 }
.classTime { padding: 50px 0  }
.classProgram { background: #fff; padding: 50px 0;}

/* °í1 Ä¿¸®Å§·³
.classCurriculum1,
.classCurriculum2,
.classCurriculum3,
.classCurriculum4,
.classCurriculum5,
.classCurriculum6 { position: absolute; top: 50px; text-align: right; right: 0;}
.classCurriculum1 { width: 100%; text-align: center; top: 0;}
.classCurriculum2 { width: 36%; top: 400px; left: 0;}
.classCurriculum3 { width: 36%; top: 720px; left: 0;}
.classCurriculum4 { width: 100%; text-align: center; top: 1010px;}
.classCurriculum5 { width: 36%; top: 720px; text-align: left; }
.classCurriculum6 { width: 36%; top: 400px; text-align: left; }
.classCurriculum h5 { font-size: 22px; padding: 0 0 14px 0; font-weight: 400 }
.classCurriculum h5 span.phase { font-weight: 300; display: block; font-size: 46px; color: #999; padding: 0 0 6px 0 }
.classCurriculum h6 { font-size: 18px; color: #777;color:#333; padding:0 0 14px 0; line-height: 1.25em } 
.classCurriculum li {font-size: 15px; color:#777;line-height: 1.3em; text-align: right;padding: 2px 0;}
.classCurriculum1 li,
.classCurriculum4 li {text-align: center;}
.classCurriculum5 li,
.classCurriculum6 li {text-align: left}
*/

/* °í1 */

.b40_go1 .classCurriculum h5 span.phase { font-weight: 300; display: block; font-size: 16px; color: #fff; padding: 12px 26px; background:rgba(37,131,167,0.75); border-radius: 20px }
.b40_go1 .classCurriculum h5 span.phaseH5 {display: block; font-size: 36px; padding:30px 22px 5px 22px }
.b40_go1 .classCurriculum h6 { font-size: 18px; color: #777;color:#333; padding:0 22px 14px 0; line-height: 1.25em } 
.b40_go1 div.classCurriculum2 h6,
.b40_go1 div.classCurriculum4 h6,
.b40_go1 div.classCurriculum6 h6 {padding:0 0 14px 22px}

.b40_go1 .classCurriculum .container {background: url(/base/img/images/b30H4CurriculumN2.png) no-repeat center 8px; position: relative; height: 710px}
.b40_go1 .classCurriculum .container div { position:absolute; right:0; width:525px; text-align:left }
.b40_go1 .classCurriculum .container div ul {padding:0 12px 0 0}
.b40_go1 .classCurriculum .container div.classCurriculum2 ul,
.b40_go1 .classCurriculum .container div.classCurriculum4 ul,
.b40_go1 .classCurriculum .container div.classCurriculum6 ul {padding:0 0 0 12px}
.b40_go1 .classCurriculum .container div.classCurriculum1,
.b40_go1 .classCurriculum .container div.classCurriculum3,
.b40_go1 .classCurriculum .container div.classCurriculum5 { left:0; text-align:right} 
.b40_go1 .classCurriculum .container div.classCurriculum3,
.b40_go1 .classCurriculum .container div.classCurriculum4 { top: 245px}
.b40_go1 .classCurriculum .container div.classCurriculum4 { top: 267px}
.b40_go1 .classCurriculum .container div.classCurriculum5,
.b40_go1 .classCurriculum .container div.classCurriculum6 { top: 492px}

.b40_go1 .classCurriculum .container div li { font-size: 15px; color:#777;line-height: 1.25em; padding: 1px 0 2px 10px; word-break:keep-all; background: url(/base/img/images/decoDot2.gif) no-repeat 0 9px}
.b40_go1 .classCurriculum .container div.classCurriculum1 li,
.b40_go1 .classCurriculum .container div.classCurriculum3 li,
.b40_go1 .classCurriculum .container div.classCurriculum5 li {padding: 2px 10px 2px 0; background-position: right 9px}

.liB40 h4 { width: 400px; margin:0 auto; text-align:center; font-size:44px; font-weight:300; color:#999}
.liB40 h4:before { display:block; content:""; width:380px; height:380px; background:#fd8469 url(/base/img/images/b40H4_1.png) no-repeat center; border-radius:50%; margin:-60px auto 20px auto}
.liB40 { position:relative}
.liB40 li {background: url(/base/img/images/b40_h5.png) no-repeat right -190px; position: absolute; text-align:right; width:240px; padding:45px 110px 10px 0; right:0; top: 70px; line-height:1.4em; word-break:keep-all}
.liB40 li.liB41 { padding:45px 0 10px 110px; left:0; background-position:0 10px;text-align:left  }
.liB40 li.liB43 { padding:45px 0 10px 110px; left:0; top:218px;background-position:0 -394px; text-align:left  }
.liB40 li.liB44 { top:218px;background-position:right -584px }


.b40 .classProgram .container {background: url(/base/img/images/b20H4Program.png) no-repeat center 80px; height: 500px; }
.b40 .classProgram1,
.b40 .classProgram2,
.b40 .classProgram3 {width: 240px; word-break: keep-all; top: 174px}
.b40 .classProgram1 {margin: 0 auto; text-align: center; top: 378px; }
.b40 .classProgram .h5 { font-size: 42px; font-weight: 300 }

/* .classCurriculum {padding: 50px 0;}
.classCurriculum:after { display: block; clear: both; content: "" }
.classCurriculumCont { width: 340px; float: left; padding: 30px; text-align: center; height: 500px;}
.classCurriculumCont:first-child {margin: 0;}
.classCurriculumCont h5 { position: relative; width: 170px; height: 70px; padding: 100px 0 0; border-radius: 50%;  background: rgba(13,132,182,0.7); margin: 0 auto; }
.classCurriculumCont h5 span { display: block; color: #fff  }
.classCurriculumCont h5 span.phase { font-size: 30px;  }
.classCurriculumCont h5 span.en { font-size: 14px; line-height: 1.2em; opacity: 0.7 }
.classCurriculumCont h5 span.phaseH5 {position: absolute; top: 195px;color: rgba(13,132,182); font-size: 20px;width: 100%; font-weight: 400}
.classCurriculumCont h6 { font-size: 16px; padding:55px 0 20px 0; line-height: 1.3em; background: url(/base/img/images/decoBar4.gif) no-repeat center 107px }
.classCurriculumCont ul { padding: 0 15px; }
.classCurriculumCont li { text-align: left; color: #777; padding: 5px 0 5px 12px; line-height: 1.25em; word-break: keep-all; background: url(/base/img/images/decoDot2.gif) no-repeat 0 12px; } 
*/

.h3_1 { font-size: 26px; font-weight: 400; padding: 20px 0 15px 0; }

.b40_go1 .contentTable,
.b30_go2 .contentTable { margin: 100px 0 50px 0; }

/* b50 joong3 */
.b50 .h4 {text-align: center; font-weight: 300;padding-bottom:20px; line-height: 1.6em;}
.b50 .h4 .sp1 { color: #000; font-size: 40px}
.b50 .h4 .sp2 { color: #1980a3; font-size:32px; }
.b50_program { background: url(/base/img/images/b50_program.png) no-repeat center 50px; position: relative; height: 600px; }
.b50_11, .b50_12, .b50_13, .b50_14 { position: absolute; right: 0; top:15px; width: 380px;}
.b50_11,
.b50_13 { left: 0; text-align: right; }
.b50_13,
.b50_14 { top: 280px; }
.b50_program h5 { text-align: right; font-size: 20px; color: #000; font-weight: 400; padding:60px 0 20px 0; }
.b50_12 h5,
.b50_14 h5 {text-align: left}
.b50_11 .list1 li,
.b50_13 .list1 li { padding: 2px 12px 3px 0;background-position: right 10px }
.b50 .contentTable { margin-bottom: 80px }
.b50_program3 { background:#fff url(/base/img/images/b50_program3.png) no-repeat center 430px; height: 1350px; position: relative;padding: 0 0 50px 0}
.b50_program3 h5 { font-size: 20px; color: #000; font-weight: 300; padding: 5px 0 12px 0;}
.b50_program3 h5 strong { color: #1980a3 ;border-bottom: solid 1px #3dc8c6; font-size: 30px}
.b50_program3 h5 span {font-weight: 300;color: #666}
.b50_program3 div p{ color: #777; padding: 5px 0; }
.b50_program3 .btn.pri { display:block; width:600px; margin:-60px auto 0 auto; padding:20px 0; text-align:center; font-size:18px; font-weight:400}

.b50_program31 {text-align: center; padding-top: 50px;}
.b50_program32,
.b50_program33,
.b50_program34 {position: absolute; right: 0;top: 450px; width: 430px; line-height: 1.3em}
.b50_program33 { top: 590px; width: 400px; }
.b50_program34{ top: 740px; width: 470px; }
.b50_program35,
.b50_program36,
.b50_program37 {position: absolute; left: 0;top: 450px; width: 430px;text-align: right;}
.b50_program36 { top: 590px; width: 400px; }
.b50_program37{ top: 740px; width: 470px; }


.b50_picture { margin: 540px 0 150px 0  }
.b50_picture:after { display: block; clear: both;content: "" }
.b50_picture div { width: 24%; margin: 20px 0 20px 1%; float: left; height: 200px; border:solid 1px #ededed; background: #fff no-repeat center; background-size: cover; position: relative;}
.b50_picture div:first-child { margin-left: 0px; }
.b50_picture div span { display: block; text-align: center;width: 100%; padding: 10px 0;  border:solid 1px #ededed; background: rgba(0,0,0,0.07); position: absolute; top: 200px; left: -1px; }

.b50_program4 {}
.b50_program4:after { display: block; content: ""; clear: both; }
.b50_program4 .container div{ width: 14.5%; padding: 0 0 0 2%; float: left; border-left: solid 1px #ededed}
.b50_program4 div.step1 {border-left: none; padding-left: 0}
.b50_program4 div span { display: block;width: 100px;height: 57px; padding: 43px 0 0 0; background: #426381; color: #fff;text-align: center; border-radius: 50%;  }
.b50_program4 div h5 { font-size: 26px; color: #000; padding:25px 0 15px 26px; }
.b50 .h3 { font-size: 40px ; padding:130px 0 50px 0}
.b50 .h3 strong { color: #1980a3; font-weight: 300; border-bottom:solid 1px #3dc8c6; line-height: 1.4em}




/* c00 */
/* c10 µðÀÚÀÎÇаú °¡À̵å */
.c10 .h3 span {border-bottom:solid 1px #3dc8c6;}

.c10 h3,
.b20 h3 { padding-top:130px}
.c10 h4 { clear: both;}
.c10 h5 { font-size: 16px; margin: 14px 0 0 0; font-weight: 400; border:solid 1px #00a4cb; display: inline-block; padding: 3px 0; width: 140px; text-align: center; float: left; clear: both; }
.c10 h5+p { margin: 10px 0 0 0 }
.divContent1,
.divContent2 p { line-height: 1.4em; word-break: keep-all; font-size: 16px}
.divContent1 p { padding: 2px 0 8px 0; font-size: 16px }
.divContent2 p { padding: 2px 0 8px 0; float: right; width: 980px; font-size: 15px }
.divContent1:after,
.divContent2:after { display: block; content: ""; clear: both }
.c10Img { margin: 40px 0 70px 0; }

.c10.jsHeaderTopTab .jsTab,
.b20.jsHeaderTopTab .jsTab{ position: fixed; width: 1150px;top: 0px; padding: 30px 0 40px 0; background: #f9f9f9; z-index: 500;
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 70%, rgba(249,249,249,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(70%, rgba(249,249,249,1)), color-stop(100%, rgba(249,249,249,0)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 70%, rgba(249,249,249,0) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 70%, rgba(249,249,249,0) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 70%, rgba(249,249,249,0) 100%);
background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 70%, rgba(249,249,249,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0 );
}
.b20.jsHeaderTopTab .jsTab.program2On {background: #fff; z-index: 500;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=0 );
}


/* d00 */
/* d50 */
.d50 #content article header { width: 1000px; margin: 0 auto; padding: 30px 0 0;}
.d50 #content header h3 { font-size: 28px; float: left; padding:0 40px 30px 0; font-weight: 400; line-height: 1.1em; background: url(/base/img/images/decoBar5.gif) no-repeat 93.5% 6px; }
.d50 #content header p {  font-size: 15px; padding:2px 0 0 0; word-break: keep-all; line-height: 1.4em  }
.d50 #content article ul { width: 1000px; margin: 0 auto; }
.d50 #content article li { width: 32%; padding: 5px 0.5%; float: left; text-align: center; }
.d50 #content article li span { display: block; padding:8px 0 20px 0; text-align: center;  }
.d50 #content article header:after,
.d50 #content article ul:after { content:""; clear: both; display: block; }
.d50 #content article ul:after { height: 70px; }


/* e00 */

/* e10 ÇÕ°ÝÀÚ¸í´Ü */
.e10Content { text-align:center}
.e10Content .container { font-size:0; line-height:1}

/* e20 */
.phtoListWrap a{ display: block; padding: 30px 30px 30px 320px; margin: 6px 0; height:138px ; float: left; border: solid 1px #ededed; background: #fff; position: relative; }
.phtoListWrap a:hover,
.phtoListWrap a:focus { border:#00a4cb solid 1px }
.phtoListWrap p { line-height: 1.4em; color: #777 }
.phtoListWrap .photo { background: no-repeat center; background-size: cover; display: block; width: 250px; height: 150px; position: absolute; left: 30px;top: 26px; }
.phtoListWrap .nameUniv { font-size: 24px; display: block;padding: 20px 0; }
.phtoListWrap .nameStudent { border: solid 1px #00a4cb; color: #00a4cb;  font-size: 16px; font-weight: 400; padding: 1px 30px; }
.webzine_type_img img {width: 250px; margin-top:-45%}
.webzine_type_img img[src="/base/img/images/noImage3.png"]{margin-top:-36%}
.webzine_type_img img[src="/bizdemo18779/component/board/board_22/u_image/17/1290646983_2019011_PSY.jpg"]{margin-top:-63%}
.webzine_type_img img[src="/bizdemo18779/component/board/board_22/u_image/20/1694154136_2019008YSH.jpg"]{margin-top:-25%}


.essayHeader {position: relative; padding: 45px 0; margin: 40px 0;}
.essayHeader:before { display: block;content: ""; height: 220px; width: 50%; position: absolute;left: 25%;top: 0; border: solid 4px #00a4cb  }
.essayHeader .essayMoto{ font-size: 42px; text-align: center; padding: 30px 0 0 ;height:50px; background: #f9f9f9; position: relative; }
.essayHeader .entranceUniv{ font-size: 36px; font-weight: 500; height:45px; width: 100%; background: #f9f9f9; text-align: center;position: relative; }
.entranceUnivName { color: #00a4cb }
.entranceTop { position: absolute; top: -10px; left: 60%; display: block; width: 80px; padding:20px 0 25px 0; text-align: center; background: #00a4cb; color: #fff; font-size: 16px  }
.essayContent {padding: 80px 0 30px 25%; position: relative; min-height: 300px }
.essayContent span.photo { display: block; width: 20%; height: 320px; background-size: cover; position: absolute; left: 0;top: 88px; }
.essayContent span.photo img { width:100%}
.essayContent p{ line-height: 1.3em; padding: 5px 0; }
.nameStudent { font-size: 32px; font-weight: 400; padding: 0 0 20px 0; }
.resultPhoto {margin: 110px 0 0 25%;  position:relative }
.resultPhoto img {border:solid 1px #ddd;}
.resultPhoto span { display: block; height:30px; font-size: 18px; position:absolute; top:-40px }

.webzine_type2 td { position:relative}
.webzine_type_img_td { height:185px}
 span.webzine_type_img{ position:absolute; left:30px; top:30px ;width:250px; height: 150px; display:block; z-index:51; background: no-repeat center center; background-size:cover; overflow:hidden }
.webzine_type_text_td_left .obj_value a { display:block; width:798px; height:68px; padding:100px 30px 30px 320px; line-height:1.2em; background:#fff; border:solid 1px #ededed; position:absolute; right:0; top:6px; z-index:50}
.webzine_type_text_td_left .obj_value a:hover,
.webzine_type_text_td_left .obj_value a:focus {border-color:#00a4cb}

.studentName { border: solid 1px #00a4cb;color: #00a4cb;font-size: 16px;font-weight: 400;padding: 5px 30px;; position: absolute; right:722px ; top:30px; z-index:51}
.univName {font-size:24px; position: absolute; right:0; top:65px; z-index:51; width:830px}

.postscriptContent { padding:0; transition: all 0.3s ease 0.1s; overflow: hidden; height: 0; display: none;}
.postscriptContent.on,
.postscriptWrap.on .postscriptContent { padding:40px 0 80px 0; height: auto; display: block;}
.postscriptWrap .photo {display:block; width: 250px; height: 150px; background: no-repeat center; background-size: cover; position: absolute; left: 30px;top: 30px;}
a.postscriptList { display: block; overflow: hidden; position: relative; padding: 30px 30px 30px 320px; border: solid 1px #ededed; background: #fff; }
a.postscriptList:hover,
a.postscriptList:focus { /* background: #f4f4f4; */ border: solid 1px #b9d0d6}
.studentName { display: inline-block; border: solid 1px #00a4cb; color: #00a4cb;font-size: 19px; font-weight: 400; padding: 6px 30px;}
.univName {font-size:24px; display: block;padding: 16px 0; color: #454753}
.postscriptHead { display: block; line-height: 1.3em }
input.postscriptContentClose { background:#fff url(../images/bg_input.png) no-repeat -50px -21px; padding: 5px 10px 5px 30px ; border:solid 1px #ddd; font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; border-radius: 3px; color: #666}
input.postscriptContentClose:hover,
input.postscriptContentClose:focus { background-position: -50px 9px; border:solid 1px #53b9cf; color: #0c91ad}

span.yy2019 { color: #d86c4b; font-weight: 400; letter-spacing: -1px }


/* f00 */
/* f20 ÀÔÇоȳ» */
.entranceContent:after {display: block; content: ""; clear: both; height: 50px;}
.entranceContent>div { width: 18%; padding: 0 0.5% 0 1.5%; float: left; height:280px; background: url(/base/img/images/decoBar2.png) repeat-y 0 0; }
.entranceContent .h3 { text-align: left; }
.entranceContent .h3 span { font-size: 32px; display: block }
.entranceContent ul li {padding: 12px 0; line-height: 1.3em; background: url(/base/img/images/decoBar3.gif) no-repeat 0 2px;}
.entranceContent strong {color:#f03864}
.f20 .h3 { font-size: 18px; font-weight: 400; padding:0 0 40px 0;}
.f20 .h3 span { font-weight:300; padding: 0 0 15px 0; ; color: #3dc8c6}
.entranceCatchphrase { text-align: center; font-size: 36px; padding: 20px 0 400px 0; background: url(/base/img/images/imgF15.png) no-repeat center 100px; }

/* f30 ¹Ì¼úÀû¼ºÅ×½ºÆ® */
.f30 .h3 {font-weight: 400; padding: 40px 0;}
.f30 .h3 span { font-weight: 300; font-size: 46px; padding-bottom: 18px}
.f30 #content {text-align: center;}
.pQuestion { font-size: 32px; font-weight: 400; padding: 140px 0;background: url(/base/img/images/f20Img.jpg) no-repeat center -370px; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.5) }
.pQuestion3 { font-size: 18px; width: 600px; margin: 0 auto; padding: 30px 100px 30px 200px; background: url(/base/img/images/pQuestion3.png) no-repeat center; line-height: 1.6em;  position: relative; color: #16acaa; } /* background:#3dc8c6; */
.pQuestion3 li {font-size: 18px; color: #16acaa; text-align: left;}

/* f40 ÀԽü³¸íȸ */
.f40Content { text-align:center; border: solid 1px #ccc;background:#fff; padding:0 0 50px 0; margin-bottom:20px }
.f40Content h3{ background:#ffa500; font-size:34px; padding:30px 0; color:#fff; font-weight:500}
.f40Content h4 {color:#10b5b5; font-size:34px; padding:30px 0 10px 0 ; font-weight:400; line-height:1.3em}
.f40Content h4 strong {font-weight:500}
.f40Content h4.h4_f42 { font-size:28px; font-weight:500}
.f40Content dl { width:48%; margin:0 auto; padding:10px 0 }
.f40Content dl:after { display:block; content:""; clear:both}
.f40Content dt,
.f40Content dd { float:left; width:24%; font-size:23px; text-align:right; color:#333; font-weight:400; padding:3px 1% }
.f40Content dd {width:72%; text-align:left}
.f40Content dt { padding:3px 2% 3px 0} /*background:url(/base/img/images/decoDot7.gif) no-repeat 126px 11px; */
.f40Content dl strong { font-weight:500}
.f40Content dl + dl:before { display:block; content:"";height:2px; width:400px; background:#ccc; margin: 0 auto 16px auto}
.f40Content .thEnd { color:#ccc}
.strongB{color:#017db0; font-weight:strong}

.f40Content p { font-size:20px; line-height:1.5em; padding:10px 0 20px 0; font-weight:400}
.f40Content a { display:block; width:230px; padding: 8px 0; text-align:center; font-size:17px; color:#fff; margin: 0 auto; background:#44c1c1; border-radius:3px}
.f40Content a:hover,
.f40Content a:focus { background:#37b3b3}


/* f50 */
.f50 .h3 {font-weight: 400; padding: 40px 0;}
.f50 .h3 span { font-weight: 300; font-size: 46px; padding-bottom: 18px}
.f50 h5.contact { padding:40px 0 50px 550px; margin-top:80px;  background: #888 url(/base/img/images/phoneNo.png) no-repeat 360px 35px; color: #fff; font-size: 22px;line-height: 1.8em}
.f50 h5.contact span { display: block;   }
.f50 h5.contact span.callNo { font-size: 36px }


/* f60 FAQ */
.mentFAQ { font-size: 36px; font-weight: 300; text-align: center; padding: 200px 0 30px 0; background: url(/base/img/images/f60FAQ.png) no-repeat center 0; }
h3.faqQ { font-size: 22px;padding:40px 0 30px 50px; border-top: solid 1px #ddd ;cursor: pointer;}
div.faqA {  padding: 0 0 0 50px; height: 0; opacity: 0; overflow: hidden; transition: all 0.3s ease 0s}
div.faqA p {font-size: 16px; padding: 5px 0;line-height: 1.3em; word-break: keep-all;}
div.faqA.on {  padding: 0 0 40px 50px;height: auto; min-height: 100px; opacity: 1; transition: all 0.3s ease 0s }
span.faq_Q,
span.faq_A { display: inline-block; float: left; background: #00a4cb; color: #fff; font-size: 22px; padding: 3px 8px 7px 8px; margin:0 12px 0 -50px; border-radius: 3px}
span.faq_A { background: #fff; color: #00a4cb; border:solid #00a4cb 1px; padding-bottom: 5px }

/* content common*/
.h3 { font-size: 52px; text-align: center; padding: 40px 0 20px 0; line-height: 1.2em; }
.h3 span { color: #000}
.h4 { font-size: 26px; color: #4e4e4e; font-weight: 400; padding:54px 0 12px 0; }
.p1 { padding: 12px 0; font-size: 16px; line-height: 1.4em; font-weight: 300 }
.p1Small { padding: 15px 0 20px 0; font-size: 15px; color: #844d21 }
.strongUnderline { color: #000; font-size: 18px ;color:#f03864}

.list1 li { line-height: 1.2em; padding: 2px 0 3px 12px; background: url(/base/img/images/decoDot5.gif) no-repeat 0 10px; }
.list2 li { line-height: 1.2em; padding: 2px 0 3px 10px; background: url(/base/img/images/decoDot6.gif) no-repeat 0 10px; font-size: 14px; word-break: keep-all; }


/* cafe24 table Design Modify */
.jsTable.table td.formmail_title_bgcolor {background:#f0efed; font-weight: normal; color: #777}
.jsTable input[name="receiver_email"],
.jsTable input[name="address"],
.jsTable textarea[name="description"] {width:97%}



/* ȸ¿øÁ¤º¸/°ü¸® */
/* z10 login */
.login_box {background:#fff}

.loginTitle { font-size:42px; padding:0 0 5px 0; color:#52a2bd }
.loginTitle+p {border-bottom: solid 1px #ededed; padding:5px 0 20px 0}
.member_txt {padding: 5px;}
.member_txt td {padding: 5px;border-bottom: 1px solid #e5e5e5}

.member_border {padding:5px;;border:1px solid #e5e5e5;background:#f5f5f5}
.member_td_bgcolor {background-color:#f5f5f5;}

ul.member_list {margin:10px 0 0 0;}
ul.member_list li {margin:0 0 15px 0;}
ul.member_list li input {margin:-2px 0 0 0; vertical-align:middle;}
.member_divide {width:100%;  border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.member_divide th {padding:7px 10px 6px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.member_divide td {padding:5px 10px 4px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.member_divide td.member_list_bg {color:#555; background:#f7f7f7;}
.member_divide td.member_cont {height:170px; padding:15px 10px; vertical-align:top; border-right:none; border-bottom:none;}

.member_info dt {clear:both; float:left; width:100px; height:13px; margin:0 0 5px 0; padding:4px 0 0 0;}
.member_info dt input {margin:-2px 0 0 0; vertical-align:middle;}
.member_info dt.foreigner_info {width:220px; margin:0;}
.member_info dd {margin:0 0 5px 0;}
.member_info dd.foreigner_info2 {float:left; margin:2px 0 0 0;}
.login_box { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px;color:#555; }
.login_box .txt_01 { text-align:right; padding-right:10px;  }
.login_box .box { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; width:100%; background-color:#f6f6f6; }
.login_box .find { border-top:1px #eaeaea solid; margin-top:25px; padding-top:20px }

.login_box .find img {vertical-align:middle}
.login_box .find p { padding:5px 0; text-align:right;}


.join_box {padding: 20px 0 20px 300px; background:url(../../img/member/img_mem_join.gif) no-repeat; border: 1px solid #e5e5e5}
.join_inner-box {}
.join_inner-box span{display: inline-block; width: 50px;}
.join_box2 {padding: 20px 0 20px 300px; background:url(../../img/member/img_mem_join.gif) no-repeat; border: 1px solid #e5e5e5}
.join_inner-box2 {}
.join_inner-box2 span{display: inline-block; width: 50px; }

/* z20 */
.z20 .table table table td{border:none; padding:0}
.z20 .table input[type=text] { max-width:900px}
.z20 #history { display:none}
.z20 .member_txt { width:700px}
.z20 .member_td_bgcolor { width:140px; background:#f0efed}







/* commom */

/* jsTab */
.jsTab:after { display: block;content: ""; clear: both; }
.jsTab a{display: block; padding: 17px 0 0 0; height: 37px;  width: 14%; background: #fff; font-size: 18px; float: left; text-align: center; border: #ededed solid 1px ; border-left:none ;border-bottom: #52a2bd solid 1px; transition: all 0.3s ease 0.1s}
.jsTab a:first-child { border-left: #ededed solid 1px ;}
.jsTab a:hover,
.jsTab a.on { background: #52a2bd; color: #fff ; border-color: #52a2bd }
.jsTab a.on {transition: all 0.3s ease 0.3s }
.jsTab2 a {width: 50%;margin-left: -1px;}
.jsTab3 a {width: 33%;}
.jsTab3 a:first-child {width: 33.5%;}
.jsTab4 a { width: 25%; margin-left: -1px;}
.jsTab5 a { width: 20%; margin-left: -1px;}
.jsTab6 a { width: 16.5%}
.jsTab7 a { width: 14%;}
.jsTab7 a:first-child {width: 15%;}
.jsTab8 a { width: 12.5%; margin-left: -1px;}
.jsTab9 a { width: 11%; margin-left: -1px;}
.jsTab10 a { width: 10%; margin-left: -1px;}



.hidden,
.none { position: fixed; left: -9999px; }
.floatL { float: left }
.floatR { float: right }
table tr td.textL, .textL { text-align: left; }
table tr td.textR, .textR { text-align: right; }


/* contentTable º»¹®¿ë Å×À̺í */
.contentTable {border-top: #cacac9 solid 1px; margin: 0 0 20px 0}
.contentTable caption { background: #363844; color: #fff; font-size: 15px; text-align: left; padding: 12px 0; text-indent: 15px; font-weight: lighter;border-bottom: #cacac9 solid 1px; }
.contentTable caption.caption { background:none; padding: 30px 0 11px 0; text-indent: 0; border-bottom: #cacac9 solid 1px; }
.contentTable caption.caption span{ background: #363844; color: #fff; font-size: 16px; padding: 6px 20px; border-radius: 16px 0 }
.contentTable thead th { background: #e1dfdb;padding:20px 10px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em }
.contentTable tbody th,
.contentTable tbody td { border:#e1e1e0 solid 1px ; padding:15px; background: #fff; line-height: 1.3em; border-top:none; text-align: center;}
.contentTable tbody th { background:#f0efed; font-weight: normal; color: #777}

/* jsTable °Ô½ÃÆÇ ¼öÁ¤ .jsTable thead td{text-align:center; background: #e1dfdb;padding: 14px 10px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em; font-size:15px }
.f10 table tbody td{ color:#999}
td.bbsnewf5 { text-align:left}

.boardSearchArea { height:60px; border:solid 1px #ededed; background:#fff; position:relative}
select.cateform,
input.keywordform,
#post_area {margin:30px 0; background:#fff}
*/


td.view_cell_btn { padding:20px 0; position:relative; height:80px}

#post_area {padding:30px 0; background:#fff}
.b60_eduMovie #post_area,
.d20 #post_area,
.e20 #post_area { background:none }
.est_btn_cell input.iconSearch { position:absolute; left:390px; top:12px}
select.cateform { left:300px}
.est_btn_cell input.iconSearch {left:700px; top:14px;}

.item_cell_value.title1 { padding-bottom: 25px; font-size:18px; color:#000}
.item_cell_value.titleWriter,
.item_cell_value.titleWDate { position:absolute; right:125px; top: 0; font-size:15px; color:#999}
.item_cell_value.titleWDate {right:25px; top: 0}

.iconWrite,
.iconList,
.iconModify,
.iconDelete { position:absolute; right:96px; top:20px}
.iconList { right: 0; }
.iconModify { right: 192px; }
.iconDelete { right: 288px; }



/* ±Û¸ñ·Ï */
#container_list{}
#container_list td { font-size:15px; color:#777}
#container_list #cafe_bbs_list_table{width:100%}
#container_list #cafe_bbs_list_table .list_cell_titles{ padding:0}
#container_list #cafe_bbs_list_table .list_cell_items{ padding:0}
/* ±Û¸ñ·Ï - titleWrap */
#container_list #cafe_blt_titleWrap{width:100%;}
#container_list #cafe_blt_titleWrap td{ background: #e1dfdb;line-height: 1.3em; font-size:15px; text-align:center; padding:15px 0 }
#container_list #cafe_blt_titleWrap .titleWrap_cell_admin{;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{width:80px}
#container_list #cafe_blt_titleWrap .titleWrap_group2{}
#container_list #cafe_blt_titleWrap .titleWrap_group3{width:120px}
#container_list #cafe_blt_titleWrap .titleWrap_group4{width:120px}
#container_list #cafe_blt_titleWrap .titleWrap_group5{;}
#container_list #cafe_blt_titleWrap .titleWrap_group6{;}
/* ±Û¸ñ·Ï - ÄÚ¸àÆ® °¹¼ö Ç¥½Ã */
#container_list .char_cmt_num{color:#F30;padding:2px 0 2px 15px;}
/* ±Û¸ñ·Ï - new ¹®ÀÚ Ç¥½Ã */
#container_list .char_new{color:#F30;}
/* ±Û¸ñ·Ï - hit ¹®ÀÚ Ç¥½Ã */
#container_list .char_hit{color:#F30;}
/* ±Û¸ñ·Ï - image ¹®ÀÚ Ç¥½Ã */
#container_list .char_image{color:#F30;}
/* ±Û¸ñ·Ï ¸¶¿ì½º ¿À¹ö½Ã */
#container_list .trover{background-color:#EEE;}
/* ±Û¸ñ·Ï - Paging Line */
#container_list #paging_table{width:100%;}
#container_list #paging_table tr{height:27px}
#container_list #paging_table .ept_btn_cell{width:5%}
.ept_btn_cell { position:relative}
.ept_btn_cell .iconWrite {right:0; top:0}
#container_list #paging_table .ept_link_area{width:95%}
/* ±Û¸ñ·Ï - Search Line */
#container_list #ext_search{padding-left:200px;}
#container_list #ext_search #search_table{width:260px;}
#container_list #ext_search #search_table .est_btn_cell{}
#container_list #ext_search #search_table .est_keyword_cell{}
#container_list #ext_search #search_table .est_cate_cell{}
#container_list #ext_search #search_table .keywordform{}
#container_list #ext_search #search_table .dateform{}
/* ±Û¸ñ·Ï - Category Line - ¼¿·ºÆ®Çü */
#container_list #category_sel{height:30px;}
/* ±Û¸ñ·Ï - Category Line - ¸Þ´ºÇü*/
#container_list #category_navi{height:30px;text-indent:12px;overflow:visible;}
#container_list #category_navi div{float:left;cursor:pointer;padding:7px;}
#container_list #category_navi .selected{color:#F30;}
/* ±Û¸ñ·Ï - Admin Line */
#container_list #ext_admin{}
#container_list #ext_admin #admin_table{width:100%;}
#container_list #ext_admin #admin_table .item_content{padding: 5px;}
.item_content { position:relative}
.item_content .iconDelete { right:0; top:0}
#container_list #ext_admin #admin_table .btn_del{}
#container_list #ext_admin #admin_table .btn_move{}
#container_list #ext_admin #admin_table .btn_copy{}
/* ±Û¸ñ·Ï - informationValue(ÀÛ¼ºÀÚ,ÀÛ¼ºÀÏ µî) */
#container_list .infor_table{width:100%;}
#container_list .infor_table .item_left{}
#container_list .infor_table .item_right{}
#container_list .infor_table .inline{}
/* ±Û¸ñ·Ï - ¸®½ºÆ®Çü */
#container_list .general_item_table{width:100%;}
#container_list .general_item_table tr{}
#container_list .general_item_table td{text-align:center; padding:10px 0;}
#container_list .general_item_table .item_cell_admin{width:30px;}
#container_list .general_item_table .item_cell_subject{text-align:left; color:#000}
#container_list .general_item_table .item_group1{ width:80px}
#container_list .general_item_table .item_group2{}
#container_list .general_item_table .item_group3{ width:120px}
#container_list .general_item_table .item_group4{ width:120px}
#container_list .general_item_table .item_group5{}
#container_list .general_item_table .item_group6{}
/* ¸®½ºÆ®Çü - ¦¼öÁÙ */
#container_list .general_item_table .item-line-0{background-color: #fdfdfd;border-bottom:solid 1px #ededed}
/* ¸®½ºÆ®Çü - Ȧ¼öÁÙ */
#container_list .general_item_table .item-line-1{background-color: #FFF;border-bottom:solid 1px #ededed}
/* ±Û¸ñ·Ï - FAQÇü */
#container_list .faq_item_table{}
#container_list .faq_item_table td{padding:5px;}
#container_list .faq_item_table .item_cell_admin{;text-align:center;}
#container_list .faq_item_table .item_cell_cate{;text-align:center;border-right:1px solid #EEE;}
#container_list .faq_item_table .item_cell_subject{;}
/* FAQÇü - ¦¼öÁÙ */
#container_list .faq_item_table .item-line-0{background-color: #F6F6F6;}
/* FAQÇü - Ȧ¼öÁÙ */
#container_list .faq_item_table .item-line-1{background-color: #FFF;}
/* ±Û¸ñ·Ï - ¿ä¾àÇü */
#container_list .summ_item_table{width:100%;}
#container_list .summ_item_table .item_cell_subject{padding:5px;}
#container_list .summ_item_table .item_cell_content{padding:5px}
#container_list .summ_item_table .item_cell_infor{padding:5px;text-align:right;}
/* ¿ä¾àÇü - ¦¼öÁÙ */
#container_list .summ_item_table.item-line-0{}
/* ¿ä¾àÇü - Ȧ¼öÁÙ */
#container_list .summ_item_table.item-line-1{background-color:#FFF;}
/* ±Û¸ñ·Ï - ¿ä¾àÇü split line */
#container_list .summ_item_table_split{width:100%}
#container_list .summ_item_table_split tr{height:1px;overflow:hidden;}
#container_list .summ_item_table_split .cell_left{width:1%;}
#container_list .summ_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .summ_item_table_split .cell_right{width:1%;}
/* ±Û¸ñ·Ï - À¥ÁøÇü */
#container_list .web_item_table{width:100%;}
#container_list .web_item_table td{padding:5px;}
#container_list .web_item_table .item_cell_media{width:20%;text-align:center;}
#container_list .web_item_table .item_cell_main{width:80%;}
#container_list .web_item_table .wit_item_table{width:100%;}
#container_list .web_item_table .wit_item_table td{padding:5px;}
#container_list .web_item_table .wit_item_table .item_cell_subject{}
#container_list .web_item_table .wit_item_table .item_cell_content{}
#container_list .web_item_table .wit_item_table .item_cell_infor{text-align:right;}
/* À¥ÁøÇü - ¦¼öÁÙ */
#container_list .web_item_table.item-line-0{}
/* À¥ÁøÇü - Ȧ¼öÁÙ */
#container_list .web_item_table.item-line-1{background-color:#FFF;}
/* ±Û¸ñ·Ï - À¥ÁøÇü split line */
#container_list .web_item_table_split{width:100%}
#container_list .web_item_table_split tr{height:1px;overflow:hidden;}
#container_list .web_item_table_split .cell_left{width:1%;}
#container_list .web_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .web_item_table_split .cell_right{width:1%;}
/* ±Û¸ñ·Ï - °¶·¯¸®Çü */
#container_list .gallery_item_table{width:162px;float:left;}
#container_list .gallery_item_table .item_cell_top_margin{height:5px;}
#container_list .gallery_item_table .item_cell_foot_margin{height:5px;}
#container_list .gallery_item_table .item_cell_media {text-align:center; padding:8px; line-height:1.1em}
#container_list .gallery_item_table .item_cell_subject{text-align:center;padding:5px;}
#container_list .gallery_item_table .item_cell_subject span { line-height:1.2em; color:#333; padding-bottom:10px;}
#container_list .gallery_item_table .item_cell_infor{}
#container_list .gallery_item_table .item_cell_infor .infor_table{width:100%}
#container_list .gallery_item_table .item_cell_infor .infor_table .item_left{width:50%;text-align:right;padding-right:3px;}
#container_list .gallery_item_table .item_cell_infor .infor_table .item_right{width:50%}
/* ±Û¸ñ·Ï - °¶·¯¸®Çü split line */
#container_list .gallery_item_table_split{width:100%}
#container_list .gallery_item_table_split tr{height:1px;overflow:hidden;}
#container_list .gallery_item_table_split .cell_left{width:1%;}
#container_list .gallery_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .gallery_item_table_split .cell_right{width:1%;}

/* ±Ûº¸±â */
#container_view{}
#container_view #cafe_bbs_view_table{width:100%;}

#container_view #cafe_bbs_view_table .view_cell_rate{}
#container_view #cafe_bbs_view_table .view_cell_comm_action{}
#container_view #cafe_bbs_view_table .view_cell_comm{}
#container_view #cafe_bbs_view_table .view_cell_comm_list{}

/* ±Ûº¸±â - ¸ÞÀÎ */
#container_view #cafe_bbs_view_table #view_main_table{width:100%;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_subject{ display:none; width:15%;height:25px;text-align:right;padding-right:10px;border-right:1px solid #EEE;color:#000;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_value{ }
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content{line-height:1.3em;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
/* ±Ûº¸±â - ÅõÇ¥ */
#container_view #cafe_bbs_view_table #view_rate_table{width:100%}
#container_view #cafe_bbs_view_table #view_rate_table .rate_theme{height:28px;text-indent:17px;border-top:1px solid #EEE;}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance{}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_star{text-align:center;padding:5px;}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_item{}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_btn{padding:5px;text-align:right;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table{width:100%}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table td{padding:3px;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_exam{text-align:right;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_graph{width:80%;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_num{width:10%;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_foot{padding:5px;text-align:right;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .rate_graph{height:12px;background-color:#F30;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .char_rate{}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .char_total{color:#F30;}
/* ±Ûº¸±â - ÄÚ¸àÆ® ±Û¾²±â */
#container_view #cafe_bbs_view_table #view_comm_table{width:100%}
#container_view #cafe_bbs_view_table #view_comm_table td{padding:6px;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_top_margin{height:5px;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_foot_margin{height:5px;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_subject{width:10%;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_value{width:90%;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_content{}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_char{}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_btn{text-align:center}
#container_view #cafe_bbs_view_table #view_comm_table .input_name{}
#container_view #cafe_bbs_view_table #view_comm_table .input_pass{}
#container_view #cafe_bbs_view_table #view_comm_table .input_textarea{width:100%;overflow:auto}
#container_view #cafe_bbs_view_table #view_comm_table .input_char{}
/* ±Ûº¸±â - ÄÚ¸àÆ® ¸®½ºÆ® */
#container_view #cafe_bbs_view_table .view_comm_list_table{width:100%}
#container_view #cafe_bbs_view_table .view_comm_list_table td{padding:6px;}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_top_margin{height:5px}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_foot_margin{height:5px}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_subject{height:30px;}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_content{}
#container_view #cafe_bbs_view_table .view_comm_list_table .cmt_name_area{}
#container_view #cafe_bbs_view_table .view_comm_list_table .cmt_date_area{}
#container_view #cafe_bbs_view_table .view_comm_list_table .cmt_btn_area{}
/* ±Ûº¸±â - ÄÚ¸àÆ® ¸®½ºÆ® split line */
#container_view #cafe_bbs_view_table .view_comm_list_table_split{width:100%}
#container_view #cafe_bbs_view_table .view_comm_list_table_split tr{height:1px;overflow:hidden;}
#container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_left{width:1%;}
#container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_center{width:98%;background-color:#EEE;}
#container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_right{width:1%;}
/* ±Ûº¸±â - ¹öÆ° ¿µ¿ª */
#container_view #cafe_bbs_view_table #view_btn_table{width:100%}
#container_view #cafe_bbs_view_table #view_btn_table td{}
#container_view #cafe_bbs_view_table #view_btn_table .left_area{width:40%;}
#container_view #cafe_bbs_view_table #view_btn_table .right_area{width:60%;text-align:right;}
/* ±Û¾²±â */
#container_write{}
#container_write #cafe_bbs_write_table{width:100%;}
#container_write #cafe_bbs_write_table .write_cell_main{}
#container_write #cafe_bbs_write_table .write_cell_btn{}
/* ±Û¾²±â - ¸ÞÀÎ */
#container_write #cafe_bbs_write_table #write_main_table{}
#container_write #cafe_bbs_write_table #write_main_table .item_cell_subject{height:25px;padding-right:10px;border-right:1px solid #EEE;}
#container_write #cafe_bbs_write_table #write_main_table .item_cell_value{padding-left:10px;}
#container_write #cafe_bbs_write_table #write_main_table .item_cell_content{}
#container_write #cafe_bbs_write_table #write_main_table .input_form{}
#container_wrtie #cafe_bbs_write_table #write_main_table .input_colorpick{}
#container_write #cafe_bbs_write_table #write_main_table .input_textarea{}
/* ±Û¾²±â - ¹öÆ° ¿µ¿ª */

#write_btn_table td { padding-top:15px}
#container_write #cafe_bbs_write_table #write_btn_table tr{height:35px;}
#container_write #cafe_bbs_write_table #write_btn_table .left_area{width:89%;}
#container_write #cafe_bbs_write_table #write_btn_table .right_area{width:11%; text-align:right}
/* ÇöÀç ¼±ÅÃÇÑ ±Û */
#container_list .curr_article{background-color:#CCCCCC !important;}
/* ETC */
.clear{clear:both;height:0;overflow:hidden;}
.public_input{border:1px solid #DDD;}
.public_btn{border:1px solid #EEE;background-color:#FFF;}
.split_line{height:1px;background-color:#EEE;overflow:hidden;}


.ept_link_cell { text-align: center; padding: 15px 0 30px 0;position: relative;}
.ept_link_cell a,
.ept_link_cell strong,
.ept_link_cell b { display: inline-block; height: 28px; width: 38px; padding: 6px 0 0; border: solid 1px #ddd; background: #fff; margin: 0 -6px;overflow: hidden; }
.ept_link_cell a:hover,
.ept_link_cell a:focus { background-color: #ddd }
.ept_link_cell strong,
.ept_link_cell b { background: #777; color: #fff; border-color:#777; }

#ext_search { height:60px; border:solid 1px #ededed; background:#fff; position:relative}
select.cateform,
input.keywordform,
.est_btn_cell input.btn { position:absolute; left:390px; top:12px}
select.cateform { left:300px}
.est_btn_cell input.btn {left:700px; top:14px; border-radius:0 3px 3px 0}



 /* table */
.table {border-top: #cacac9 solid 1px; margin: 0 0 20px 0}
.table caption { background: #363844; color: #fff; font-size: 15px; text-align: left; padding: 12px 0; text-indent: 15px; font-weight: lighter;border-bottom: #cacac9 solid 1px; }
.table caption.caption { background:none; padding: 30px 0 11px 0; text-indent: 0; border-bottom: #cacac9 solid 1px; }
.table caption.caption span{ background: #363844; color: #fff; font-size: 16px; padding: 6px 20px; border-radius: 16px 0 }
.table thead th { background: #e1dfdb;padding: 10px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em; font-size:15px }
.table tbody th,
.table tbody td { border:#e1e1e0 solid 1px ; padding: 8px 15px; background: #fff; line-height: 1.3em; border-top:none;  font-size:15px}
.table tbody th { background:#f0efed; font-weight: normal; color: #777}
.table tbody th label {color: #777}
.table tbody td {  }
.table tbody td.no_data { text-align: center; }
.table label { margin-right:10px; }
.table td.title,
.table td.msg_content { text-align: left }
/* ¿ÞÂÊ Á¤·ÄÀÎ Å×À̺í */
.table10 tbody th,
.table10 tbody td { text-align: left; }

/* °¡¿îµ¥ Á¤·ÄÀÎ Å×À̺í */
.table20 tbody th,
.table20 tbody td { text-align: center;}
.pageNav { text-align: center; padding: 15px 0 30px 0;position: relative;}
.pageNav a,
.pageNav strong,
.pageNav b { display: inline-block; height: 26px; width: 38px; padding: 12px 0 0; border: solid 1px #ddd; background: #fff; margin: 0 -6px;overflow: hidden; }
.pageNav a.btnFirst,
.pageNav a.btnBefore,
.pageNav a.btnNext,
.pageNav a.btnLast{ background: #f0f0f0 url(/base/img/images/btn_pagenation.png) no-repeat 0 0; text-indent: -9999px;  }
.pageNav a.btnBefore { background-position: -38px 0 }
.pageNav a.btnNext { background-position: -76px 0 }
.pageNav a.btnLast { background-position: -114px 0 }
.pageNav a:hover,
.pageNav a:focus { background-color: #ddd }
.pageNav strong,
.pageNav b { background: #777; color: #fff; border-color:#777; }
.pageNav .paging :first-child { border-radius: 8px 0 0 8px }
.pageNav .paging :last-child { border-radius: 0 8px 8px 0}

/* °Ô½ÃÆÇ ÀÌÀü ´ÙÀ½ ¸ñ·Ï*/
.pageNav2 { padding: 50px 0; }
.pageNav2 a { display: inline-block; padding: 11px 10px 0 46px; height: 24px; border:solid 1px #ededed; background:#fff url(/base/img/images/pageNav2.png) no-repeat 0 -1px;  }
.pageNav2 a:hover,
.pageNav2 a:focus { background-color:#ededed }
a.btnBefore2,
a.btnNext2 {font-size: 0;padding: 11px 17px 0 17px;}
a.btnNext2 { background-position: 0 -38px }
 
a.btnList2 { float: right; background-position: 5px -74px  }
/* btn */
.btn {background: #777; color: #fff; font-size: 14px; border:none; border-radius: 4px; padding: 5px 30px  }
.btn:hover, .btn:focus {color: #fff; background-color: #666 }
.pri {background:#3dc8c6}
.pri:hover, .pri:focus {background-color:#36c0be}
.wrn {background:#ed8f14}
.wrn:hover, .wrn:focus {background-color:#dc8b22}
.dis { opacity: 0.5; cursor: default; }
.big {padding: 12px 140px; font-size: 20px;}

.btnArea { text-align: right; padding:0 0 30px 0; clear: both; }
.btnArea .btn { padding:10px 30px; border-radius: 4px; display: inline-block; text-align:center}
.btnAreaCenter {padding:40px 0 0; clear: both; text-align: center; }

.f30 .btnArea
.f40 .btnArea,
.f50 .btnArea {text-align:center;}
.f30 .btnArea .btn,
.f40 .btnArea .btn,
.f50 .btnArea .btn { padding:0;}

article.jsDiv .btnArea { text-align: center;border-top:solid 1px #ebebeb; padding: 14px 0}

.btn2Del { background: #fff url(/base/img/images/bg_input.png) no-repeat -60px 0px; border:#00a2c5 solid 1px;  display: inline-block; width: 15px;height: 15px; border-radius: 4px; overflow: hidden; vertical-align: middle; text-indent: -9999px; margin: -2px 12px 0 2px }
.btn2Del:hover,
.btn2Del:focus { background: #00a2c5 url(/base/img/images/bg_input.png) no-repeat -60px -60px;}
/* checkbox / radio */
input[type="checkbox"] + label::before,
input[type="checkbox"]:checked + label::before { cursor: pointer; content:""; display:inline-block; width: 18px;height: 18px; background: url("/base/img/images/bg_input.png") no-repeat 0 -30px; margin: 0 8px 3px -20px; vertical-align: middle }
input[type="checkbox"]:hover + label::before,
input[type="checkbox"]:focus + label::before {background-position: 0 -60px}
input[type="checkbox"]:hover + label,
input[type="checkbox"]:focus + label { color: #00b2d9 }
input[type="checkbox"]:checked + label::before { background: url("/base/img/images/bg_input.png") no-repeat 0 0;  }
input[type="checkbox"]:checked + label { color: #00b2d9 }

input[type="radio"] + label::before,
input[type="radio"]:checked + label::before { cursor: pointer; content:""; display:inline-block; width: 18px;height: 18px; background: url("/base/img/images/bg_input.png") no-repeat -30px -30px; margin: 0 8px 3px -20px; vertical-align: middle;  }
input[type="radio"]:hover + label::before,
input[type="radio"]:focus + label::before {background-position: -30px -60px;}
input[type="radio"]:hover + label,
input[type="radio"]:focus + label { color: #00b2d9 }

input[type="radio"]:checked + label::before { background: url("/base/img/images/bg_input.png") no-repeat -30px 0;  }
input[type="radio"]:checked + label { color: #00b2d9 }

/* input */
.input,
input[type="text"],
input[type="select"],
input[type="password"],
select,
textarea { border: solid 1px #e3e3e3; border-radius: 3px; background: #f8f8f8; padding: 0 10px; margin: 2px; height: 32px; line-height: 1em;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
select,
select.input {padding: 0 0 0 10px; }
textarea.input { height: auto; }

input[type="text"]:hover,
input[type="text"]:focus,
input[type="select"]:hover,
input[type="select"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus,
.input:hover,
.input:focus { border-color:#40b2cd; }

.input02 { width: 2% }
.input03 { width: 3% }
.input04 { width: 4% }
.input05 { width: 5% }
.input06 { width: 6% }
.input07 { width: 7% }
.input08 { width: 8% }
.input09 { width: 9% }
.input10 { width: 10% }
.input15 { width: 15% }
.input20 { width: 20% }
.input25 { width: 25% }
.input30 { width: 30% }
.input35 { width: 35% }
.input40 { width: 40% }
.input45 { width: 45% }
.input50 { width: 50% }
.input55 { width: 55% }
.input60 { width: 60% }
.input65 { width: 65% }
.input70 { width: 70% }
.input75 { width: 75% }
.input80 { width: 80% }
.input85 { width: 85% }
.input86 { width: 86% }
.input87 { width: 87% }
.input88 { width: 88% }
.input89 { width: 89% }
.input90 { width: 90% }
.input95 { width: 95% }
.input98 { width: 98% }
.input99 { width: 99% }
.width02,
.width03,
.width04,
.width05,
.width06,
.width07,
.width08,
.width09,
.width10,
.width15,
.width20,
.width25,
.width30,
.width35,
.width40,
.width45,
.width50,
.width55,
.width60,
.width65,
.width70,
.width75,
.width80,
.width85,
.width86,
.width87,
.width88,
.width89,
.width90,
.width95,
.width98 { position: relative; margin: 0 auto }
.width02 { width: 2% }
.width03 { width: 3% }
.width04 { width: 4% }
.width05 { width: 5% }
.width06 { width: 6% }
.width07 { width: 7% }
.width08 { width: 8% }
.width09 { width: 9% }
.width10 { width: 10% }
.width15 { width: 15% }
.width20 { width: 20% }
.width25 { width: 25% }
.width30 { width: 30% }
.width35 { width: 35% }
.width40 { width: 40% }
.width45 { width: 45% }
.width50 { width: 50% }
.width55 { width: 55% }
.width60 { width: 60% }
.width65 { width: 65% }
.width70 { width: 70% }
.width75 { width: 75% }
.width80 { width: 80% }
.width85 { width: 85% }
.width86 { width: 86% }
.width87 { width: 87% }
.width88 { width: 88% }
.width89 { width: 89% }
.width90 { width: 90% }
.width95 { width: 95% }
.width98 { width: 98% }

@media ( max-width: 1600px ) {
 #mContent4 h4 { padding: 0; }
 #mContent4 h4::before {height: 350px;}
 #mContent5 .map { height: 400px }
}
@media ( max-width: 1280px ) {
}
@media ( max-width: 1024px ) {
  .index .section .topBanner{ overflow: hidden; }
}
@media ( min-width: 800px ) {
}
@media ( min-width: 640px ) {
}
@media ( min-width: 480px ) {
}