@charset "euc-kr"; 

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

html, body {display: block;height: 100%; width: 100%; min-width: 1050px; 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="image"],
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: 1*/

/* layout */
body {}
.container { width: 1000px;padding:0 25px; margin: 0 auto; position: relative }
.container:after { display: block; content: ""; clear: both; }

.header { background: url(/images2019/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: 8px 12px 0 12px; height: 50px; font-size: 19px; 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 { height: 0; overflow: hidden; position: absolute; left: 345px; opacity: 0; transition: all 0.2s ease 0.1s}
header nav ul .a00 ul {left: 325px;}
header nav ul .b00 ul {left: 308px;}
header nav ul .c00 ul {left: 556px;}
header nav ul .e00 ul {left: 430px;}
header nav ul .d00 ul,
header nav ul .f00 ul {right: 8px; left:inherit}

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: 40px; 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 0 0; font-size:16px; height: 16px }
#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.c19 header nav ul li.c19 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: 360px; float: left; }
#h1 a { display: block; height: 38px; background: url(/images2019/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(/images2019/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(/images2019/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; font-weight: 400; color: #3374a1 }
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(/images2019/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(/images2019/btnTop.png) no-repeat center; }
.btnTop:hover,
.btnTop:focus { background-color: #e3e3e3 }

/* subPage header */
.section { padding-bottom: 80px ;  background: #f9f9f9 /*  url(/images2019/bg.png) no-repeat center -40px */}
.section header ol { float: right; text-align: right;  }
.section header .container { padding: 32px 0 60px 0; background: url(/images2019/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(/images2019/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 }
.index footer {border:none}
.event { background:#2d3f53; padding: 16px 0 }
.event p{font-size: 0 ;background:#2d3f53 url(/images2019/sampleBanner.png) no-repeat center; height: 26px;}
input.event_close {float: right; border: none; background: none; background: url(/images2019/btnClose.png) no-repeat center; width: 28px;height:28px; font-size: 0}
/* owl carousel */
.item {height: 500px;}
.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: 465px; 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(/images2019/carouselArrowR.png) no-repeat center; opacity: 0.8 ; position: absolute; top: 200px; left:50%; margin:0 0 0 570px }
  .owl-carousel .owl-nav button.owl-prev { background-image: url(/images2019/carouselArrowL.png); margin: 0 0 0 -603px }
  .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(/images2019/mContent1.png) no-repeat -25px 0; line-height: 1.2em}
.mainContent a:hover,
.mainContent a:focus { background-color: #f9f9f9; }
.mainContent a h3 { color: #000; font-size:20px; padding:35px 0 10px 0; font-weight: 400 }
.mainContent a span { color:#888; font-size: 15px;  }
a.mContent1_2 { background-position: -625px 0 }
a.mContent1_3 { background-position: -323px 0 }
a.mContent1_4 { background-position: -26px 0 }
a.mContent1_4 { background-position: -923px 0 }
a.mContent1_5 { background-position: -25px -283px }
a.mContent1_6 { background-position: -625px -280px }
a.mContent1_7 { background-position: -323px -280px }
a.mContent1_8 { background-position: -923px -280px }

.mainContent2 { margin: 30px 0 40px 0; position: relative; height: 520px; }
.mainContent2>a,
.mainContent2>p,
.mainNotice,
.phoneNo { position: absolute;left: 0;top: 0; width: 19%; height: 135px; padding:25px 3% 0 3%; display: block; }

.mainContent2>a { text-align: center; height: 145px; background:#93857b url(/images2019/mContent2.png) no-repeat -23px 0; }
a.mainContent2_2 { top: 157px; background-color: #b1a797;background-position: -23px -200px;background-position: -23px -400px ;width: 22%;padding:25px 1.5% 0 1.5%; }
a.mainContent2_3 { top: 315px; height: 145px; background-color: #8f8a86;background-position: -23px -400px }
a.mainContent2_4 { left: 25%; top: 315px; width: 44%; background:#44aec4; font-size: 30px; color: #fff}/*  background: #2d3f53 ��블� b46758 red���?*/
a.mainContent2_1:hover, a.mainContent2_1:focus {background-color: #8b7b70}
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: #35a1b8} /* #233549 */
.mainContent2 a h3 { color: #fff; font-size: 18px; padding:90px 0 0 0;font-weight: 400; }
.mainContent2 a span { color:#e9e6e1; line-height: 1.2em  }

a.mainContent2_0,
p.mainContent2_0 {left: 25%; height: 315px; width: 500px; padding:0; font-size: 0}
/*
a.mainContent2_4>span { color: #ffe87f; display: inline-block}
a.mainContent2_4 span.coText1 { color:#fff; border-bottom: solid 1px #fff; padding-bottom: 10px }
a.mainContent2_4 span.coText1 strong{ color: #FFF200; font-weight: 500; font-size: 60px; letter-spacing: -1px}
a.mainContent2_4 span.coText1 strong span {color: #FFF200; font-size: 34px; font-weight: 400}
a.mainContent2_4 span.coText2 { display: inline-block; margin: 0 auto; font-size: 23px; color: #fff; padding-top: 12px  }
a.mainContent2_4 span.coText2 strong { color:#FFF200; font-weight: 500}
*/

a.mainContent2_4 { left: 25%; top: 315px; width: 44%;text-align:center; background: #44aec4; font-size: 18px; color:#fff; line-height:1.6em}
a.mainContent2_4 strong ,
a.mainContent2_4 .go {display:block; text-align:center; color:#fff; }
a.mainContent2_4 strong {  color:#ffe42f; font-size:43px; font-weight: 500; padding:20px 0;padding: 5px 0 20px 0;letter-spacing: -1px; }
a.mainContent2_4 .yy {text-align:left;margin-left: -264px; color: #fff;}
a.mainContent2_4 .go { padding:3px 0 5px 0; width:80%; margin:8px auto 0 auto; background:rgba(52,105,143,0.8) url(http://godoart.com/base/img/images/arrow1.gif) no-repeat 70% center; text-indent:-16%; font-size:19px}


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


article.mainNotice { left: 75%; height: 210px; background: #eaebef;  }

.phoneNo {height: 225px; left: 75%; top: 235px; background: #d75e7e; color: #fff; font-size: 25px; font-weight: 300; line-height: 1.2em }
.phoneNo p { color:#fff; font-size: 28px; padding: 0 0 8px 0; line-height: 1.2em}
.phoneNo p strong { font-size: 24px }
.phoneNo p:before { display: block; width: 50px; height: 1px; background: #fff; content: ""; margin: 10px 0 8px 0; }
.phoneNo p:first-child:before { display: none }

article.mainNotice h3 { color: #000; font-size: 24px; font-weight:400; padding: 5px 0 25px 0 }
article.mainNotice img { display:none}
article.mainNotice li a { display: block; color: #666; padding: 5px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; }
article.mainNotice li a:hover,
article.mainNotice li 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(/images2019/btnMore1.png) no-repeat center;}
article.mainNotice li a.btnMore1:hover,
article.mainNotice li a.btnMore1:focus { background-color: rgba(0,0,0,0.05) }


/* sub common */

.h4	{font-size:26px}

/* a00 */
/* a10 a10_greeting 
.a10 section article { padding: 540px 0 0 110px; width: 890px; background: url(/images2019/a10GreetingBg.png) no-repeat center 48px; background-size: contain; }
.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 }
*/

.teacher1 { width: 65%; width: calc( 65% - 2px ); padding:30px 0 0 35%; margin: 0 0 30px 0; background: #fff no-repeat 0 bottom; border:solid 1px #ededed; border-radius: 4px}
.teacher1 h4 {display: inline-block; border-top:#3dc8c6 solid 1px; padding-top: 10px; color: #080808; font-size: 36px; font-weight: 400 }
.teacher1 h4 span span { color: #999; letter-spacing: -1px; font-size: 22px; font-weight: 400 }
.teacher1 h4 span span.chief { font-weight: 300; color: #777 }
.teacher1 ul { padding: 20px 0; clear: both;}
.teacher1 li { color:#333; padding:3px 0 2px 16px; font-size: 18px; line-height: 1.2em; background: url(../images2019/decoDot1.gif) no-repeat 0 9px; }
.teacher1 li strong { color: #f03864; font-weight: 400 }
.teacher1SHS {background-image:url(../images2019/teacher2SHS.jpg) }
.teacher1SHS h4 { padding-bottom:10px; border-top: none; border-bottom:  #3dc8c6 solid 1px; }
.teacher1SIH {background-image:url(../images2019/teacher2SIH.jpg) }
.teacher1SIH h4 { padding-bottom:10px; border-top: none; border-bottom:  #3dc8c6 solid 1px; }
.teacher1LEW {background-image:url(../images2019/chairman2.png); background-size: 24%; background-position: 6% bottom;}
.teacher1LEW h4 { padding-bottom:10px; border-top: none; border-bottom:  #3dc8c6 solid 1px; }
h3.slogan { padding:0 40px 0 0; float: left; }

.intro1,
.intro2,
.intro3 { line-height: 1.6em }
.intro2,
.intro3 { margin-top: 80px; }
.intro1 p,
.intro2 p,
.intro3 p { padding: 8px 0 8px 0; font-size: 17px }
p.chiefSign { text-align: right; font-weight: 400; padding-top: 20px; }
.chiefSign img { vertical-align: text-top; }

.a20Header {text-align: center }
.a20Header .h3 {font-size: 52px; font-weight: 300; padding: 60px 0 0 0; line-height: 1.2em }

.jsHeaderTopTab .a20Header .h3 { padding-top:110px}
.a20.jsHeaderTopTab .jsTab.program2On {
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 );
}

#a20_teacher1,
#a20_teacher2 { padding-bottom: 60px }
#a20_teacher2 { background: #fff; margin-bottom: -60px; border-top: solid 1px #ededed}

.a20 article.container {padding: 50px 0 0;}
.teacher { width: 27.5%; margin: 10px 0; padding: 30px 0.5% 0 21%; min-height: 250px; float: left; background: #fff; outline:solid 1px #ededed; position: relative; }
.teacher:first-child { width:50%; height: 310px; padding-top:30px; background:#fff  url(/images2019/chairman2.png) no-repeat 24% 10px; background-size:contain; padding-left:49.5%;}
.teacher h4 { color: #080808; font-size: 24px; font-weight: 400; padding: 0; }
.teacher h4 div { width: 155px; height: 220px; position: absolute;top:30px; left:30px;  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 }

.teacherKYH,
.teacherPSH,
.teacherCSS,
.teacherKJH { margin-right: 20px }
.teacherCYH,
.teacherYYJ,
.teacherOYM,
.teacherLJH {}

.teacher2Intro { height: 560px; background:#fff  url(/images2019/teacher2.jpg) no-repeat center; background-size:cover;}
.teacher2 { width: 43.5%; margin: 10px 0; padding: 30px 2.5% 0 3%; height: 245px; float: left; background: #fff no-repeat right bottom; outline:solid 1px #ededed; position: relative; }
.teacher2 h4 {display: inline-block;  position: absolute; bottom: 20px;border-top:#3dc8c6 solid 1px; padding-top: 10px; color: #080808; font-size: 24px; font-weight: 400 }
.teacher2 h4 span span { color: #999; letter-spacing: -1px; font-size: 22px; font-weight: 400 }
.teacher2 h5 { padding:85px 0 10px 0; font-size: 17px;color:#222; font-weight: 500; background: no-repeat 0 0}
.teacher2 p { padding: 10px 0 0; height:0px; color: #666; font-size: 16px; }
.teacher2:first-child p{height: 25px;}
.teacher2 p:after {display: block; width: 64px; height: 0;  border-bottom: #3dc8c6 solid 1px; content: ""; }
.teacher2:first-child p:after {height: 14px;}
.teacher2 ul { line-height: 1.3em; font-weight: 300}
.teacher2 li { color: #777; color:#333; padding:2px 0;line-height: 1.1em; font-size:14px }
.teacher2 li strong { color: #f03864; font-weight: 400 }

.teacher2SHS {background-image: url(../images2019/teacher2SHS.jpg); background-position: 0 bottom; width: 70%; padding:30px 0 0 30%; margin: 0; height: 230px;  }
.teacher2SHS h4 { right: 50px; top: 50px; padding-bottom:10px; border-top: none; border-bottom:  #3dc8c6 solid 1px; bottom: inherit;}
.teacher2BSJ {background-image: url(../images2019/teacher2BSJ.jpg)}
.teacher2HJY {background-image: url(../images2019/teacher2HJY.jpg)}
.teacher2JDS {background-image: url(../images2019/teacher2JDS.jpg); margin-right: 20px}
.teacher2JJM {background-image: url(../images2019/teacher2JJM.jpg)}
.teacher2KCG {background-image: url(../images2019/teacher2KCG.jpg)}
.teacher2KCO {background-image: url(../images2019/teacher2KCO.jpg)}
.teacher2KDH {background-image: url(../images2019/teacher2KDH.jpg)}
.teacher2KDS {background-image: url(../images2019/teacher2KDS.jpg)}
.teacher2KGH {background-image: url(../images2019/teacher2KGH.jpg)}
.teacher2KHJ {background-image: url(../images2019/teacher2KHJ.jpg)}
.teacher2KIY {background-image: url(../images2019/teacher2KIY.jpg); margin-right: 20px}
.teacher2KJJ {background-image: url(../images2019/teacher2KJJ.jpg)}
.teacher2KJW {background-image: url(../images2019/teacher2KJW.jpg); margin-right: 20px}
.teacher2LHS {background-image: url(../images2019/teacher2LHS.jpg)}
.teacher2LSI {background-image: url(../images2019/teacher2LSI.jpg); margin-right: 20px}
.teacher2LSY {background-image: url(../images2019/teacher2LSY.jpg)}
.teacher2LWY {background-image: url(../images2019/teacher2LWY.jpg); margin-right: 20px}
.teacher2PIB {background-image: url(../images2019/teacher2PIB.jpg)}
.teacher2PTH {background-image: url(../images2019/teacher2PTH.jpg)}
.teacher2SHJ {background-image: url(../images2019/teacher2SHJ.jpg); margin-right: 20px}
.teacher2WJM {background-image: url(../images2019/teacher2WJM.jpg)}
.teacher2YIH {background-image: url(../images2019/teacher2YIH.jpg)}
.teacher2YJ {background-image: url(../images2019/teacher2YJ.jpg)}
.teacher2JHN {background-image: url(../images2019/teacher2JHN.jpg)}
.teacher2CDH {background-image: url(../images2019/teacher2CDH.jpg); margin-right: 20px}
.teacher2HSY {background-image: url(../images2019/teacher2HSY.jpg)}

/* ���� �߰� */
.teacher2HCW {background-image: url(../images2019/teacher2HCW.jpg); margin-right: 20px}
.teacher2KJR {background-image: url(../images2019/teacher2KJR.jpg)}
.teacher2JIC {background-image: url(../images2019/teacher2JIC.jpg); margin-right: 20px}
.teacher2HCWN {background-image: url(../images2019/teacher2HCWN.jpg)}

h5.ui_SNU { background-image: url(../images2019/ui_SNU.png)}
h5.ui_BS { background-image: url(../images2019/ui_BS.png)}
h5.ui_CAU { background-image: url(../images2019/ui_CAU.png)}
h5.ui_DG { background-image: url(../images2019/ui_DG.png)}
h5.ui_HY { background-image: url(../images2019/ui_HY.png)}
h5.ui_IH { background-image: url(../images2019/ui_IH.png)}
h5.ui_KH { background-image: url(../images2019/ui_KH.png)}
h5.ui_KH { background-image: url(../images2019/ui_KH.png)}
h5.ui_KOREA { background-image: url(../images2019/ui_KOREA.png) }
h5.ui_SG { background-image: url(../images2019/ui_SG.png)}
h5.ui_SKK { background-image: url(../images2019/ui_SKK.png)}
h5.ui_YS { background-image: url(../images2019/ui_YS.png)}
h5.ui_KM { background-image: url(../images2019/ui_KM.png)}
h5.ui_LHW { background-image: url(../images2019/ui_LHW.png)}

h3.part { clear: both; font-size: 26px; font-weight: 400; color: #4e4e4e; padding:40px 0 12px 0; }



/* a00 */

.a40Header {text-align: center;}
.a40Header .h3 { font-size: 0; padding:0; height:660px; background: url(/images2019/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(/images2019/bgA40_1.jpg) no-repeat center; text-indent:-9999px; overflow:hidden;margin-top:100px}


/* Hansaem Academy */
.introHansaem {text-align: center; color: #fff; background: url(/images2019/introHansaem.jpg) center; background-size: cover; height: 600px; margin-bottom: 50px;  }
.introHansaem h3 {font-weight: 300; color: #fff; font-size: 37px; padding: 70px 0 30px 0; line-height: 1.3em;margin-top:-30px; text-shadow: 0 2px 4px rgba(0,0,0,0.7)}
.introHansaem h3 span { font-size: 46px }
.introHansaem p { max-width: 1000px; margin: 0 auto -12px auto; padding:40px 0 130px 0; background: rgba(0,0,0,0.7) url(/images2019/logoHansaem.png) no-repeat center 85%; color: #fff; line-height: 1.4em; font-size: 18px; font-weight: 300 }
.introHansaem .h3 strong { font-weight: 300 ; color: #fff; font-weight: 400}
.introHansaem .strong1 { display: block; font-size: 22px; padding: 0 0 20px 0 }
.introHansaem .strong1 span { font-size: 36px; }
.introHansaem .strong1 .strong1_2 { font-weight: 300}
.introHansaem .strong2 { font-size:20px}
.introHansaem .strong3 { font-size:22px}
.introHansaemPhoto { width:1000px; margin:0 auto; padding:150px 0 50px 0}
.introHansaemPhoto img {width: 100%}

.a40 article.container { padding-left: 110px;  width:890px }
.a40 .h4 { padding: 54px 0 12px 0; font-weight: 400 }
.hansaem_content { line-height: 1.4em }


/* GodoAcademy */
.introGodoAcademy {text-align: center; color: #fff; background: url(/images2019/a20EliteGODO.jpg)  center 0; height: 570px; margin-bottom: 50px;  }
.introGodoAcademy h3 {font-weight: 300; color: #fff; font-size: 56px; padding: 70px 0 30px 0;; line-height: 1.2em;margin-top:-30px; text-shadow: 0 2px 4px rgba(0,0,0,0.7)}
.introGodoAcademy p { max-width: 1000px; margin: 0 auto -12px auto; padding:40px 0 120px 0; background: rgba(0,0,0,0.7) url(/images2019/logo2.png) no-repeat center 165px; color: #fff; line-height: 2em; font-size: 16px; font-weight: 300 }
.introGodoAcademy strong { font-weight: 300 }
.introGodoAcademy .strong1 { display: block; font-size: 22px; }
.introGodoAcademy .strong1 span { font-size: 36px }
.introGodoAcademy .strong2 { font-size:20px}
.introGodoAcademy .strong3 { font-size:22px}
.introGodoAcademyPhoto { width:1000px; margin:0 auto; padding:150px 0 50px 0}
.introGodoAcademyPhoto img {width: 100%}

.a50 article.container { padding-left: 110px;  width:890px }
.a50 .h4 { padding: 54px 0 12px 0; font-weight: 400 }
.a50_content { line-height: 1.4em }

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


.howToWay {padding: 0 0 20px 0}
.howToWay h4 {color: #17adab; font-size: 18px; line-height: 1.5em; font-weight: normal; padding:13px 0 13px 55px;}
.howToWay h5 {margin-left:55px; margin-bottom: 5px; display: inline-block; background: #17adab; color: #fff; padding:4px 15px 6px 15px; border-radius: 3px}
.howToWay p {padding:2px 0 5px 0}
.howToWay p + h5 { margin-top: 15px}

.car h4 {background: url(/images2019/iconCar.png) no-repeat center 4px;padding: 40px 0 12px 0;}
.bus h4 {background: url(/images2019/iconBus.png) no-repeat 1px center }

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

/* b00 */

/*.b10 article.container { background: url(../images2019/b10Header2.png) no-repeat right 15px }*/
.b10 article + h3.h3 { padding-top: 100px; }
.b10ImgWrap {text-align: center; background: #fff; padding: 20px 0}
.b10H4  p { padding: 4px 0; text-align: center; font-size: 20px }
.b10H4 { padding: 20px 0 100px 0; }

.prgContainer { width: 72%; margin: 0 auto; }
.prgContainer h4 { padding:30px 0 10px 0}
.prgContainer>ul { padding:20px ; border: solid 1px #ddd; background: #fff}
.prgContainer>ul li { padding:4px 0 4px 20px; background: url(../images2019/decoDot1.gif) no-repeat 3px 6px;  }

.prgContainer ol { height:260px; position: relative;}
.prgContainer ol:before { display: block; content: ""; border-top: dotted 2px #ddd; position: absolute; bottom: 30px; left: 10%; width: 80%; top: 210px; }
.prgContainer ol>li { position: relative;float: left; width: 196px; height: 145px; margin-left: 20px; padding: 20px 10px 20px 20px; border-radius: 5px; background-color: rgba(150,150,150,.75)} 
.prgContainer ol>li:first-child { margin-left: 0; }
.prgContainer ol li li{ color: #fff; padding: 3px 0 3px 12px; line-height: 1.3em; background: url(../images2019/decoDot5.gif) no-repeat 0 10px; }
.prgContainer li.prg3_2 { background-color: #54AED3; background-color: rgba(65,157,202,.75); }
.prgContainer li.prg3_3 { background-color: #54AED3; background-color: rgba(10,58,100,.75) }

.prgContainer ol li strong { display: block; display: inline-block; width:100%; padding: 6px 0; position: absolute; top: 195px; left: 0; border-radius: 5px; font-size: 18px; text-align: center; background: #f9f9f9; background: #fff; border:solid 1px #ddd;}
.prgContainer ol li span { display: block; font-size: 15px; padding:0 0 0 12px ;background: url(../images2019/decoDot6.gif) no-repeat 3px 9px; }

.prgContainer p { padding: 4px 0;line-height: 1.4em; }

.prgContainer h5 { font-size: 20px; font-weight: 400; padding:20px 0 10px 0 }
.prgSystem { padding: 0 0 50px 0 }
.prgSystem p { padding:4px 0; line-height: 1.3em }

.exImg10_1,
.exImg10_2 { padding-right: 40%; width: 35%; background: url(../images2019/exImg10_2.png) no-repeat right 40px; word-break: keep-all; }
.exImg10_1 { background: url(../images2019/exImg10_1.png) no-repeat right 40px; background-size: 50% }
.exImg10_3-4 {width: 100%; overflow: hidden; padding-bottom: 60px}
.exImg10_3-4 p { padding: 295px 0 0 0;text-align: center; width: 49.5%; background: url(../images2019/exImg10_4.jpg) no-repeat center 0; float: right; }
.exImg10_3-4 p.exImg10_3 { background-image: url(../images2019/exImg10_3.jpg); float: left; }
.exImg10_5 {width: 100%;}

.grades ul{ text-align: center; padding: 20px 0;margin: 60px 0 10px 0; border:solid 2px #ddd; background: #ededed; font-size: 0 }
.grades ul li { display: inline; display: inline-block; padding: 0 15px; font-size: 18px; background: url(../images2019/decoBar6.gif) no-repeat 0 0; }
.grades ul li:first-child { color: #000; padding-bottom: 10px; font-size: 20px; padding-left: 350px; }
.grades ul li:nth-child(2) {padding-right: 350px;}
.grades ul li:first-child,
.grades ul li:nth-child(2),
.grades ul li:nth-child(3){ background: none; }
.stName { color: #0093b0; font-weight: 400 }
.subject strong{ color: #f46461}
.subject .bf { color: #0075c7}
.gradesImg { overflow: hidden; position: relative; height: 1500px; background:#fff no-repeat center; border:solid 1px #ddd }
/*
.gradesImg:before { display: block; content: ""; width: 30px;height: 15px; background:url(../images2019/arrow1.png) no-repeat 3px 0; position: absolute; top:49.5%; left: 48.5% }
.gradesImg div { background:#fff no-repeat center; background-size: contain; float: right; width: 49%; border:solid 1px #ddd; border-radius: 4px; height: 320px; }
.gradesImg div.gradesImgL { float: left }
*/

.gradeEndNote { color: #d96444 ; padding:50px 0 20px 0; text-align: center; }

/* b20 */
.b20_program1 {background: url(../images2019/b20_program1.png) no-repeat center 215px; height: 820px}
.b20_program2 { background: url(../images2019/b20_program2.png) no-repeat center 154px; text-align: center;}
.b20_program2 .h3 { padding-bottom: 345px;   }

.b20_program2 li { padding: 6px 0 }
.b20_program2 ul:before,
.b20_program2 ul:after { display: block; content: ""; width: 100px; height: 1px; margin: 20px auto; background: #3dc8c6 }
.b20_program2 h5 {color: #1980a3; font-size: 25px; padding: 30px 0  }

.pickedStudentWrap p {padding: 4px 0; line-height: 1.4em; text-align: center;}
.pickedStudentWrap h3 {}
.pickedStudent1 {padding-top: 145px; background: url(../images2019/b30Program10.png) no-repeat center 20px ;}
.pickedStudent2 {padding-top: 230px; background: url(../images2019/b30Program20.png) no-repeat center 80px ;}
.pickedStudent3 {padding-top: 220px; background: url(../images2019/b30Program30.png) no-repeat center 80px ;}
.pickedStudent4 {padding-top: 220px; background: url(../images2019/b30Program40.png) no-repeat center 70px ;}
.pickedStudent5 {padding-top: 220px; background: url(../images2019/b30Program50.png) no-repeat center 70px ;}


.b20.jsHeaderTopTab2 .h3 { padding-top: 105px }

/* 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(../images2019/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(../images2019/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(../images2019/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(../images2019/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%; }


/* b40ManageSystem.php */
.b40 .section { background: #f9f9f9 url(../images2019/b30MngBg.png) no-repeat bottom center ;padding-bottom: 500px;}
.b40MngWrap1 { height: 630px }
.b40MngWrap1 .h4 { display: inline-block; width: 250px; height: 135px; padding:115px 0 0; border-radius: 50%;background: #54AED3; background: rgba(65,157,202,.75); font-size: 22px; font-weight: 400; color: #fff; text-align: center; position: absolute; top: 165px; left: 50%; margin-left: -470px}
.b40MngWrap1 .h4.b40MngH2 { margin-left:-240px; background: rgba(150,150,150,0.75) }
.b40MngWrap1 .h4.b40MngH3 { margin-left:-10px; }
.b40MngWrap1 .h4.b40MngH4 { margin-left:220px; background: rgba(150,150,150,0.75) }

.b40MngWrap1 p { width: 200px; position: absolute; top: 440px; left: 50%; margin-left: -440px; word-break: keep-all; line-height: 1.3em}
.b40MngWrap1 p.b40MngP2 { margin-left:-210px }
.b40MngWrap1 p.b40MngP3 { margin-left:20px }
.b40MngWrap1 p.b40MngP4 { margin-left:250px }

.b40MngWrap2 ul { overflow: hidden; }
.b40MngWrap2 li { width: 26.5%; float: left; margin-right: -20px; padding: 35px 0 0 ; height: 60px; font-size: 18px; text-align: center; background: #54AED3; background: rgba(65,157,202,.75); border-radius: 48px; color: #fff; line-height: 1.3em}
.b40MngWrap2 li:nth-child(even) {background: rgba(150,150,150,0.75) }
.b40MngWrap2 li:nth-child(2),
.b40MngWrap2 li:nth-child(4) { padding: 25px 0 0 0; height: 70px; }

.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;}




.table td.schedTd1 { background: #f6f5f2 }
.table tbody td.schedTd1 li { background: url(../images2019/decoDot12.gif) no-repeat 0 12px; padding:2px 0 2px 10px; font-size: 16px}
.table tbody td li { font-size: 15px; padding: 2px 0}


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

.table tbody td .scTable li { padding: 3px 0 1px 17px; background: url(../images2019/decoDot1.gif) no-repeat 0 8px;  }
.table tbody td .scTable li ul { padding:5px 0 10px 0; }
.table tbody td .scTable li li { padding: 2px 0 2px 12px; color: #888; background: url(../images2019/decoDot2.gif) no-repeat 4px 11px;  }


.table caption.h3 { font-size: 28px; background: none; letter-spacing: -1px; font-weight: 300; text-indent: 0px; color: #454753 }

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




/* c00 */

.c10Content { text-align:center; font-size: 0}

/* c40 */
.class4SNU { background: #34466c url(../images2019/logoSNU.png) no-repeat 70px 78px; padding: 50px 0 50px 33%; margin-top: 80px; color: #fff; text-align: left; }
.class4SNU h4 { font-size: 77px; color: #fff; font-weight: 300 }
.class4SNU h4 span {color:#f77b55; font-size: 46px; display: block; font-weight: 400 }
.class4SNU h4 strong { color:#fff159; font-weight: 400}
.class4SNU dl { color: #fff; overflow: hidden;padding: 20px 0; }
.class4SNU dt,
.class4SNU dd { color: #fff; font-size: 30px; float: left; width: 79.5% ; height: 39px; }
.class4SNU dt {width: 20%; opacity: 0.5; font-weight: 400}


/* c60 ����� */
.goodCase {padding: 0 0 20px 0;}
.goodCase img {width: 100%;margin: 20px 0}
.goodCase_note { color: #3f79ae}


.c60 .h3 .sp1,
.c60 .h3 .sp2{font-size: 46px;}


/* e10 Preparation ??��?��™ì¤??�¹„ë�??*/
.e10 .h3 { font-size: 20px; font-weight: 400; text-align: left; padding-bottom:15px}
.e10 .section{background-image:url(../images2019/e10Preparation.jpg); background-position: 85% 98px ; background-position: calc(50% + 280px) 98px; background-repeat: no-repeat; }
.e10 .section article p { line-height: 1.4em; word-break: keep-all; padding: 2px 0; }

.e10 .section article p.note02 { font-size: 14px; padding: 8px 0 0 0}
.noteBox2 {}






.jsHeaderTopTab .jsTab{ position: fixed; width: 1000px;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 { position: static; }
.b20.jsHeaderTopTab.jsHeaderTopTab2 .jsTab { position: relative;position: fixed; }
.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 */

.h3Ment2 { padding:4px 0 8px 0; text-align: center; font-size: 18px; line-height: 1.3em}
.h3Ment2 strong { color: #0093b0}

.CampusPhotoWrap {text-align: center; padding:30px 0}
.CampusPhotoWrap h4 { font-size: 21px; font-weight: 400; padding:40px 0 20px 0 }
.CampusPhotoWrap h4 span {border-bottom : solid 1px #53bfc3}

/* d10 */

.noteBox { margin: 15px 0 0 0; padding: 15px 0 15px 52px; line-height: 1.4em; border-top:solid 1px #ededed; background: url(../images2019/send.png) no-repeat 0 13px }
.noteBox span { color:#5692ca }
.noteBox .fax { padding-left:15px}

strong.grade { font-weight: 500; display: block; color: #c95923}
strong.subject0 { font-weight: 400; display: block; font-size: 18px; padding:0 0 5px 0; }
strong.subject1 { display: block; font-size: 17px; padding:5px 0}
.gradePrice { font-size: 18px ; color: #2d6aa9; padding: 5px 0 0 0; display: inline-block; font-weight: 300}


/* d20 */
.superbox {padding:20px 0; font-size:0; text-align: center; width: 1028px; margin-left: -14px}
.superbox:after {display: block;content: "";clear: both}

/* SuperBox */
.superbox-list { display:inline-block; *display:inline; zoom:1; width: 31%; padding:10px 1%; font-size:0; line-height:0;}
.superbox-img { width:100%; height:195px; cursor:pointer; border: solid 1px #fff}
.superbox-show { text-align:center; position:relative; background:#333;	 width:960px; float:left; padding:20px;  margin-left:15px; display:none; font-size:0; line-height:0}
.superbox-current-img { max-width:100%; box-shadow:0 1px 4px #222; border:1px solid #222}
.superbox-float {float:left}
.superbox-close { opacity:0.7; cursor:pointer; position:absolute; top:32px; right:32px; background:url('../images/bbs/closeBtn.gif') no-repeat center center; width:21px; height:21px}
.superbox-close:hover {opacity:1}





/* e00 */



/* c40 postscript */
.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; }
span.graduation { font-weight: 300 }
.webzine_type_img img {width: 250px; margin-top:-45%}

.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: -140px; left: 60%; display: block; width: 100px; padding:20px 0 ; text-align: center; background: #00a4cb; color: #fff; font-size: 16px  }
.essayContent {padding: 80px 0 30px 25%; position: relative; min-height: 300px; line-height: 1.4em  }
.essayContent span.photo { width: 20%; height: 320px; left: 0;top: 88px; }
.essayContent p{ line-height: 1.3em; padding: 5px 0; }
.nameStudent { font-size: 32px; font-weight: 400; padding: 0 0 20px 0; }
.resultPhoto {margin: 90px 0 0 25%;  position:relative }
.resultPhoto img {border:solid 1px #ddd; max-width: 748px}
.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}
 */

.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(../images2019/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.yy2020 { color: #d86c4b; font-weight: 400; letter-spacing: -1px }

/* e40 주ê°??ë?��??*/
.e40 .note02 {padding: 4px 0;}
.footSaurce  h5 { color: #333 }
.footSaurce ul { padding: 15px 0 }
.footSaurce li { font-size: 14px; padding: 4px 0;}

/* f00 */
.board_search { clear: both;}
.total_page { float: left; font-size: 13px; color: #999; letter-spacing: -1px; padding:65px 0 8px 0 }
.search { background:#fff}
.search form{ text-align: center; font-size: 0; border: solid 1px #ededed; padding: 10px 0; margin:-15px 0 10px 0}
.search #btnSearch { margin:-3px}

/* 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(/images2019/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(/images2019/decoBar3.gif) no-repeat 0 2px;}
.entranceContent strong {color:#f03864}

.d30 .h3 { font-size: 36px; font-weight: 400; padding:0 0 20px 0;}
.d30 .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(/images2019/imgF15.png) no-repeat center 100px; }

.h3Ment1 { padding:2px 0; text-align: center; font-size: 20px; line-height: 1.3em}
.h3Ment1 strong { color: #0093b0; font-weight:400}
.legend { color: #666; font-size: 17px; font-weight: 400; padding: 25px 0}

/*  f20 sub04_01_2019.php ?¨ë¼?¸ì?ºÂ?Å?�Ã�?��???*/
.mailform {border:1px solid #e1e1e0; border-top:none; background:#f0efed; }
.mailform dt:first-child,
.mailform dd:nth-child(2) { border-top: #cacac9 solid 1px;}
.mailform:after { display: block; content: ""; clear: both}
.mailform dt,
.mailform dd {float:left; width:78%; min-height: 32px; padding: 8px 1.5% ;  border-top: #e1e1e0 solid 1px}
.mailform dd { background: #fff;}
.mailform dt {width:16%; min-height: 26px; padding-top: 14px;}
.mailform dd span {padding:0 10px 0 0; vertical-align:middle;}
.mailform dd img {vertical-align:middle;}

.study {width: 100%;}
.study td input[type="text"],
.study td input[type="text"] {width: 50%;}

a.view {  background: #999; color: #fff; padding:8px 15px; border-radius: 4px; float:right; font-size: 14px; margin-top: -40px}
a.view:hover,
a.view:focus { background-color:#888}
.agree_box { padding: 15px; font-size: 14px; background: #fff; border:solid 1px #eee; line-height: 1.3em}
.agree_box p { padding:5px 0; color: #999}
.agree_box li { padding: 5px 0}
.agree_box li dt { font-weight: 400; padding:10px 0 5px 0; font-size: 15px}
.agree_box li dd { padding-left: 17px;  font-size: 15px}
.agree_check2 { padding:10px 0 0 0}

.d30 .btnArea a,.d30 .btnArea img,
.d40 .btnArea a,.d40 .btnArea img,
.d50 .btnArea a,.d50 .btnArea img{ vertical-align: bottom}

/* f30 */
.f30 .h3 {font-weight: 400; padding: 40px 0;}
.f30 .h3 span { font-weight: 300; font-size: 46px; padding-bottom: 18px}
.pQuestion { font-size: 32px; font-weight: 400; padding: 140px 0;background: url(/images2019/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(/images2019/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;}

textarea#memo { min-height: 120px; padding: 10px}


/*  */
.board_write {border-top:#cacac9 solid 1px}
.board_write legend { position: fixed; left: -9999px}
.board_write p { border:1px solid #e1e1e0; border-top:none; background: #fff}
.board_write p.top {border-top:0;}
.board_write p.content {padding-left:0;}
.board_write p.bg {background:#edeefc;}
.board_write .fr {float:right; width:265px; position:relative; display:inline-block; padding:0 0 0 100px; top:0;}
.board_write .fr .title {top:1px;}
.board_write label.title { background: #f0efed; display: inline-block; width: 10%; margin-right: 1%; padding: 14px 1.5% 8px 1.5%; height: 26px;}
.board_write .line {display:block; padding-top:6px;}
#contentEditor { border-bottom: 1px solid #e1e1e0; padding:10px 0}
.fileAttach2 { float:right; margin:13px 10px 0 0; display: none}

/* ?ì?žÂ¸Ã«Â³Â´ÃªÂ¸Â?*/
.boarView {text-align: right; padding:0 0 10px 0}
.boarView dt,
.boarView dd { display: inline-block; font-size: 14px; padding:0 0 0 8px; color: #999}
.boarView dt { padding-left: 12px; color: #4082b4; background: url(../images2019/decoBar.gif) no-repeat 3px 3px}
.boarView dt:first-child { background: none}
h3.boardTitle { font-size: 19px; font-weight: 400}
.attchedFile { padding:10px 0; border-top: 1px dotted #d8d8d8}
.view_content {clear:both; padding:20px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}

#files_list { padding:10px 0}
#files_list div{ padding:5px 0	}
#files_list div input,
#files_list div label { vertical-align: baseline}


.gallery_view {border-top:2px solid #666; border-bottom:1px solid #666;}
.gallery_view .title {padding:8px 0; color:#444; text-align:center; font-size:14px; border-bottom:1px solid #c9c9c9;}
.gallery_view .content {padding:20px 10px;}

/* ?´ì ?žÃªÂ¸â?��??¤ìÅ?�êÂ�??*/
.prev_next { border:1px solid #d8d8d8}
.prev_next dl {width:100%; line-height:1.2em; overflow:hidden; clear:both;}
.prev_next dt,
.prev_next dd {padding:10px 0; text-indent: 20px; background: #fff}
.prev_next dt {float:left; width:110px; color:#666; background:#f0efed; text-indent: 36px}
.prev_next .prev {border-bottom:1px solid #d8d8d8;}
.prev_next .prev dt {background:#f0efed url('../images/bbs/arrow_up.gif') 18px 50% no-repeat;}
.prev_next .next dt {background:#f0efed url('../images/bbs/arrow_down.gif') 18px 50% no-repeat;}

/* ê¸????ì ??ë¹?žÃ«Â²Ë???¢Ã?Â?/
#contents_tab { text-align: center;}
#contents_tab p { font-size: 18px}
#contents_tab div { background: #fff; padding:40px 0; margin: 30px 0; border:solid 1px #ebebeb}



/* d50 sub04_06_2019 미ë???�ì‹�?¤ëª??Œì?� �??*/

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



.ptDayWrap { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-align: center; padding: 0 0 40px 0;margin-bottom: 20px; }
.d50 h3{ background: #f77b55; text-align: center; font-size:36px; color: #fff; padding: 30px 0}
.ptDayP1 { font-size: 27px; padding: 30px; }
.ptDayWrap dl { border-top:#f77b55 1px solid; width: 38%; margin: 0 auto; padding: 15px 0;}
.ptDayWrap dt,
.ptDayWrap dd { width:87%; float: left; text-align: left; font-size: 21px; padding: 10px 0 0 0; height: 20px; }
.ptDayWrap dd {color: #0595cb}
.ptDayWrap dt {width: 13%; font-weight: 400;}
.ptDayP2 { clear: both; padding: 40px; color: #777; line-height: 1.4em }


.ptDayWrap2 {background:#fff url(/images2019/2020.png) no-repeat center 0; height: 30px; padding: 515px 0 20px 0;text-align: center; border: solid 1px #ededed}

/* 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:38px; padding:60px 0 10px 0 ; font-weight:400; letter-spacing: -1px;line-height: 1.3em }
.f40Content h4 strong {font-weight:500}
.f40Content h4.h4_f42 { font-size:28px; font-weight:500; border-top: solid 1px #ccc; width: 60%;margin: 30px auto 0 auto;padding-top: 40px;}
.f40Content h4.h4_f42 + p { padding: 20px 0;margin:10px 15% 0 15%}
.f40Content dl { width:77%; 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:6px 0 }
.f40Content dd {width:60%; text-align:left}
.f40Content dt { padding-right:2%;} /*background:url(/base/img/images/decoDot7.gif) no-repeat 126px 11px; */
.f40Content dl strong { font-weight:500}
.f40Content dl span { font-size: 18px;}
.f40Content dl span strong{ font-size: 18px; color: crimson}

.f40Content .thEnd { color:#ccc}

.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}

.f40Content .h4_p {color:#10b5b5; font-size:18px;margin: -10px 0 20px 0; letter-spacing: -1px}
.divLine {border-bottom: solid 1px #333;clear: both;    width: 74%;    margin: 0 auto 20px 17%;	padding: 7px 0;}


/* d60 FAQ */
.d60 .board_search { display:none}
.faq { clear: both;}


.mentFAQ { font-size: 36px; font-weight: 300; text-align: center; padding: 200px 0 30px 0; background: url(/images2019/f60FAQ.png) no-repeat center 0; }
div.faq {border-bottom: solid 1px #ddd}
div.faq dt {padding:25px 0 25px 50px; border-top: solid 1px #ddd ;}
div.faq dt a { font-size: 20px;}
div.faq dd { padding:0 0 25px 0; line-height: 1.3em}
.btn_r { text-align: right;}





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 Large */
.h3 { font-size: 50px; text-align: center; padding: 40px 0 20px 0; line-height: 1.2em; letter-spacing: -2px}

/* h3 Medium */
.h3 span.underLine {border-bottom:solid 1px #3dc8c6; font-size: 32px}
.h3 .sp0 { font-size: 40px }
.h3 .sp1 { color: #000; font-weight: 400; font-size: 40px }
.h3 .sp2 { color: #1980a3; font-size:40px; }
.h3 strong { color: #000 }

.join_area2 .h4 { font-size: 20px; 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 { font-size: 18px ; color:#f03864 }

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

.hide { position: fixed; left: -9999px;}


/* 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 */
.note01{ font-size: 15px; color: #BF7746} /* red */
.note02{ color: #3f79ae} /* blue */
.note03{ color: #0595cb} /* blue 2 */

.note10{ color: #f46461}
strong.note10 { font-weight: 500 }


/* 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:0 -1px;}
.jsTab3 a {width: 33%;}
.jsTab3 a:first-child {width: 33.5%;}
.jsTab4 a { width: 24.5%; width: calc(25% - 1px)}
.jsTab4 a:first-child {width: calc(25% - 2px)}
.jsTab5 a { width: 19.5%; width: calc(20% - 1px) }
.jsTab5 a:first-child {width: calc(20% - 2px)}
.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; font-size: 0 }
.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,
.c20 #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; }


.board_list table {width:100%}
.board_list caption { position: fixed; left: -9999px; }
.board_list thead th {background: #e1dfdb; padding: 15px 0; border-top:solid 1px #ddd}
.board_list td { padding: 12px 4px; color:#777}
.board_list th,
.board_list td {border-bottom:solid 1px #ededed; text-align: center}
.board_list tbody td {background: #fff;}
.board_list td.subject { text-align: left}


/* 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 {border-top: none}
.table.caption caption{border-bottom: #cacac9 solid 1px;}
.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:15px 10px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em;}
.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;}
.paginate { text-align: center; padding: 15px 0 30px 0;position: relative; font-size: 0; clear: both}
.paginate a,
.paginate strong 
{ display: inline-block; height: 26px; width: 38px; padding: 12px 0 0; border: solid 1px #ddd; background: #fff; margin: 0 -1px 0 0;overflow: hidden; font-size: 15px }
.paginate a.direction {height: 29px; padding: 9px 0 0 }
.paginate img.direction { padding:16px 14px 15px 14px; margin: 0 -1px 0 0; border: solid 1px #ddd; background: #fff; opacity: 0.5 }

.paginate a:hover,
.paginate a:focus { background-color: #ddd }
.paginate strong { background: #777; color: #fff; border-color:#777; }

/* Ã?ªÃ?�²Ã�??�Ã�?¹Ã????Ã?�´ÃÂ�?�‚Â�???Ã?�¤ÃÂ�?�‚Ã�??Ã?«Ã?�ªÂ©Ã«Â¡ÂÂ�?/
.pageNav2 { padding: 50px 0; }
.pageNav2 a { display: inline-block; padding: 11px 10px 0 46px; height: 24px; border:solid 1px #ededed; background:#fff url(/images2019/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;}
.a50 .big {padding: 12px 100px ; margin-top: -10px;}

.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; }

.buttons{ text-align: right; padding:20px 0 40px 0; clear: both; }

/*.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(/images2019/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(/images2019/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("/images2019/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("/images2019/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("/images2019/bg_input.png") no-repeat -30px -30px; margin: 0 4px 3px -21px; 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("/images2019/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 ) {
}

.layer_popup {position: absolute;top: 80px;left: 1%;z-index: 1000;font-size: 0;}
.layer_popup .popupContent {font-size: 0;}
.layer_popup img {
    max-width: 600px;
}
.layer_popup footer {
    background: #333;
    color: #fff;
    font-size: 15px;
    text-align: right;
    border: none;
}
.layer_popup footer input[type="checkbox"] {
    border: solid 1px #fff;
    width: 18px;
    height: 18px;
}
.layer_popup footer label {
    color: #fff;
    letter-spacing: -1px;
}
.layer_popup footer a {
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 16px;
    margin-left: 16px;
}