@charset "utf-8";

/* GLOBALS - common */
ul, ol, li, dl, dt, dd { padding:0; margin:0; }
li { list-style-type:none; }
img.reponsive, .responsive img { width:100%; }
img.non-responsive, .non-responsive img { width:auto; }
.link-whole { cursor:pointer; }
#container { width:100%; margin:0 auto; position:relative; min-width:1200px; min-height:1000px; border:0; padding:0; padding-top:140px; width:inherit; float:inherit; background:inherit; background-color:transparent; font-size:15px; font-family:'Noto Regular'; }

a, a:hover, a:active, a:visited, a:focus { text-decoration:none; font-family:'Noto Regular'; }

.visual-wrap { }
.visual-wrap .container { width: 1200px; }
.visual-wrap.main { padding-bottom:0; }
/*
.visual-wrap.sub .container { width: 1500px; }
*/

/* Container Width */
.container{width:1200px}

.paragraph { position:relative; line-height:1.75; }

/*
.paragraph a,
.paragraph a:hover,
.paragraph a:visited,
.paragraph a:link,
.paragraph a:active { color:#58a2e3; font-weight:bold; }
*/

a.btn-gray { background:#909090; color:#ffffff; }


h1, .h1 { font-size:38px; font-weight:bold; padding-top:10px; }
h1.basic, .h1.basic { margin-bottom:0; }
h1.basic span, .h1.basic span { display:inline-block; border-bottom: 1px dashed #7f7f7f; padding:15px 25px; }
h1>em.bullet { display:block; position:absolute; top:0; left:0; width:30px; height:3px; background-color:#000; }

h1.sub-basic { display:table; font-size:32px; }
h1.sub-basic span { display:table-cell; }
h1.sub-basic span.head { white-space:pre; vertical-align:top; }
h1.sub-basic span.small { vertical-align:middle; padding-left:30px; font-size:15px; line-height:1.25; }

h1.sub-basic.only-head { font-size:24px; }
h1.sub-basic.highlight { display:block; width:100%; padding:30px; text-align:center; border:1px solid #e3e3e3; border-left:0; border-right:0; color:#4070a0; }

h2, .h2 { font-size:26px; font-weight:bold; line-height:23px; background: url('../img/ico_bull_01.jpg') no-repeat 0px 1px; padding-left: 22px; }
h2.basic, .h2.basic { display:block; float:left; width:260px; font-size:25px; line-height:1.2; margin-top:30px; padding-right:30px; }
h2.basic + small { padding-left:40px; }
h2.basic + div.paragraph, .h2.basic + div.paragraph { padding-left:260px; padding-top:35px; padding-bottom:40px; }
h2.basic > em, .h2.basic > em { display:block; width:50px; height:10px; border-top:2px solid #f8ab0f; }
h2.highlight, .h2.highlight { color:#58a2e3; padding:15px 0; }
.btn-box-right { position:absolute; right:0; bottom:10px; }
.btn-box a { display:inline-block; padding:4px 8px; background-color:#8d8385; }
.btn-box a, .btn-box a:hover, .btn-box a:visited, .btn-box a:link, .btn-box a:active { text-decoration:none; color:#fff; }
.btn-box-right a { margin-left:10px; }
h3, .h3 { font-size:18px; font-weight:bold; line-height:18px; margin:25px 0 10px; background:none; }
h3.basic, .h3.basic{ font-size:21px; padding-top:10px; margin:25px 0 10px; }
h3.basic .desc-head,
h3.basic .desc-text { display:inline-block; vertical-align:middle; }
h3.basic .desc-head { width:120px; }
h3.basic .desc-text { font-size:15px; font-weight:normal; }
h4, .h4 { font-size:18px; font-weight:bold; line-height:15px; margin:20px 0 5px; background:none; }

.inner-head::before { margin-top:45px; }
.inner-head h2 { margin:0; background:0; margin:10px 0; }
.intro img.logo { width:auto; }
.intro { padding:30px 0px; text-align:center; }
.intro h1 { font-size:24px; font-weight:normal; letter-spacing:inherit; }
.intro h1 small { display:block; font-size:15px; padding:10px; }

h3.bullet-number { font-size:21px; margin-top:45px; }
.bullet-number>span:first-child,
.circle-number { display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; text-align:center; font-weight:bold; border-radius:50%; margin-right:5px; }
.bullet-number>span:first-child { font-size:70%; color:#fff; background-color:#858585; }
.circle-number { font-size:21px; color:#bf9e44; border:2px solid #bf9e44; }






/* ORGANIZATION common */
.organ-chart ul,
.organ-chart li { padding-top:30px; }
.organ-chart ul:first-child,
.organ-chart li:only-child { padding-top:0; }
.organ-chart li::before,
.organ-chart li::after,
.organ-chart ul ul::after { height:30px; }
/* ORGANIZATION (organ-01) */
.organ-01.cs-head p { font-size:23px; padding:30px 0; background-color:#f5f5f5; text-align:center; border:1px solid #dfdfdf; margin:40px 0; color:#8d8d8d; margin-top:0; }
.organ-01.cs-head p u { text-decoration:none; color:#2185c1; font-weight:bold; }
.organ-01.cs-head p i { font-style:normal; color:#22b990; font-weight:bold; }
.organ-01 .organ-chart { margin:50px 0; }
.organ-01 .organ-chart li:last-child::before,
.organ-01 .organ-chart li:first-child::after { border-radius:0; }
.organ-01 .organ-chart li > div { position:relative; padding:0; margin:0px 20px; width:235px; border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; }
.organ-01 li div span,
.organ-01 li div dl { display:block; padding:15px 0; }
.organ-01 li div dl dt,
.organ-01 li div dl dd { display:inline-block; font-weight:normal; }
.organ-01 li div dl dd { padding-left:5px; }
.organ-01 li div span,
.organ-01 li div dl:nth-child(2) dt,
.organ-01 li div dl:nth-child(2) dd { font-weight:bold; }
.organ-01 li#OG-1 > div::before { position:absolute; display:inline-block; content:''; background:#fff url('../img/bg_organ_1.jpg') center center no-repeat; width:104px; height:48px; top:50%; margin-top:-24px; left:50%; margin-left:-52px; }
.organ-01 li#OG-2 { padding-top:0; }
.organ-01 li#OG-2::after { display:none; }
.organ-01 li#OG-2 > div span,
.organ-01 li#OG-115 > div span,
.organ-01 li#OG-115 > ul > li > div span { display:none; }

.organ-01 li#OG-115 > ul > li { padding-left:5px; padding-right:5px; }


.organ-01 li#OG-115 > ul > li > ul span { background-color:#5ca383; }
.organ-01 li#OG-115 > ul > li > ul dl { background-color:#f1f1f1; color:#636363; }

.organ-01 li#OG-115 > ul > li > ul dl:nth-child(2) { border-bottom:1px dashed #5ca383; }
.organ-01 li#OG-115 > ul > li > ul dl:nth-child(2) dt,
.organ-01 li#OG-115 > ul > li > ul dl:nth-child(2) dd { color:#5ca383; }


.organ-01 li#OG-115 > ul > li > ul > li > div { padding:10px; width:235px; background-color:#f1f1f1; margin:0 20px; border-right:0 none; border-left-style:dashed; }
.organ-01 li#OG-115 > ul > li > ul li:first-child div { border-left:1px solid #dcdcdc; }
.organ-01 li#OG-115 > ul > li > ul li:last-child div { border-right:1px solid #dcdcdc; }
.organ-01 li#OG-115 > ul > li > ul li::before, .organ-01 li#OG-115 > ul > li > ul li::after, .organ-01 li#OG-115 > ul > li > ul ul ul::after,
.organ-01 li#OG-115 > ul > li > ul li:last-child::before, .organ-01 li#OG-115 > ul > li > ul li:first-child::after { height:40px; z-index:9999; }




.organ-01 li#OG-34 { position:absolute; padding:0; left:50%; margin-left:230px; }
.organ-01 li#OG-34::before { position:absolute; padding:0; top:50%; left:90px; margin-left:-200px; width:200px; border-right:0 none; }
.organ-01 .organ-table { margin-bottom:50px; }

/*
.organ-01 li#OG-70 { padding-top:134px; }
.organ-01 li#OG-70::before { height:134px; }
*/

/*
.organ-01 li#OG-115 > ul > li > div,
.organ-01 li#OG-115 > ul > li > ul::after { display:none; }
.organ-01 li#OG-115 > ul > li > ul { padding-top:0px; }
*/


/* CONTENTS - common */

.nav-div-2>li { width:50%; }
.nav-div-3>li { width:33.3333%; }
.nav-div-4>li { width:25%; }
.nav-div-5>li { width:20%; }
.nav-div-6>li { width:16.6666%; }
.nav-div-7>li { width:14.2857%; font-size:90%; }
.nav-div-8>li { width:12.5%; font-size:90%; }
.nav-div-9>li { width:11.1111%; font-size:90%; }
.nav-div-10>li { width:10%; font-size:90%; }
.nav-div-11>li { width:9.0909%; font-size:90%; }
.nav-div-12>li { width:8.3333%; font-size:90%; }

.nav.nav-tab.nav-div-3.nav-break li { border:1px solid #ccc; border-bottom:0 none; border-right:0 none; }
.nav.nav-tab.nav-div-3.nav-break { border: 1px solid #ccc; border-top:0 none; border-left:0 none; }

.nav-process { width:100%; }
.nav-process li { position:relative; float:left; background-color:#59cbc8; padding:0; padding-right:20px; color:#fff; font-size:16px; height:47px; line-height:47px; text-align:center; vertical-align:middle; }
.nav-process li.break { line-height:24px; }
.nav-process li:after { position:absolute; top:0; right:0; content:''; background:transparent url('../img/sub/process_step_02.png') 0 0 no-repeat; width:26px; height:47px; display:block; float:right; }
.nav-process li:first-child { background-color:#424242; }
.nav-process li:first-child:after { background-image:url('../img/sub/process_step_01.png'); }
.nav-process li:last-child:after { background-image:url('../img/sub/process_step_03.png'); }




/* header */
header.navbar-fixed-top { border:0; margin:0; background:inherit; }
header .tool-bar { min-height:45px; }
header .tool-bar li { float:left; padding:13px 0 3px 0; }
header .tool-bar li>a,
header .tool-bar li>a:hover
header .tool-bar li>a:active,
header .tool-bar li>a:visited,
header .tool-bar li>a:focus { display:inline-block; font-size:14px; padding:0px 20px; margin:0; text-decoration:none; border-left:1px solid #cccccc; }
header .tool-bar li:last-child>a,
header .tool-bar li:last-child>a:hover
header .tool-bar li:last-child>a:active,
header .tool-bar li:last-child>a:visited,
header .tool-bar li:last-child>a:focus { border-right:1px solid #cccccc; }
header .tool-bar
 col-sm-12 col-xs-12header .top .logo { margin:15px auto; }
header .top h3 { font-weight:bold; margin-top:30px; border-left:2px solid #ebecec; padding-left:8px; }

/* nav */
nav.gnb { height:95px; margin:0; /*border:1px solid #ccc; border-left:0; border-right:0; border-radius:0;*/ }
nav.gnb ul { float:inherit; }
nav.gnb li { text-align:center; }
nav.gnb .navbar-header { padding:0; }
nav.gnb .navbar-nav>li { }
nav.gnb .navbar-nav>li:first-child { }
nav.gnb .navbar-nav>li>a,
nav.gnb .navbar-nav>li>a:active,
nav.gnb .navbar-nav>li>a:visited,
nav.gnb .navbar-nav>li>a:focus { color:#333; font-size:24px; padding:34px 0 34px 100px; }
nav.gnb .navbar-nav>li a:hover { color:#58a2e3; }
nav.gnb .navbar-nav>li.dropdown.active>a,
nav.gnb .navbar-nav>li.dropdown>.dropdown-menu>li.active>a { color:#58a2e3; background:inherit; }

/* 3-depth menu { */
nav.gnb .navbar-nav > li > a { line-height:25px; }  /* bootstrap customizing */
nav.gnb .menu-depth-3 { background:#ffffff; border-top:1px solid #91b4e8; border-bottom:1px solid #e9e7e2; display:none; }
nav.gnb .menu-depth-3 ul.menus { margin:0 auto; background:#f5f3ef; display:none; }
nav.gnb .menu-depth-3 ul.menus>li { float:left; min-height:200px; }
nav.gnb .menu-depth-3 ul.menus>li:first-child { background:transparent url('../img/sub/bg_sub_head.png') right 0 no-repeat; }
nav.gnb .menu-depth-3 ul.menus>li:first-child p { padding:40px 60px 40px 0; text-align:right; font-size:30px; }
nav.gnb .menu-depth-3 ul.menus>li:nth-child(2) { background:#ffffff; padding-bottom:20px; }
nav.gnb .menu-depth-3 ul.menus li { text-align:left; }
nav.gnb .menu-depth-3 ul.menus li a { color:#333; text-decoration:none; }
nav.gnb .menu-depth-3 ul.menus ul.cate2 { width:100%; }
nav.gnb .menu-depth-3 ul.menus ul.cate2>li { display:table-cell; padding-top:20px; padding-left:50px; font-size:15px; }
nav.gnb .menu-depth-3 ul.menus ul.cate2>li:last { margin-right:0; }
nav.gnb .menu-depth-3 ul.menus ul.cate2>li>a { display:block; font-weight:bold; }
nav.gnb .menu-depth-3 ul.menus ul.cate2 ul.cate3 { width:100%;  margin-top:10px; }
nav.gnb .menu-depth-3 ul.menus ul.cate2 ul.cate3>li { padding:3px 0px; text-align:left; }
/* 3-depth menu } */

/* footer */
footer.tail { min-width:1200px; width:100%; margin:0px auto; margin-top:50px; padding:40px 0; border-top:1px solid #f3f3f3; background:#797979; }
footer.tail,
footer.tail a { color:#e2e2e2; }
footer.tail .copyright p { margin:10px 0; }
footer.tail .copyright p.phone { font-size:25px; }
footer.tail .copyright .container>div { padding:0 10px; width:600px; }
footer.tail .copyright .container div:first-child { padding-left:30px; }
footer.tail .copyright .container div:last-child { padding-right:30px; }
footer.tail .copyright .container div.cr-cont,
footer.tail .copyright .container div.fam-site { display:inline-block; }
footer.tail .copyright .container div.cr-cont {  margin-right:-4px; }
footer.tail .copyright .container div.fam-site { vertical-align:top; text-align:right; }
footer.tail .copyright .container div.fam-site .ui-selectmenu-button.ui-button { border: 1px solid #cccccc; background: #ffffff; color:#797979; }
footer.tail .copyright .container div.fam-site .ui-selectmenu-icon.ui-icon { width:16px; height:16px; background-image:url('../../../js/jquery-ui/no-theme/images/ui-icons_555555_256x240.png'); }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-selectmenu-menu { background:#ffffff; }
.ui-selectmenu-menu ul li:hover { background:#cccccc; color:#ffffff; }
/*
footer.tail .copyright { text-align:center; padding:30px 0; background-color:#797979; line-height:1.5; color:#fff; }
footer.tail a, footer.tail a:link, footer.tail a:hover, footer.tail a:visited, footer.tail a:active { color:#fff; text-decoration:none; }
*/



/* main */
h2.main { font-size:30px; margin:30px 0 20px; font-weight:normal; line-height:1.8; }
section.middle-bar { background-color:#2559a3; padding:0; overflow:hidden; position:relative; }
section.middle-bar .head { }
section.middle-bar .head h2 { font-weight:normal; font-size:34px; color:#73b6e9; margin-top:50px; line-height:1; }
section.middle-bar .head p { font-size:22px; color:#fff; line-height:1.1; }
section.middle-bar .list { height:100%; background-color:#dfe8f1; }
section.middle-bar div.list::before { content:' '; display:block; position:absolute; width:100%; height:100%; background-color:#dfe8f1; top:0; left:100%; }


.main-notice { float:left; width:49.3333%; margin-right:1.3333%; }
.main-notice:nth-child(2n) { margin-right:0; }
@media (max-width: 767px) {
    .main-notice { float:inherit; width:inherit; margin-right:0; }
}

section.bottom-bar { background:#e0e9f2 url('../img/main/bg_computer_table.png') bottom center no-repeat; padding:60px; margin-top:50px; }
section.bottom-bar h2 { padding:0; margin:0; text-align:center; font-size:45px; font-weight:normal; line-height:1; color:#535353; }

section.partners-bar { background-color:#f3f3f3; }

/*
section.middle-bar .container>div { padding-left:20px; }
section.middle-bar .container>div { margin-right:20px; }
section.middle-bar .container>div:last-child { margin:0; width:520px; }
section.middle-bar .container>div>div { height:260px; padding:35px; border:1px solid #ccc; background:#fff url('../img/main/bg_notice.jpg') right bottom no-repeat; }
section.middle-bar .container>div>div h2 { margin:0; padding:0; font-size:25px; margin-bottom:10px; }
section.middle-bar .container>div>div p { font-size:16px; }
section.middle-bar .container>div>div.info-notice {  }
section.middle-bar .container>div>div.info-contact { background-image:url('../img/main/bg_office.jpg'); }
section.middle-bar .container>div>div.info-news { background-image:url('../img/main/bg_news.jpg'); }
*/

section.link-box { padding-top:40px; }
section.link-box h2 { text-align:center; margin:30px 0; font-size:24px; }
section.link-box ul li { height:280px; background:#c7c8c2 url('../img/main/bg_work_center.png') center 90px no-repeat; }
section.link-box ul li:nth-child(2) { background-color:#f295a0; background-image:url('../img/main/bg_hand_heart.png'); }
section.link-box ul li:nth-child(3) { background-color:#599dcc; background-image:url('../img/main/bg_senior_school.png'); }
section.link-box ul li:nth-child(4) { background-color:#69b04a; background-image:url('../img/main/bg_hand_cross.png'); }
section.etc-box { position:relative; padding-top:40px; }
section.etc-box ul.out-link-list li { height:90px; margin-bottom:15px; background:#eeeeee url('../img/main/icon_circle_plus.png') right center no-repeat; }
section.etc-box ul.out-link-list li:last-child { margin:0; }
section.etc-box ul.out-link-list li div.bg-ebook,
section.etc-box ul.out-link-list li div.bg-facebook,
section.etc-box ul.out-link-list li div.bg-kakaostory { display:inline-block; width:90px; height:90px; vertical-align:middle; margin-right:15px; }
section.etc-box ul.out-link-list li div.bg-ebook { background:#fb7c00 url('../img/main/icon_ebook.png') center center no-repeat; }
section.etc-box ul.out-link-list li div.bg-facebook { background:#3b5789 url('../img/main/icon_facebook.png') center center no-repeat; }
section.etc-box ul.out-link-list li div.bg-kakaostory { background:#fae100 url('../img/main/icon_kakaostory.png') center center no-repeat; }




/* sub */

.notice-box { margin-top:25px; padding:20px; border:1px solid #d6bebe; }
.paragraph.logo-intro { display:table; margin:20px 0; }
.paragraph.logo-intro div { display:table-cell; }
.paragraph.logo-intro div.desc-head { white-space:pre; vertical-align:top; }
.paragraph.logo-intro div.desc-head img { width:auto; }
.paragraph.logo-intro div.desc-head + div.desc-head { padding-left:10px; }
.paragraph.logo-intro div.desc-text { vertical-align:middle; padding-left:40px; }
.paragraph.logo-intro div.desc-text strong { color:#58a2e3; font-size:19px; }



/*
.visual { background-color:#f3f3f1; }
*/
.info-box { position:relative; color:#fff; padding-bottom:50px; }
.info-box div { height:195px; }
.info-box div.info-office  { width:50%; float:left; background:#615956 url('../img/main/icon_info_01.png') center 20% no-repeat; }
.info-box div.info-school  { width:50%; float:left; background:#58a2e3 url('../img/main/icon_info_02.png') center 20% no-repeat; }
.info-box div.info-time    { width:50%; float:left; background:#5a869f url('../img/main/icon_info_03.png') center 20% no-repeat; }
.info-box div.info-support { width:50%; float:left; background:#a2755e url('../img/main/icon_info_04.png') center 20% no-repeat; }
.info-box div.info-notice  { background:#a6937c; font-size:18px; }
.info-box div.info-notice ul { overflow:hidden; margin-top:10px; }
.info-box div.info-notice li { padding-left:30px; line-height:1.65; background:transparent url('../img/main/bul_ul_01.png') 15px center no-repeat; }
.info-box div h3 { font-size:26px; font-weight:bold; line-height:1.5; margin:0; }
.info-box div h4 { font-size:20px; font-weight:bold; line-height:1.5; }
.info-box div .info-office h4,
.info-box div .info-school h4,
.info-box div .info-time h4,
.info-box div .info-support h4 { padding-top:110px; text-align:center;}


.info-box div.info-event h4,
.info-box div.info-menu h4 { font-size:18px; }

.info-box div.info-event p,
.info-box div.info-menu p { font-size:16px; }

.info-box div.info-event p { height: 90px; overflow: hidden; text-overflow: ellipsis; }

.info-box div a { display:block; }
.info-box div a:hover,
.info-box div a:visited,
.info-box div a:active { text-decoration:none; }
.info-box div a small { display:block; font-size:65%; }


.info-box div .info-office a, .info-box div .info-office a small,
.info-box div .info-school a, .info-box div .info-school a small,
.info-box div .info-time a, .info-box div .info-time a small,
.info-box div .info-support a small, .info-box div .info-support a,
.info-box div.info-notice a, .info-box div.info-notice a small { color:#fff; }
.info-box div.info-notice li>a { overflow:hidden; text-overflow:ellipsis; }
.info-box div.info-notice h3>a,
.info-box div.info-event h3>a,
.info-box div.info-menu h3>a { font-size:50%; margin-right:10px; }


.info-box.notice div { height:260px; }
.info-box.media>div { width:49%; height:auto; }
.info-box.media { margin:0; }
.info-box.media h2 { font-size:34px; }
.info-box.media h2 .small { font-size:15px; }
.info-box.media h3 { line-height:1.75; }
.info-box.media p { height: 70px; line-height: 1.42857143; overflow: hidden; text-overflow: ellipsis; }

.info-office, .info-school, .info-time, .info-support, .info-event, .info-menu, .info-media, .info-gallery { cursor:pointer; }
.info-box div.info-event,
.info-box div.info-menu,
.info-box div.info-media,
.info-box div.info-gallery { color:#424242; }
.info-box div.info-event,
.info-box div.info-menu { background-color:#eaeaea; }
.info-box div.info-notice,
.info-box div.info-event div.event-desc,
.info-box div.info-menu,
.info-box div.info-contact { padding:30px; }
.info-box div.info-event h3>a { position:absolute; left:30px; bottom:30px; }
.info-box div.info-event h4 { font-size:17px; line-height:20px; overflow:hidden; text-overflow:ellipsis; }


.info-box div.info-menu dl { width:100%; margin-top:10px; }
.info-box div.info-menu dt { display:block; background-color:#2b536c; height:140px; color:#fff; font-size:35px; text-align:center; vertical-align:middle; }
.info-box div.info-menu dt small { display:block; font-size:50%; padding-top:50%; margin-top:-25%; }
.info-box div.info-menu dd { padding-left:15px; font-size:16px; }



.info-box div.info-contact { background-color:#727272; }

.info-box div.info-contact p { margin:0; margin-top:25px; padding-left:100px; font-size:24px; background:transparent url('../img/main/icon_contact_01.png') 20px 0px no-repeat; }
.info-box div.info-contact p small { display:block; font-size:14px; }
.info-box div.info-contact p.phone { font-size:30px; background-image:url('../img/main/icon_contact_02.png'); }



.info-box div.event-desc,
.info-box div.event-thumb { width:50%; float:left; overflow:hidden; border:2px solid #eee; }
.info-box div.event-thumb img { display:block; width:auto; height:100%; }

.info-box div.info-media>section span.movie-box { display:block; position:relative; }
.info-box div.info-media a.btn-play-movie { display:inline-block; position:absolute; top:50%; left:50%; font-size:600%; color:#bbb; }
.info-box div.info-media a.btn-play-movie i { display:block; }
.info-box div.info-media a.btn-play-movie i:before { display:block; margin:-50% 0 0 -50%; }



.info-box.location>a { display:block; border:1px solid #e7e9e8; color:#424242; padding:10px; line-height:55px; font-size:18px; font-weight:bold; letter-spacing:3px; }
.info-box.location>a:hover,
.info-box.location>a:active,
.info-box.location>a:visited,
.info-box.location>a:focus { text-decoration:none; }
.info-box.location>a .bullet,
.info-box.location>a .icon-more { display:inline-block; height:100%; vertical-align:middle; text-indent:-1000px; overflow:hidden; }
.info-box.location>a .bullet { float:left; width:10%; margin-right:30px; }
.info-box.location>a .icon-more { float:right; width:10%; }

.info-box.location>a * { vertical-align:middle; }

.info-box.location>a span.bullet,
.info-box.location>a span.icon-more { display:block; width:65px; height:55px; background:#fb7c00 url('../img/main/icon_link_ebook.png') center center; }
.info-box.location>a.info-blog span.bullet { background-color:#889e30; background-image:url('../img/main/icon_link_blog.png'); }
.info-box.location>a.info-facebook span.bullet { background-color:#3b5789; background-image:url('../img/main/icon_link_fb.png'); }
.info-box.location>a span.icon-more { background-color:inherit; background-image:url('../img/main/icon_link_plus.png'); }





ul.basic li { padding-left:20px; background:transparent url('../img/main/bul_ul_02.png') 5px 10px no-repeat; }
ul.basic li.pl { background:none; padding-left:85px; }
ul.basic.nob li,
ul.basic li.nob,
ul.basic li.paragraph { background:none; padding-left:20px; }


ul.basic li.title { background:none; padding-left:0; margin:15px 0 5px 0; color:#313131; font-size:21px; font-weight:bold; }
ul.basic li.title span { display:inline-block; padding:1px 20px; color:#fff; font-weight:bold; }
ul.basic li.title span.red { background-color:#e25213; }
ul.basic li.title span.gray { background-color:#424242; }
.color-reverse h3.basic { color:#58a2e3; }
.color-reverse ul.basic li.title { color:inherit; font-weight:inherit; font-size:18px; }




.icon-box { width:125px; height:125px; display:inline-block; margin-right:30px; background:transparent url('../img/sub/icon_cabinet.png') 50% 0 no-repeat; vertical-align:middle; }
.icon-box span { display:block; padding-top:90px; font-size:20px; text-align:center; }
.icon-box.openbox { width:115px; height:115px; }
.icon-box.mic, icon-box.sprout { width:105px; height:105px; }
.icon-box.ord { width:95px; height:150px; }
.icon-box.cinema { background-image:url('../img/sub/icon_cinema.png'); }
.icon-box.restaurant,
.icon-box.restaurant { background-image:url('../img/sub/icon_restaurant.png'); }
.icon-box.bread { background-image:url('../img/sub/icon_bread.png'); }
.icon-box.mic { background-image:url('../img/sub/icon_mic.png'); }
.icon-box.sprout { background-image:url('../img/sub/icon_sprout.png'); }
.icon-box.ord-01 { background-image:url('../img/sub/icon_ord_01.png'); }
.icon-box.ord-02 { background-image:url('../img/sub/icon_ord_02.png'); }
.icon-box.ord-03 { background-image:url('../img/sub/icon_ord_03.png'); }
.icon-box.openbox { background-image:url('../img/sub/icon_openbox.png'); }





div.basic { border:1px solid #ccc; background-color:#fafafa; padding:10px 40px; margin-top:15px; }
.notify .icon-box { margin:0; }
.notify .paragraph { margin-top:15px; }
.notify h3 { display:inline-block; padding:0 30px; }
.notify a:hover, .notify a:visited, .notify a:link, .notify a:active {
    font-size:24px;
    display: inline-block;
    padding: 7px 30px;
    border: 1px solid #615956;
    background: #615956;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}




/* calendar */
.calendar h1 { text-align:center; }
.calendar a { display:inline-block; padding:3px; margin-top:35px; }
.calendar a, .calendar a:hover, .calendar a:visited, .calendar a:link, .calendar a:active { text-decoration:none; font-size:20px; line-height:40px; }
.calendar a>i { font-size:40px; }
.calendar a, .calendar a>i { vertical-align:middle; }
.calendar ol, .calendar ol li { border:1px solid #dee1e3; }
.calendar ol { width:100%; border-right:0; border-bottom:0; }
.calendar ol li { position:relative; width:14.28571%; padding:20px; float:left; border-top:0; border-left:0; }
.calendar ol.list-date { border-top:0; }
.calendar ol.list-week { margin-top:25px; }
.calendar ol.list-week li { height:50px; text-align:center; color:#fff; font-weight:bold; }
.calendar ol.list-week.mint { background-color:#58a299; }
.calendar ol.list-week.blue { background-color:#4871b2; }
.calendar ol li time { position:absolute; display:inline-block; font-weight:bold; font-size:90%; right:8px; top:8px; }
.calendar ol.list-date .current { background-color:#ffffd9; color:#fb7c00; }
.calendar ol.list-date li:nth-child(7n) > time { color:#218d44; }
.calendar ol.list-date li:nth-child(7n+1) > time { color:#f44e4e; }
.calendar ol.list-date li:hover { background-color:#f7f7f7; }
.calendar ol.list-date li div { overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.calendar ol.list-date li p { font-size:12px; padding:0; margin:0; line-height:1.5; }
.calendar ol.list-date.dgn-0105>li>div>p { font-size:15px; }
.calendar ol.list-date.dgn-0105>li>div>p,
.calendar ol.list-date.dgn-0105>li>div>p>span.stit { display:none; }
.calendar ol.list-date.dgn-0105>li>div>p.wr_1 { display:block; }
.calendar ol.list-date.dgn-0105>li>div.pop-up,
.calendar ol.list-date.dgn-0105>li>div.pop-up p { display:block; }
.calendar ol.list-date li div.bullet {
    margin-bottom : 5px;
}
/* history */
.history-01 .ht-tab { margin:0; padding:0; margin-top:0px; border:1px solid #dcdcdc; border-left:0 none; border-right:0 none; background-color:#f9f9f9; }
.history-01 .ht-tab li { font-size:16px; font-weight:bold; text-align:center; padding:15px; }
.history-01 .ht-tab li a { position:relative; display:inline-block; padding:5px 20px; }
.history-01 .ht-tab li.active a { color:#fff; background-color:#67a9d1; }
.history-01 .ht-list { display:table; margin-left:20px; }
.history-01 .ht-list .break-y { display:table-row; }
.history-01 .ht-list .break-y > * { display:table-cell; padding:30px 0; vertical-align:top; }
.history-01 .ht-list .break-y > .box-l { padding-top:83px; padding-left:60px; }
.history-01 .ht-list .break-y { border-bottom:1px solid #dcdcdc; }
.history-01 .ht-list .break-y::after { content:''; display:block; clear:both; }
.history-01 .ht-list h3 { position:relative; margin:0; padding:0; width:130px; height:130px; line-height:130px; font-family:'arial'; font-size:27px; font-weight:bold; color:#fff; background-color:#67a9d1; border-radius:50%; text-align:center; letter-spacing:-1px; }
.history-01 .ht-list h3::before,
.history-01 .ht-list h3::after { content:''; display:inline-block; position:absolute; top:50%; right:0; }
.history-01 .ht-list h3::before { width:80px; height:0; border-top:1px solid #b6b6b6; margin-right:-80px; }
.history-01 .ht-list h3::after { width:12px; height:12px; background-color:#b7b7b7; border-radius:50%; margin-top:-6px; margin-right:-80px; }
.history-01 .ht-list h3 .head-y { position:relative; display:inline-block; }
.history-01 .ht-list h3 .head-y::before { content:'YEAR'; display:inline-block; padding-bottom:20px; font-size:13px; height:13px; line-height:13px; font-weight:normal; margin-right:3px; position:relative; top:-10px; }
.history-01 .ht-list dl { padding-left:40px; }
.history-01 .ht-list dl * { margin:0; padding:0; font-size:15px; line-height:1.7; }
.history-01 .ht-list dl dt { float:left; width:80px; font-weight:normal; }
.history-01 .ht-list dl dd { padding-left:80px; }
.history-01 .ht-list dl dd::after { content:''; width:100%; clear:both; }



/* photo gallery */
.gallery-basic>div { padding:0 3px; }



.ceo-message { padding-top:20px; }
.ceo-message h2.basic { margin-bottom:40px; }
.ceo-message strong { text-decoration:underline; }
.ceo-photo-box.company { padding-right:50px; }
.ceo-message.company { padding:0; }
.ceo-message ul.basic li.title { padding:0; margin:0; }
.ceo-message ul.basic li.h2 { padding:0; margin:0; font-size: 29px; }
.ceo-message.company strong { text-decoration:none; font-size:25px; font-weight:normal; }

.ethical-manage { margin-bottom:30px; }
.ethical-manage .content-head { margin:25px 0; text-align:center; line-height:1.5; }
.ethical-manage .content-head h2 { font-size:35px; line-height:1.5; }
.ethical-manage .content-head h3 { font-size:23px; line-height:1.5; }
.ethical-manage .content-head p { font-size:16px; text-align:left; }
.ethical-manage .content-list { display:table; width:100%; font-size:16px; }
.ethical-manage .content-list dt,
.ethical-manage .content-list dd { display:table-cell; vertical-align:middle; }
.ethical-manage .content-list dt { width:70px; }
.ethical-manage .content-list dt i { font-style:normal; display:inline-block; background-color:#cdb9bb; border:1px solid #cdb9bb; border-radius:5px; color:#fff; padding:3px; font-size:19px; font-weight:bold; text-shadow:#aea2a4 1px 1px; width:70px; text-align:center; }
.ethical-manage .content-list dd { padding:3px 0 3px 15px; }
.ethical-manage hr { display:block; margin:10px 0; height:0px; border:0; border-top:1px dashed #a1a1a1; }

.ethical-manage .content-list .nav.nav-tab { font-size:18px; font-weight:bold; margin:60px 0 30px; }
.ethical-manage .content-list .tab-content h3.tab-title { display:inline-block; background-color:#cdb9bb; border:1px solid #cdb9bb; border-radius:5px; padding:10px 20px; }
.ethical-manage .content-list .tab-content h4,
.ethical-manage .content-list .tab-content p { font-size:16px; }



/* bootstrap customizing */
.gnb .dropdown:hover .dropdown-menu { display:block; }
.gnb .dropdown-menu { font-size:16px; padding:0 10px 10px 10px; border:1px solid #ccc; border-top:0; border-radius:10px; background-color:#fff; box-shadow:inherit; }
.gnb .dropdown-menu a { padding:5px 15px; text-align:left; }
.gnb .dropdown-menu a:hover { background:inherit; }

/*
h1 ol.breadcrumb { float:right; font-size:14px; font-weight:normal; letter-spacing:0; background:none; }
h1 ol.breadcrumb>li+li:before { content: "\276F\00a0"; color:#424242; }
h1 ol.breadcrumb li a { text-decoration:none; }
*/


.breadcrumbs-container { background-color:#fafafa; border:1px solid #ddd; border-left:0 none; border-right:none; margin-bottom:20px; }
.breadcrumbs-container .breadcrumb { margin:0; padding:0; }
.breadcrumbs-container .breadcrumb>li+li:before { content: "\276F\00a0"; color:#313131; }
.breadcrumbs-container .breadcrumb li { padding:8px 0px; font-size:15px; color:#313131; }
.breadcrumbs-container .breadcrumb li a { text-decoration:none; }
.breadcrumbs-container .breadcrumb>li:first-child { padding:8px 12px; border:1px solid #ddd; border-top:0 none; border-bottom:0; }
.breadcrumbs-container .breadcrumb>li:first-child+li:before { content:''; }


/* head.php 서브메뉴 탭 부분 */
.sub-menus-container .container { position:relative; }
.sub-menus-container .container ul { width: 100%; min-height:83px; border: 1px solid #e3e3e3; margin-top:-40px; background:#ffffff; }
.sub-menus-container .container ul li { float:left; padding:0px 22px; }
.sub-menus-container .container ul li a { position:relative; font-size:18px; padding:28px 0; display:inline-block; text-align:center; }
.sub-menus-container .container ul li:first-child { padding:0 55px; position:relative; background-color:#2986bf; margin-right:20px; }
.sub-menus-container .container ul li:first-child:after { content:''; width:22px; height:22px; display:block; position:absolute; top:26px; right:-9px; border-radius:50px; background-color:#2986bf; }
.sub-menus-container .container ul li:first-child a { padding:25px 0; font-size:22px; color:#ffffff; }
.sub-menus-container .container ul li.active a { color:#2986bf; }
.sub-menus-container .container ul li.active a:after { display: block; content: ''; position: absolute; bottom: 0; border-bottom: 3px solid #2185c1; width: 100%; }
/* 서브 메뉴별 color */
.sub-menus-container .container ul.color-01 li:first-child { background-color:#2986bf; }
.sub-menus-container .container ul.color-01 li:first-child:after { background-color:#2986bf; }
.sub-menus-container .container ul.color-01 li.active a { color:#2986bf; }
.sub-menus-container .container ul.color-01 li.active a:after { border-bottom-color:#2185c1; }

.sub-menus-container .container ul.color-02 li:first-child { background-color:#3cab40; }
.sub-menus-container .container ul.color-02 li:first-child:after { background-color:#3cab40; }
.sub-menus-container .container ul.color-02 li a { letter-spacing: -3px; }
.sub-menus-container .container ul.color-02 li.active a { color:#48af4b; }
.sub-menus-container .container ul.color-02 li.active a:after { border-bottom-color:#3ca93f; }

.sub-menus-container .container ul.color-03 li:first-child { background-color:#b33389; }
.sub-menus-container .container ul.color-03 li:first-child:after { background-color:#b33389; }
.sub-menus-container .container ul.color-03 li.active a { color:#c667a4; }
.sub-menus-container .container ul.color-03 li.active a:after { border-bottom-color:#b33487; }

.sub-menus-container .container ul.color-04 li:first-child { background-color:#e65046; }
.sub-menus-container .container ul.color-04 li:first-child:after { background-color:#e65046; }
.sub-menus-container .container ul.color-04 li.active a { color:#e75b51; }
.sub-menus-container .container ul.color-04 li.active a:after { border-bottom-color:#e54f45; }

.nav.nav-tab li { border:1px solid #cccccc; border-right-width:0; }
.nav.nav-tab li:last-child { border-right-width:1px; }
.nav.nav-tab a { padding:15px 0px; text-align:center; }

.nav-pills.navbar-collapse>li+li { margin:0; }
.nav-pills.navbar-collapse>li>a { border-radius:0; }

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background-color:#58a2e3; }

.alert.alert-warning { color:#e25213; background:none; border:0; padding:0; margin:0; line-height:1.75; }


/* table > basic */
table.basic thead th,
table.basic tbody th,
table.basic tfoot th,
table.basic thead td,
table.basic tbody td,
table.basic tfoot td { font-weight:normal; padding:12px 30px; height: inherit; text-align:center; vertical-align:middle; }
table.basic thead th,
table.basic tbody th,
table.basic tfoot th { text-align:center; background-color:#f5f5f5; width:200px; }
table.basic caption { font-size:19px; font-weight:bold; color:#424242; }
table.basic.head-cap caption { font-size:28px; text-align:center; }
table.basic.auto-width { width:auto; }
table.basic .text-left{text-align:left}
table.basic .text-right{text-align:right}
table.basic .text-center{text-align:center}
table.basic .text-justify{text-align:justify}
table.basic .text-nowrap{white-space:nowrap}

/*
table.no-border { border:0; height:inherit; }
table.no-border thead th,
table.no-border tbody th,
table.no-border tfoot th,
table.no-border thead td,
table.no-border tbody td,
table.no-border tfoot td { font-weight:normal; padding:0; border:0; height:inherit; vertical-align:middle; }
table.no-border thead th,
table.no-border tbody th,
table.no-border tfoot th { width:100px; }
table.no-border thead th h3.basic,
table.no-border tbody th h3.basic,
table.no-border tfoot th h3.basic { padding:0; margin:0; height:inherit; }
*/

table.vertical1 { border-top:2px solid #333; }
table.vertical2 { border-top:2px solid #333; }

table.vertical1 thead th, table.vertical1 tbody th, table.vertical1 tfoot th, table.vertical1 thead td table.vertical1 tbody td table.vertical1 tfoot td, table.vertical2 thead th, table.vertical2 tbody th, table.vertical2 tfoot th, table.vertical2 thead td table.vertical2 tbody td table.vertical2 tfoot td { padding:12px; }
table.vertical1 thead th, table.vertical1 tbody th, table.vertical1 tfoot th,
table.vertical2 thead th, table.vertical2 tbody th, table.vertical2 tfoot th { background-color:#f5f5f5; width:inherit; }
table.vertical3 thead th, table.vertical3 tbody th, table.vertical3 tfoot th { padding:5px; }

/* timetable */
table.basic.timetable th *,
table.basic.timetable td * { padding:0; margin:0; }

table.fixed { height:80px; }
table.fixed th { width:220px; }


/* floor-guide */
.floor-guide { position:relative; border:1px solid #ccc; background-color:#fafafa; }
.floor-guide a.btn-chevron {
    display:block;
    position:absolute;
    height:50px;
    line-height:50px;
    font-size:50px;
    color:#999;
    top:50%;
    margin-top:-25px;
}
.floor-guide a.btn-chevron.left { left:3%; }
.floor-guide a.btn-chevron.right { right:3%; }
.floor-guide .tab-pane { padding:3% 8%; font-size:19px; line-height:1.5; }
.floor-guide h1 { font-size:55px; background:none; padding:0; margin:0; height:inherit; line-height:inherit; }
.floor-guide h2 { font-size:35px; background:none; padding:0; margin:0; margin-top:35px; height:inherit; line-height:inherit; }
.floor-guide span { display:block; margin-top:10px; }




.ctrl_admin { text-align:right; }
.ctrl_admin a,
.ctrl_admin a:hover,
.ctrl_admin a:visited,
.ctrl_admin a:link,
.ctrl_admin a:active { display:inline-block; text-decoration:none; font-size:18px; line-height:18px; padding:10px 15px; margin:0 5px; border:1px solid #e8180c; background-color:#e8180c; color:#fff; }
.radio-box input[type="radio"] { margin:0; margin-right:5px; padding:0; }
.radio-box label { margin:0; margin-right:20px; }




/* youtube player */

.movie-overlay,
.movie-pop {z-index:11111;position:fixed;top:0;left:0;width:100%;height:100%;}
.movie-overlay { z-index: 9999; background: #aaaaaa; opacity: .5; filter: Alpha(Opacity=50); overflow-x: hidden; transition: 0.5s; }
.movie-pop .m-wraper {position:relative;display:table;vertical-align:middle;width:100%;height:100%;}
.movie-pop .m-container {display:table-cell;padding:40px;padding-top:90px;vertical-align:middle;width:100%;}
.movie-pop .m-wraper a {display:block;position:absolute;top:40px;right:40px;font-size:45px;}


/* custom define */
.unit { clear:both; }
.img-txt-none .unit-photo span.text { display:none; }
.co-expn { font-size:15px; }
/* 기관소개 - 인사말 */
.pic-member { position:relative; }
.pic-member ul.unit-photo { z-index:2; }
.pic-member ul.unit-photo:after { position:absolute; top:0; left:0; background:#67aad1; width:1200px; height:350px; z-index:-1; }
.pic-member ul.unit-photo li { text-align:center; }
.pic-member ul.unit-photo li img { display:block; margin: 0 auto; margin-top:50px; }
.pic-member ul.unit-photo span.text { visibility:hidden; }
.pic-member .unit-tail { margin-top:20px; line-height:1.2; font-size:18px; padding:0 125px; color:#777777; }

.img-one .unit-photo { float:left; }
.img-one .unit-tail { float:left; margin-left:10px; margin-top:10px; color:#636164; }
.img-one .unit-tail:after { clear:both; }

.triangle-after { padding-top:20px; }
.triangle-after .unit-body { width:100%; min-height:100px; position:relative; }
.triangle-after .unit-body h1 { margin:0; width:300px; float:left; background:#5fa6d0; color:#ffffff; padding-top:40px; padding-bottom:23px; text-align:right; position:relative; }
.triangle-after .unit-body h1:before { display:none; content:"01"; font-size:15px; position:absolute; top:21px; right:3px; }
.triangle-after .unit-body h1:after { content:" "; width:85px; height:104px; position:absolute; top:0; right:-81px; background:url('../img/triangle_after.png') no-repeat; }
.triangle-after .unit-body p { margin:0; float:left; padding-left:100px; padding-top:45px; padding-bottom:34px; padding-right:42px; font-size:18px; color:#636164; background:#f2f3f5; }

.triangle-before { padding-top:2px; }
.triangle-before .unit-body { width:100%; min-height:100px; position:relative; }
.triangle-before .unit-body {  }
.triangle-before .unit-body h1 { margin:0; width:300px; float:left; background:#8accdc; color:#ffffff; padding-top:40px; padding-bottom:23px; text-align:left; position:relative; }
.triangle-before .unit-body h1:before { content:" "; width:81px; height:104px; position:absolute; top:0; left:-77px; background:url('../img/triangle_before.png') no-repeat; }
.triangle-before .unit-body h1:after { display:none; content:"02"; font-size:15px; position:absolute; top:21px; left:3px; }
.triangle-before .unit-body p { margin:0; float:left; padding-left:225px; padding-top:45px; padding-bottom:34px; padding-right:153px; font-size:18px; color:#636164; background:#f2f3f5; }
.triangle-before .unit-photo { margin:70px 0; }
.triangle-before ul.unit-photo li { text-align:center; }

.img-list-2 { margin-bottom:50px; }
.img-list-2 .img-left { display:inline-block; width:49%; min-height:60px; margin-top:20px; }
.img-list-2 .img-left .unit-photo,
.img-list-2 .img-left .unit-tail { float:left; }
.img-list-2 .img-left .unit-tail { padding-left:10px; padding-top:7px; }


.img-list-1 {}
.img-list-1 .img-left { display:inline-block; margin-top:20px; }
.img-list-1 .img-left .unit-photo,
.img-list-1 .img-left .unit-tail { float:left; }
.img-list-1 .img-left .unit-tail { padding-left:10px; padding-top:3px; }

.vision-txt {}
.vision-txt h2 { margin:0; margin-top:10px; padding:0; font-weight:normal; }
.vision-txt .unit-head { }
.vision-txt .unit-head h2 { text-align:center; background:none; }
.vision-txt .unit-head h2 span { background: #67aad1; color: #ffffff; padding: 6px 45px; padding-top: 9px; font-size: 29px; font-family:'Nanum Barun Gothic'; }
.vision-txt .unit-body { }
.vision-txt .unit-body h2 { margin-top:30px; text-align:center; background:none; color: #8c8c8c; font-size: 28px; }
.vision-txt ul.unit-photo { margin-top:90px; }
.vision-txt ul.unit-photo li { text-align:center; }

.goal-box {}
.goal-box .div-4.table-row { width:100%; }
.goal-box .div-4.table-row hr,
.goal-box .unit span.number { display:none; }
.goal-box .div-4.table-row .unit { position:relative; }
.goal-box .div-4.table-row .unit .unit-subj { margin:0; padding:0; padding-top:10px; width:85%; min-height:110px; position:absolute; top:25px; left:23px; text-align:center; color:#ffffff; font-weight:normal; }
.goal-box .div-4.table-row .unit.bg-01 .unit-subj { background:#64a9d3; }
.goal-box .div-4.table-row .unit.bg-02 .unit-subj { background:#4d94c0; }
.goal-box .div-4.table-row .unit.bg-03 .unit-subj { background:#3a7499; }
.goal-box .div-4.table-row .unit.bg-04 .unit-subj { background:#789cb6; }
.goal-box .div-4.table-row .unit .unit-subj .img { display:block; margin:0 auto; }
.goal-box .div-4.table-row .unit .unit-subj .head { display:block; padding-top:10px; letter-spacing:-1px; }
.goal-box .div-4.table-row .unit .unit-body { margin:0; padding-top:110px; width:100%; min-width:300px; min-height:240px; }
.goal-box .div-4.table-row .unit .unit-body p { margin:0 auto; padding-top:40px; padding-left:19px; width:98%; min-height:170px; border:1px solid #dfdfdf; letter-spacing:-1px; background:#f2f3f5; color:#8c8c8c; }

.ethics {}
.ethics div.unit:first-child h2 { margin-top:0; }
.ethics .unit-head {}
.ethics .unit-head p { margin-top:25px; font-size:17px; letter-spacing:-1px; }
.ethics .unit-body { margin-top:15px; }
.ethics .unit-body p { padding:40px; background:#f2f3f5; color:#9a9a9a; border:1px solid #dfdfdf; }

.facility {}
.facility div.facility-current>h2 {margin-top:0;}
.facility div.facility-current {}
.facility div.facility-current .unit-body { padding-left:20px; }
.facility div.facility-current .unit-tail h2 { margin-top:70px; }

.facility .facility-01 { margin-top:20px; position:relative; background:#fcfcfc; border: 1px solid #dfdfdf; padding:20px; color:#8c8c8c; }
.facility .facility-01 .unit-head { position:absolute; width:145px; min-height:136px; padding:30px 45px; background:#f5f5f5; border:1px solid #dfdfdf; }
.facility .facility-01 .unit-head > p { margin:0; width:53px; height:74px; padding-top:26px; padding-left:14px; background:url('../img/bg_floor.png') no-repeat; }
.facility .facility-01 .unit-body { padding-left:195px; min-height:136px; }
.facility .facility-01 .unit-body p { float:left; margin-right:100px; padding-top:20px; line-height:1.6; }
.facility .facility-01 .unit-photo { padding-top:25px; }
.facility .facility-01 .unit-photo li { }
.facility .facility-01 .unit-photo li span.text { display:block; padding-top:10px; text-align:center; } 

.business {}
.business h1 { text-align:center; font-size:32px; }
div.business:first-child h1 { margin-top:0; }
.business h1 + p { margin-top:30px; }
.business h3 { margin:0; padding:0; padding-top:20px; padding-bottom:10px; color:#3ea93f; font-size:18px; }
.business ul.unit-photo { }
.business ul.unit-photo li { text-align:center; background:#f6f6f6; padding-bottom:50px; }
.business ul.unit-photo li span.text { display:none; }
.business ul.unit-photo + .unit-tail { position:relative; }
.business ul.unit-photo + .unit-tail > p { position:absolute; text-align:center; top:-40px; width:100%; height:100%; }
.business ul.unit-photo + .unit-tail > p > i { display:inline-block; font-style:normal; font-size:16px; }

.basic-img-list {}
.basic-img-list h2 { margin-top:40px; margin-bottom:20px; }
.basic-img-list div.unit:first-child h2 { margin-top:0; }
.basic-img-list .unit-photo { position:absolute; }
.basic-img-list .img-div .unit-photo { position:static; }
.basic-img-list .unit-tail { min-height:180px; padding-left:305px; }
.basic-img-list .unit-tail p { line-height:1.7; }
.basic-img-list .unit.pd-top-10 p { padding-top:10px; }
.basic-img-list .unit.pd-top-20 p { padding-top:20px; }
.basic-img-list .unit.pd-top-30 p { padding-top:30px; }
.basic-img-list .unit.pd-top-40 p { padding-top:40px; }

.case {}
.case h3 { padding:20px; background:#f9f9f9; }

.happy.basic-img-list .unit.pd-top-10 h4 { padding-top:10px; }
.happy.basic-img-list .unit.pd-top-20 h4 { padding-top:20px; }
.happy.basic-img-list .unit.pd-top-30 h4 { padding-top:30px; }
.happy.basic-img-list .unit.pd-top-40 h4 { padding-top:40px; }
.happy.basic-img-list .unit.pd-top-10 h4 + p,
.happy.basic-img-list .unit.pd-top-20 h4 + p,
.happy.basic-img-list .unit.pd-top-30 h4 + p,
.happy.basic-img-list .unit.pd-top-40 h4 + p { padding-top:0; }
.happy.basic-img-list .img-div .unit-photo li { padding-bottom:30px; text-align:center; }
.happy.basic-img-list .img-div .unit-photo span.text { display:block; padding-top:10px; text-align:center; }


.step-box {}
.step-box .unit-head,
.step-box .unit-body,
.step-box .unit-tail { clear:both; }
.step-box ul { margin:20px 0; height:83px; }
.step-box ul li { float:left; position:relative; width:145px; height:83px; line-height:1.1; background:#f3f3f3; border:1px solid #dedede; padding:20px 20px; margin-right:5px; font-size:14px; text-align:center; }
.step-box ul li:after { content:" "; display:block; position:absolute; width:10px; height:21px; top:37%; right:-11px; z-index:2; background:url('../img/right-arrow-green.png') no-repeat; }
.step-box.step-red ul li:after { background:url('../img/right-arrow-red.png') no-repeat; }
.step-box ul li:last-child:after { content:" "; display:none;background:none; }

.family .step-box ul li i { font-style:normal; display:block; padding-top:14px; }
.family h2.unit-subj { margin-top:40px; }
.family div.unit:first-child h2.unit-subj { margin-top:0; }

.gray-box { background: #f2f3f5; padding: 30px; text-align: center; }
.gray-box h2.unit-subj { width:50%; background:none; font-size:28px; margin:0 auto; margin-top:30px; margin-bottom:5px; position:relative; }
.gray-box h2:after { content:" "; display:block; width:52px; height:62px; background:url('../img/ico_wing.jpg') no-repeat; position:absolute; right:-4px; top:-45px; }
.gray-box .unit-body {}
.gray-box .unit-body p:first-child { font-size:20px; }
.gray-box .unit-body h4 { text-align:left; padding-left:190px; color: #e65046; }
.gray-box .unit-body h4 + p { text-align:left; padding-left:190px; }
.gray-box .unit-body hr { width: 67%; background: #dedede; display: block; height: 1px; }

table.table {}
table.table tr:first-child td,
table.table td { padding:10px 0; }
table.table tr:first-child td { padding:15px 0; background:#f6f6f6; font-weight:bold; }

.service h2 { margin-top:50px; }
.service table.table {}
.service table.table tr:nth-child(2) td:last-child,
.service table.table tr:nth-child(3) td:nth-child(1),
.service table.table tr:nth-child(5) td:nth-child(1) { vertical-align:middle; }
.service .step-box ul li i { font-style:normal; display:block; padding-top:14px; }
.service .step-box ul li { width:165px; }
.service .step-box .unit-tail p i { font-style:normal; }
.service .step-box .unit-tail p i:before { content:"※"; display:inline-block; padding-right:5px; }

.service .serve-info-box.step-box {}
.service .serve-info-box.step-box ul+p { margin:0; height:0; }
.service .serve-info-box.step-box ul { margin:0; }
.service .serve-info-box.step-box ul:first-child { margin-top:20px; margin-bottom:2px; }
.service .serve-info-box.step-box ul li:last-child { margin-bottom:10px; width:85%; padding-left:20px; text-align:left; background:#ffffff; }
.service .serve-info-box.step-box ul li:last-child i { padding-top:11px; }
.service .serve-info-box.step-box ul li:last-child i>span,
.service .serve-info-box.step-box ul li:last-child i>font { display:inline-block; padding:0 5px; padding-top:4px; }
.service .serve-info-box.step-box .unit-tail p { display:inline-block; vertical-align:top; }
.service .serve-info-box.step-box .unit-tail p:first-child span { padding:0 5px; padding-top:4px; }
.service .serve-info-box.step-box .unit-tail p:last-child { margin-left:10px; }

.btn-box .unit-tail p { text-align:center; }
.btn-box .unit-tail p a { background:#959595; border:1px solid #949494; padding:20px 90px; }


.support h2 { margin-top:50px; }
.support table.table {}
.support table.table td { vertical-align:middle; }
.support .table-support-kind table.table tr td:first-child { background:#f6f6f6; font-weight:bold; }
.support table.table tr:first-child td { background:#ffffff; font-weight:normal; }
.support table.table tr:first-child td:first-child,
.support table.table tr:nth-child(4) td:first-child { background:#f6f6f6; font-weight:bold; vertical-align:middle; width:200px; }

.borrow h2 { margin-top:50px; }
.borrow.step-box ul { margin-top:0; }
.borrow.step-box ul li i { font-style:normal; display:block; padding-top:14px; }
.borrow.step-box ul li { width:390px; }
.borrow.basic-img-list.step-box .unit-tail { padding:0; }
.borrow.basic-img-list .unit.border-img-box { display:inline-block; border:1px solid #dfdfdf; margin-right:20px; margin-bottom:20px; padding:20px; padding-bottom:0; }
.borrow.basic-img-list .unit.border-img-box .unit-head { font-size:18px; }
.borrow.basic-img-list .unit.border-img-box.n3 { padding-right:23px; }
.borrow.basic-img-list .unit.border-img-box.n4 { padding-right:30px; }
.borrow.basic-img-list .unit-tail { padding-left:245px; }

.practice { }
.practice h2 { margin-top:50px; }
.practice div.unit:first-child h2 { margin-top:0; }
.practice .step-box ul { margin:0; }
.practice .step-box ul li { width:165px; }
.practice .step-box ul li i { font-style:normal; display:block; padding-top:14px; }



/* index css */
.reset-inline-block { font-size:0; letter-spacing:0; word-spacing:0; }
.main { margin-top:10px; }
.main a { width:100%; height:100%; }

.main .ico_txt img { width:auto; }
.main .ico_txt a { color:#ffffff; text-align:center; }
.main .ico_txt a h2 { background:none; margin:0; padding:0; padding-top:30px; }

.main .top { }
.main .top>div { margin:0; padding:0; font-size:15px; display:inline-block; vertical-align:top; }
.main .top .business { background:url('../img/bg_business.jpg') no-repeat; width:600px; height:590px; }
.main .top .business a { display:block; width:100%; height:100%; padding-top:45%; }
.main .top .business a h4,
.main .top .business a h1 { text-align:center; margin:0; padding:0; color:#ffffff; }
.main .top .business a h4 { font-size:26px; }
.main .top .business a h1 { padding-top:10px; font-size:45px; }
.main .top .bulletin { width:600px; height:590px; }
.main .top .bulletin .notice { height:295px; }
.main .top .bulletin .calendar,
.main .top .bulletin .news { height:285px; }
.main .top .bulletin .news a img {  }

.main .top .bulletin .notice { }
.main .top .bulletin .notice .lt { position:relative; }

.main .top .bulletin .calendar-news { margin-top:10px; }
.main .top .bulletin .calendar-news>div { margin:0; padding:0; display:inline-block; vertical-align:top; font-size:15px; }
.main .top .bulletin .calendar-news .calendar { width:300px; padding-left:10px; position:relative; }
.main .top .bulletin .calendar-news .calendar>a { position:absolute; width:auto; height:auto; margin:0; padding:0; }
.main .top .bulletin .calendar-news .calendar>a.prev { top:50%; left:10px; }
.main .top .bulletin .calendar-news .calendar>a.next { top:50%; right:10px; }
.main .top .bulletin .calendar-news .calendar { padding-top:10px; }
.main .top .bulletin .calendar-news .calendar .title { }
.main .top .bulletin .calendar-news .calendar .title h3 { margin:0;padding:0;width:245px; font-size:22px; }
.main .top .bulletin .calendar-news .calendar .title span {  }
.main .top .bulletin .calendar-news .calendar .title span a { margin:0;padding:0; font-size:30px; }
.main .top .bulletin .calendar-news .calendar .title h3,
.main .top .bulletin .calendar-news .calendar .title span { display:inline-block; }
.main .top .bulletin .calendar-news .calendar .present .date { padding-top:20px; text-align:center; }
.main .top .bulletin .calendar-news .calendar .present .date .date-ymf { font-size:17px; }
.main .top .bulletin .calendar-news .calendar .present .date .date-d { font-size:90px; }
.main .top .bulletin .calendar-news .calendar .present .date h4 { margin:0; padding:0; padding-left:10px; text-align:left; font-size:15px; }
.main .top .bulletin .calendar-news .calendar .present .date span { color:#878787; }
.main .top .bulletin .calendar-news .calendar .present a { color:#000000; }
.main .top .bulletin .calendar-news .calendar .present a.btn { margin:0; font-size:15px; width:180px; height:23px; padding:10px 0 5px; line-height:0; color:#ffffff; }
.main .top .bulletin .calendar-news .news { background:#3c5887; width:300px; padding-top:55px; }

.main .middle { margin-top:10px; }
.main .middle>div { margin:0;padding:0;font-size:15px;display:inline-block;vertical-align:top; }
.main .middle .food { width:300px; height:290px; margin-right:10px; margin-bottom:10px; }
.main .middle .food .today_one { background:#fc6e34; width:100%; height:100%; color:#ffffff; text-align:center; padding-top:50px; }
.main .middle .food .today_one h3 { margin:0; padding:0; font-size:25px; }
.main .middle .food .today_one h2 { margin:0; padding:0; margin-top:20px; background:none; font-size:45px; }
.main .middle .food .today_one a { color:#ffffff; }
.main .middle .food .today_one .menu-txt { padding-top:20px; padding-left:60px; font-size:20px; text-align:left; }
.main .middle .food .today_one .ico_txt { margin-top:250px; }
.main .middle .food .today_one .ico_txt h3 { margin-top:20px; font-size:25px; }
.main .middle .youtube-location { display:block; width:300px; height:290px; text-align:center; background-color:#dadada; padding-top:90px; }

.main .middle .happy { background:url('../img/bg_happy.jpg') no-repeat; width:580px; height:590px; }
.main .middle .happy a { display:block; width:100%; height:100%; padding-top:45%; }
.main .middle .happy a h3,
.main .middle .happy a h1 { text-align:center; margin:0; padding:0; color:#ffffff; }
.main .middle .happy h3 { font-size:26px; }
.main .middle .happy a h1 { font-size:45px; margin-top:10px; }

.main .middle .citizen a h2,
.main .middle .location a h2 { padding:0; padding-top:25px; }

.main .middle .citizen-location { width:300px;height:590px; margin-left:10px; }
.main .middle .citizen-location .citizen { background:#7ab847; height:290px; margin-bottom:10px; }
.main .middle .citizen-location .citizen a { display:block; padding-top:65px; }
.main .middle .citizen-location .location { background:url('../img/bg_location.jpg') no-repeat; background-size:cover; width:100%; height:290px; }
.main .middle .citizen-location .location a { display:block; padding-top:65px; }

.main .bottom { margin-top:10px; }
.main .bottom>div { margin:0; padding:0; display:inline-block; font-size:15px; vertical-align:top; margin-left:10px; }
.main .bottom .facebook { width:300px; height:295px; margin:0; }
.main .bottom .support,
.main .bottom .service { width:285px; }
.main .bottom .support{ background:url('../img/bg_support.jpg') no-repeat; height:295px; background-size:cover;}
.main .bottom .service { height:295px; }
.main .bottom .education { width:300px; height:295px; }
.main .bottom .ico_txt { height:295px; }
.main .bottom .ico_txt a { width:100%;height:100%; display:block;padding-top:60px;}
.main .bottom .facebook  { background:#3c5887; }
.main .bottom .service  { background:#1baf86; }
.main .bottom .education { background:#22b2b6; }

.visual-wrap .bx-wrapper .bx-pager, 
.visual-wrap .bx-wrapper .bx-controls-auto { bottom:20px; }

#visual-wrap-related { margin-top: 40px; }
#visual-wrap-related .bx-wrapper { margin-bottom:0; }
#visual-wrap-related img { width:auto; }

.partners-box { margin-top:40px; }
.partners-box .bx-wrapper { margin-bottom:0; }

h1.container { margin-bottom:50px; }

/* mobile hambuger menu */
.menu-hambuger { padding-top: 15px; padding-right: 5px; }
.menu-hambuger .hambuger-wrapper { border: 3px solid #aaa; border-radius: 5px; padding: 0 7px; padding-top:3px; }
.menu-overlay {z-index:11111;position:fixed;top:0;right:0;width:100%;height:100%;}
.menu-pop {z-index:11111;position:fixed;top:0;right:0;min-width:300px;}
.menu-overlay { z-index: 9999; background: #aaaaaa; opacity: .5; filter: Alpha(Opacity=50); overflow-x: hidden; transition: 0.5s; }
.menu-pop .menu-container {
    background:#f3f4f5;
}
.menu-pop .menu-container .menu-header {
    padding:10px;
    background:#414243;
    color:#FFF;
}
.menu-pop .menu-container .menu-header li { float:left; padding:0 5px; }
.menu-pop .menu-container .menu-header a {
    color:#FFF;
}
.menu-pop .menu-container .menu-lists { }
.menu-pop .menu-container .menu-lists ul.menus { 
    padding:10px;
}
.menu-pop .menu-container .menu-lists ul.menus li.cate1 {
    background:#FFF;
    padding:10px;
    padding-left:20px;
    margin-top:2px;
    cursor:pointer;
}
.menu-pop .menu-container .menu-lists ul.menus li.current-cate1 a {
    color:#CB0000;
}
.menu-pop .menu-container .menu-lists ul.menus li.cate2 {
    display:none;
    padding:10px 20px;
}
.menu-pop .menu-container .menu-lists ul.menus li.current-cate2 {
    display:block;
}
.menu-pop .menu-container .menu-lists ul.menus li.cate2 ul.sub-menu { }
.menu-pop .menu-container .menu-lists ul.menus li.cate2 ul.sub-menu li {
    padding-top:5px;
}


h1.co-0306.container { margin-bottom:10px; }


/* sitemap css */
.site-map {}
.site-map .map-list-box { width:25%; float:left; }
.site-map .map-list-box h2.title-map { background: url(../img/ico_bull_sitemap.jpg) no-repeat 0px 1px; }
.site-map .map-list-box ul.map-list { padding-left: 40px; }
.site-map .map-list-box ul.map-list li { list-style: initial; }
.site-map .map-list-box ul.map-list li a {}



/* ie 8 css */
.lt-ie9 #container,
.lt-ie9 a, 
.lt-ie9 a:hover, 
.lt-ie9 a:active, 
.lt-ie9 a:visited, 
.lt-ie9 a:focus { font-family:'Nanum Barun Gothic'; }
.lt-ie9 .unit>*,

.lt-ie9 .cs-head.container.business>* { width:1200px; }
.lt-ie9 header .tool-bar { width:1200px; }
.lt-ie9 nav.gnb .container { width:1200px; }
.lt-ie9 footer.tail .copyright .container div.fam-site { display:block; width:210px; float:right; }
.lt-ie9 .sub-menus-container .container ul { width:1200px;  }
.lt-ie9 .sub-menus-container .container ul li { padding-left:20px;  }
.lt-ie9 .img-one { width:1200px; }
.lt-ie9 .img-one.unit>* { width:auto; }
.lt-ie9 .triangle-after .unit-body p { width:900px; padding-left:80px; }
.lt-ie9 .triangle-before .unit-body p { width:900px; padding-left:200px;  }
.lt-ie9 .container.img-list-2 { width:1200px; }
.lt-ie9 .img-list-2 .img-left { width:580px; }
.lt-ie9 .img-list-2 .img-left > .unit-photo { width:240px; }
.lt-ie9 .img-list-2 .img-left > .unit-tail { width:340px; }
.lt-ie9 .img-list-1 .unit > * { width:auto; }
.lt-ie9 .facility .facility-01 { width:1200px; }
.lt-ie9 .facility .facility-01 .unit-head { min-height:70px; }

.lt-ie9 .organ-01 .organ-chart ul { width:1200px; }
.lt-ie9 .organ-01 .organ-chart li > div { min-width:230px; }
.lt-ie9 .cs-wrapper .cs-head.container.organ-01,
.lt-ie9 .cs-wrapper .cs-body.container.organ-01 { width:1200px; }
.lt-ie9 .facility .facility-01 .unit-photo li { width:292px; }
.lt-ie9 .gray-box { width:1200px; }
.lt-ie9 .gray-box h2:after { right:-10px; }
.lt-ie9 .borrow.step-box ul { margin-top:0; width:1200px; }
.lt-ie9 .borrow.container.basic-img-list { width:1200px; }
.lt-ie9 .borrow.basic-img-list .unit.border-img-box>.unit-head,
.lt-ie9 .borrow.basic-img-list .unit.border-img-box>.unit-photo,
.lt-ie9 .borrow.basic-img-list .unit.border-img-box>.unit-tail { width:560px; }
.lt-ie9 .borrow.basic-img-list .unit.border-img-box { display:block; width:580px; height:250px; float:left; clear:none; }
.lt-ie9 .main section { width:1200px; }




/* ie8 border-radius */
.lt-ie9 .circle-number,
.lt-ie9 .organ-01 .organ-chart li:first-child::after,
.lt-ie9 .organ-01 .organ-chart li > div,
.lt-ie9 .menu-hambuger .hambuger-wrapper,
.lt-ie9 .nav-pills.navbar-collapse>li>a,
.lt-ie9 .sub-menus-container .container ul li:first-child:after,
.lt-ie9 .history-01 .ht-list h3,
.lt-ie9 .history-01 .ht-list h3::after,
.lt-ie9 .ethical-manage .content-list dt i,
.lt-ie9 .ethical-manage .content-list .tab-content h3.tab-title,
.lt-ie9 .gnb .dropdown-menu { behavior:url('/css/PIE.htc'); }