@charset "utf-8";

/********************************************************************
Publishing : Kang Su Min
Beginning : 2018-04-11
Modifying : 2019-02-19
Project Name : KARIC
*********************************************************************/
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/* reset */
*,:before,:after{box-sizing:border-box;}
html{overflow-y:scroll;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Open Sans','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:18px;line-height:1.42857}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
img,fieldset{border:none}
img{max-width:100%;vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}
/*a:hover,a:active,a:focus{color:#0b7dc1;text-decoration:underline;}*/
table{border-collapse:collapse;border-spacing:0} 
legend{width:0}
input::-webkit-input-placeholder{line-height:normal!important;}
input[type='text'],input[type='email'],input[type='password'],input[type='search']{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type='checkbox']{box-shadow:none;}
label,select{cursor:pointer}
select::-ms-expand{background:none;border:none;}
button{padding:0;border:none;background:none;cursor:pointer}
textarea{overflow:auto}
[hidden]{display:none}
caption{overflow:hidden;width:1px;height:1px;margin-top:-1px}
.blind,legend{display:block;overflow:hidden;position:absolute;left:0;top:-9999em}
.skip a{display:block;position:absolute;left:0;top:-9999em;z-index:9999;overflow:hidden;width:100%;background-color:#333;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;text-decoration:none;line-height:2.2}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/* common */
ul,.clearfix{zoom:1}
ul::after,.clearfix::after{content:'';display:block;clear:both;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*hr{margin:50px 0;}*/

#header{position:relative;z-index:999;width:100%;max-width:1400px;background:#e5f5ff;margin:0 auto;overflow:visible;}
#header:before{content:'';position:absolute;top:0;left:0;right:0;height:0px;background:#1b4b77;}
#header .container-top{padding:0 20px;box-sizing:border-box;}
#header .top-header{padding: 10px 0; position: relative;}

@media (max-width:1190px) {
	#header .container-bottom{padding:0;}
}

@media (max-width:767px) {
	#header{min-height:auto;background:#fff;border-bottom:none;box-shadow:0 0 8px rgba(123,123,123,0.5);max-width:100%;padding:0;}
	#header:before{display:none;}
	#header .container-top{height:100%;padding:0 10px;}
	/* Mobile: slide-in menu panel */
	#header .container-top.on-click .menu-box{display:block !important;}
}

#header .search-box{display:table-cell;vertical-align:bottom;}
#header .logo{display:block;}
/* #header .logo{overflow:hidden;width:201px;} */
/* #header .logo a{display:block;width:200px;height:84px;background:url(../images/common/logo.png) no-repeat;text-indent:-999em;background-size:100% auto;} */
#header .search-box{text-align:right;}
#header .search-wrap{display:inline-block;position:relative;width:350px;padding-right:24px;border-bottom:1px solid #3f73a3;}
#header .search-wrap .txt{width:100%;height:36px;padding:0 10px;border:none;background:transparent;font-size:16px;}
#header .search-wrap .txt::-webkit-input-placeholder{color:#507596;font-weight:600;}
#header .search-wrap .txt::-moz-input-placeholder{color:#507596;font-weight:600;}
#header .search-wrap .txt:-ms-input-placeholder{color:#507596;font-weight:600;}
#header .search-wrap .txt:-moz-input-placeholder{color:#507596;font-weight:600;}
#header .search-wrap .btn-search{position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;background:url(../images/common/icon_search.png) no-repeat;}
#header .search-wrap .btn-search span{display:block;overflow:hidden;width:0;height:0;}

@media (max-width:767px) {
	#header .logo,
	#header .search-box{vertical-align:middle;}
	#header .logo{width:74px;}
	#header .logo a{width:74px;height:31px;/* background-image:url(../images/common/logo_m.png);background-size:99px auto; */}
	#header .search-box{display:none;}
}

/* Hamburger button – desktop: hidden; mobile: shown inline in flex row */
#header .all-menu{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;overflow:hidden;text-indent:-999px;z-index:9999;flex-shrink:0;}
#header .all-menu span{position:absolute;left:0;top:50%;width:100%;height:3px;background:#1a91bc;margin-top:-1px;transition:opacity 0.3s;}
#header .all-menu:before{content:'';position:absolute;left:0;top:4px;width:100%;height:3px;background:#1a91bc;transform-origin:0 0;transition:all 0.3s;}
#header .all-menu:after{content:'';position:absolute;left:0;bottom:3px;width:100%;height:3px;background:#1a91bc;transform-origin:0 100%;transition:all 0.3s;}
#header .all-menu.open span{opacity:0;}
#header .all-menu.open:before{transform:rotate(45deg);width:145%;height:3px;top:-2px;}
#header .all-menu.open:after{transform:rotate(-45deg);width:145%;height:3px;bottom:-2px;}

@media (max-width:767px) {
	#header .all-menu{
		display:flex !important;
		align-items:center;
		justify-content:center;
		position:relative !important;
		transform:none !important;
		right:auto !important;
		top:auto !important;
		margin-left:8px;
		width:28px;
		height:28px;
		text-indent:-999px;
		overflow:hidden;
		flex-shrink:0;
	}
	#header .all-menu span,#header .all-menu:before,#header .all-menu:after{background:#1b4b77 !important;}
}

#header .util-box{position:absolute;top:-107px;right:0;}
#header .util-list li{float:left;margin-left:20px;}
#header .util-list li a{display:block;}
#header .util-list li span{position:relative;display:inline-block;color:#507596;font-size:16px;font-weight:600;}
#header .util-list li span:before{content:'';position:absolute;left:0;background-repeat:no-repeat;background-position:50% 0;}

#header .util-list li.news{display:none;}

#header .util-list li.about span{padding-left:28px;}
#header .util-list li.contact span{padding-left:25px;}
#header .util-list li.lang span{padding-left:25px;}
#header .util-list li.sitemap span{padding-left:24px;}
#header .util-list li.qna span{padding-left:24px;}

#header .util-list li.about span:before{top:2px;width:19px;height:16px;background-image:url(../images/common/icon_about_us.png);}
#header .util-list li.contact span:before{top:4px;width:18px;height:17px;background-image:url(../images/common/icon_contact_us.png);}
#header .util-list li.lang span:before{top:3px;width:16px;height:16px;background-image:url(../images/common/icon_lang.png);}
#header .util-list li.sitemap span:before{top:2px;width:16px;height:20px;background-image:url(../images/common/icon_sitemap.png);}
#header .util-list li.qna span:before{top:2px;width:19px;height:16px;background-image:url(../images/common/icon_qna.png);}

@media (max-width:1190px) {
	#header .util-box{right:10px;}
}
@media (max-width:767px) {
	/* ===== Mobile top row: logo left | lang+hamburger right ===== */
	#header .top-header .row {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 6px 0 !important;
	}
	/* Logo – placed first on the left */
	.header-logo-container {
		flex: 0 0 auto !important;
		width: auto !important;
		order: 1 !important;
		padding: 0 !important;
	}
	/* Controls (lang + hamburger) – pushed to far right on single row */
	.header-controls-container {
		flex: 1 1 0 !important;
		order: 2 !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}
	/* Slogan row below, full width */
	.header-slogan-container {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		order: 3 !important;
		padding: 5px 0 !important;
		border-top: 1px solid rgba(0,0,0,0.05);
		background: #fcfdfe;
	}
	/* Logo image size */
	#header .logo {
		width: auto !important;
		height: auto !important;
		float: none !important;
		margin: 0 !important;
		max-width: 70px;
	}
	#header .logo img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	/* Controls flex row: lang switcher + hamburger inline */
	.header-controls-flex {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		justify-content: flex-end !important;
	}
	/* Hide search on mobile */
	.header-search {
		display: none !important;
	}
	.slogan-education {
		text-align: center !important;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 600;
		color: #003968;
	}
	.slogan {
		text-transform: uppercase;
		font-weight: 800;
		text-align: center;
		font-size: 12px;
		line-height: 1.3;
		color: #003968;
		padding: 0;
		margin-top: 4px !important;
	}
}
@media (max-width:767px) {
	
	.slogan-education {
	    text-align: center;
	    text-transform: uppercase;
	    font-size: 11px;
	    font-weight: 600;
	    color: #003968;
	}
	.slogan {
	    text-transform: uppercase;
	    font-weight: 800;
	    text-align: left;
	    font-size: 11px;
	    line-height: 1.2;
	    color: #003968;
	    padding: 0px;
        margin-top: 5px;
	}
	#header .util-box{display:none;position:static;top:auto;right:auto;}
	#header .on-click .util-box{display:block;}
	
	#header .util-list{background:#0a7fab;}
	#header .util-list li{margin-left:0;/* width:33.3333%; */padding:0 14px;text-align:center;}
	#header .util-list li a{padding:12px 0;}
	#header .util-list li span{font-size:12px;color:#fff;text-transform:capitalize;}

	#header .util-list li.sitemap{display:none;}
	#header .util-list li.news{display:block;}

	#header .util-list li.about span{padding-left:18px;}
	#header .util-list li.contact span{padding-left:18px;}
	#header .util-list li.lang span{padding-left:20px;}
	#header .util-list li.news span{padding-left:18px;}

	#header .util-list li.about span:before{top:3px;width:14px;height:11px;background-image:url(../images/common/icon_about_us_m.png);background-size:14px auto;}
	#header .util-list li.contact span:before{top:3px;width:14px;height:13px;background-image:url(../images/common/icon_contact_us_m.png);background-size:14px auto;}
	#header .util-list li.lang span:before{top:2px;width:13px;height:13px;background-image:url(../images/common/icon_lang_m.png);background-size:13px auto;}
	#header .util-list li.news span:before{top:3px;width:12px;height:12px;background-image:url(../images/common/icon_news_m.png);background-size:12px auto;}
}

/* ============================================================
   MENU BOX & MENU LIST – Full-width, polished dropdown
   ============================================================ */

/* menu-box: automatically sits below container-top in the document flow */
#header .menu-box{
    position:relative;
    width:100%;
    max-width:1400px;
    margin:0 auto; /* Center the menu inside the full-width header */
    padding:0 20px;
    box-sizing:border-box;
    z-index:100;
}
#header .menu-box .only-mobile{display:none;}

/* top-level list: flex, full-width, equal columns */
#header .menu-list{
    display:flex;
    flex-direction:row;
    justify-content:stretch;
    align-items:stretch;
    gap:8px;
    width:100%;
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}
#header .menu-list > li{
    position:relative;
    flex:1;
    float:none;
}
#header .menu-list > li + li{margin-left:0;}

/* all menu links reset */
#header .menu-list li a{
    display:block;
    color:#fff;
    background-color:#3a7bbf;
    white-space:normal;
    text-decoration:none;
    transition:background-color .2s ease, box-shadow .2s ease;
}

/* depth-1 button (top-level tile) */
#header .menu-list .link-depth-1{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:90px;
    text-align:center;
    border-radius:6px 6px 0 0;
    background:linear-gradient(160deg,#3a85cc 0%,#2d6faf 100%);
    box-shadow:0 2px 6px rgba(0,0,0,.18);
    transition:background .22s ease, box-shadow .22s ease, transform .12s ease;
    cursor:pointer;
    overflow:hidden;
}
#header .menu-list .link-depth-1::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0);
    transition:background .2s ease;
    border-radius:inherit;
}
#header .menu-list .link-depth-1 span{
    position:relative;
    display:block;
    padding:10px 14px;
    color:#fff;
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    text-transform:uppercase;
    letter-spacing:.02em;
    z-index:1;
}

/* depth-2 dropdown panel */
#header .menu-list .depth-2-wrap{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:200;
    min-width:220px;
    width:100%;
    height:auto;
    padding:6px 0 10px;
    border-radius:0 0 8px 8px;
    background:linear-gradient(180deg,#2d6faf 0%,#1e5a9a 100%);
    box-shadow:0 8px 24px rgba(0,0,0,.22);
    opacity:0;
    transform:translateY(-6px);
    transition:opacity .22s ease, transform .22s ease;
    pointer-events:none;
}
#header .menu-list > li:last-child .depth-2-wrap{left:auto;right:0;}

/* depth-2 inner list */
#header .menu-list .depth-2-wrap .depth-2{padding:6px 0;list-style:none;margin:0;}
#header .menu-list .depth-2-wrap .depth-2 li{
    width:100%;
    border:none;
}
#header .menu-list .depth-2-wrap .depth-2 li:not(:last-child){
    border-bottom:1px solid rgba(255,255,255,.15);
}

/* depth-2 link */
#header .menu-list .link-depth-2{
    display:block;
    padding:9px 18px 9px 22px;
    transition:background .18s ease, padding-left .15s ease;
}
#header .menu-list .link-depth-2 span{
    position:relative;
    display:inline-block;
    color:rgba(255,255,255,.82);
    font-size:15px;
    line-height:1.3;
    font-weight:600;
    transition:color .18s ease;
}

/* depth-2 link hover */
#header .menu-list .link-depth-2:hover,
#header .menu-list .link-depth-2:focus{
    background:rgba(255,255,255,.1);
    padding-left:18px;
}
#header .menu-list .link-depth-2:hover span,
#header .menu-list .link-depth-2:focus span{color:#fff;text-decoration:none;}

/* btn-link (arrow icon inside tile) */
#header .menu-list .btn-link{position:absolute;bottom:12px;right:16px;width:28px;height:20px;background:url(../images/common/icon_menu_arrow.png) no-repeat;opacity:.6;}
#header .menu-list .btn-link span{display:block;overflow:hidden;width:0;height:0;}

/* == HOVER STATE == */
#header .menu-list > li.on-hover .link-depth-1{
    background:linear-gradient(160deg,#1e8fd5 0%,#1a6baa 100%);
    box-shadow:0 4px 14px rgba(0,0,0,.28);
    border-radius:6px 6px 0 0;
}
#header .menu-list > li.on-hover .link-depth-1::before{
    background:rgba(255,255,255,.06);
}
#header .menu-list > li.on-hover .depth-2-wrap{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

/* off-hover: dim other tiles to focus attention */
#header .menu-list > li.off-hover .link-depth-1{
    background:linear-gradient(160deg,#3a85cc 0%,#2d6faf 100%);
    box-shadow:none;
}
#header .menu-list > li.off-hover .link-depth-1::before{
    background:rgba(0,0,0,.18);
}

/* menu-on wrapper state */
#header .menu-box.menu-on:before{content:'';display:block;position:absolute;left:0;right:0;bottom:-10px;height:10px;z-index:1;}
#header .menu-box.menu-on li.on-hover .depth-2-wrap{
    display:block;
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}
#header .menu-box.menu-on li:first-child .depth-2-wrap{border-bottom-left-radius:8px;}
#header .menu-box.menu-on li:last-child .depth-2-wrap{border-bottom-right-radius:8px;}

/* current active item */
#header .menu-list > li.current-menu .link-depth-1{
    background:linear-gradient(160deg,#1e98c5 0%,#1575a0 100%);
    box-shadow:inset 0 -3px 0 rgba(255,255,255,.3);
}
#header .menu-list > li.current-menu .depth-2-wrap{background:linear-gradient(180deg,#1e98c5 0%,#1575a0 100%);}
#header .menu-list > li.off-hover.current-menu .depth-2-wrap{background:linear-gradient(180deg,#19537a 0%,#103f5e 100%);}

@media (max-width:1390px) {
	#header .menu-box{margin:0;padding:0 10px;}
	#header .menu-list{width:100%;gap:6px;}
	#header .menu-list .link-depth-1 span{font-size:13px;}
	#header .menu-list .link-depth-2 span{font-size:14px;}
}

@media (max-width:900px) {
	#header .menu-box{padding:0 6px;}
	#header .menu-list{gap:4px;}
	#header .menu-list .link-depth-1{min-height:75px;}
	#header .menu-list .link-depth-1 span{font-size:12px;padding:6px 8px;}
	#header .menu-list .link-depth-2 span{font-size:13px;}
}

@media (max-width:767px) {
	#header .menu-box{
		display:none;
		position:static;
		margin:0;
		padding:0;
		transform:none;
	}
	#header .menu-box.menu-on:before{display:none;}
	#header .menu-box .only-mobile{display:block;}

	/* ── Mobile accordion safety net ──────────────────────────────
	   Completely neutralise the desktop hover rules on mobile.
	   ONLY .on-click controls depth-2-wrap visibility here.       */
	#header .menu-list > li.on-hover .depth-2-wrap,
	#header .menu-box.menu-on li.on-hover .depth-2-wrap,
	#header .menu-list > li.off-hover .depth-2-wrap { display: none !important; }
	#header .menu-list .on-click > .depth-2-wrap    { display: block !important; }

	/* mobile: vertical stacked menu */
	#header .menu-list{display:block;width:100%;}
	#header .menu-list > li{
		position:relative;
		display:block;
		flex:none;
		padding:0;
		border-bottom:1px solid #304865;
	}
	#header .menu-list > li + li{margin-left:0;}
	#header .menu-list > li .link-depth-1{
		background:linear-gradient(135deg,#132842 0%,#1a3a5c 100%) !important;
		min-height:auto;
		border-radius:0;
		box-shadow:none;
	}
	#header .menu-list .link-depth-1{
		height:auto;
		padding:12px 0;
		text-align:left;
		justify-content:flex-start;
	}
	#header .menu-list .link-depth-1 span{
		font-size:14px;
		padding-left:20px;
		text-transform:none;
		letter-spacing:0;
	}
	#header .menu-list .link-depth-1 br{display:none;}

	/* mobile: depth-2 accordion – hidden by default, shown on tap */
	#header .menu-list .depth-2-wrap{
		display:none;
		position:static;
		padding:0;
		height:auto;
		opacity:1;
		transform:none;
		box-shadow:none;
		border-radius:0;
		pointer-events:auto;
	}
	#header .menu-list > li .depth-2-wrap{
		background:#15232f !important;
	}
	#header .menu-list .depth-2-wrap .depth-2{padding:0;}
	#header .menu-list .depth-2-wrap .depth-2 li{border-top:1px solid #1b344a;}
	#header .menu-list .depth-2-wrap .depth-2 li:not(:last-child){border-bottom:none;}

	#header .menu-list .link-depth-2{display:block;padding:8px 0 8px 26px;}
	#header .menu-list .link-depth-2:hover,
	#header .menu-list .link-depth-2:focus{background:rgba(255,255,255,.08);padding-left:26px;}
	#header .menu-list .link-depth-2 span{color:rgba(255,255,255,.8);font-size:13px;}
	#header .menu-list .link-depth-2 span:before{left:-10px;top:0;}
	#header .menu-list .link-depth-2:hover span,
	#header .menu-list .link-depth-2:focus span{color:#4fc3f7 !important;text-decoration:none;font-weight:bold;}

	#header .menu-list .btn-link{display:none;}

	#header .on-click .menu-box{display:block;}
	#header .menu-list .on-hover .depth-2-wrap{display:none;}
	#header .menu-list .on-click .depth-2-wrap{display:block;}
	#header .menu-list > li.off .link-depth-1::before{display:none;}
	/* mobile chevron indicator */
	#header .menu-list > li.on .link-depth-1::after,
	#header .menu-list > li.on-hover .link-depth-1::after,
	#header .menu-list > li.off-hover .link-depth-1::after{
		content:'';
		position:absolute;
		top:50%;
		right:14px;
		left:auto;
		bottom:auto;
		height:auto;
		margin-top:-4px;
		border-top:7px solid #fff;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		background:none;
	}
}

/* fixed header */
#header.fixed{min-height: 150px;border-bottom:none;background:rgba(255,255,255,.95);box-shadow:0 0 6px rgba(150, 149, 149, 0.5);}
#header.fixed:before{display:none;}
#header.fixed .container-top{height: 70px;}

#header.fixed .logo a{width:121px;height:52px;}

#header.fixed .util-box{top:-58px;}
#header.fixed .util-list li span{font-size:14px;}

#header.fixed .search-wrap{width:320px;}
#header.fixed .search-wrap .txt{height:28px;font-size:14px;}

/* Fixed header mode */
#header.fixed { position: fixed; top: 0; left: 50%; transform: translateX(-50%); box-shadow: 0 0 6px rgba(150, 149, 149, 0.5); }
#header.fixed .menu-box{
    position:relative;
    padding:0 20px;
}
#header.fixed .menu-box.menu-on:before{display:none;}
#header.fixed .menu-list > li{position:relative;flex:1;float:none;}
#header.fixed .menu-list > li + li{margin-left:0;}
#header.fixed .menu-list .link-depth-1{
    min-height:44px;
    border-radius:0;
    background:linear-gradient(160deg,#3a85cc 0%,#2d6faf 100%);
}
#header.fixed .menu-list > li:first-child .link-depth-1{border-top-left-radius:5px;border-bottom-left-radius:5px;}
#header.fixed .menu-list > li:last-child .link-depth-1{border-top-right-radius:5px;border-bottom-right-radius:5px;}
#header.fixed .menu-list .link-depth-1 span{font-size:13px;}
#header.fixed .menu-list .link-depth-1 br{display:none;}
#header.fixed .menu-list .link-depth-2 span{font-size:14px;}
#header.fixed .menu-list .depth-2-wrap{top:100%;height:auto;}
#header.fixed .menu-list{gap:2px;}

@media (max-width:1190px) {
	#header.fixed .menu-list > li{padding:0;}
	#header.fixed .menu-list .depth-2-wrap{top:100%;left:0;right:0;height:auto;}
	#header.fixed .menu-list > li:last-child .depth-2-wrap{left:0;right:0;}
}

@media (max-width:767px) {
	#header.fixed{min-height:auto;}
	#header.fixed .logo a{width:74px;height:31px;}
	#header.fixed .container-top{height:100%;}
	#header.fixed .util-list li span{font-size:12px;}
	#header.fixed .menu-box{top:auto;position:static;padding:0;}
	#header.fixed .menu-list .link-depth-1{min-height:auto;}
	#header.fixed .menu-list .link-depth-1 span{font-size:14px;}
	#header.fixed .menu-list .link-depth-2 span{font-size:12px;}
	#header.fixed .menu-list .depth-2-wrap{height:auto;}
}


/*-------------------------------------------
	footer
--------------------------------------------*/
#footer{position:relative;background:#2b415c;clear:both;}

#footer .footer-top .container{display:table;height:124px;}
#footer .footer-bottom{padding:30px 10px;border-top:1px solid #42505e;}

@media (max-width:767px) {
	#footer .footer-top .container{height:auto;}
	#footer .footer-bottom{padding:10px 0 0;}
}

#footer .family-site,
#footer .sns-box{display:table-cell;vertical-align:middle;}

#footer .family-site li{display:inline-block;margin-right:40px;vertical-align:middle;}
#footer .family-site li:last-child{margin-right:0;}

@media (max-width:767px) {
	#footer .family-site{display:none;}
}

#footer .sns-box{width:156px;}
#footer .sns-box .sns-title{margin-bottom:10px;}
#footer .sns-box .sns-title span{color:#969ea6;font-size:15px;font-weight:600;}
#footer .sns-box .sns-list li{float:left;}
#footer .sns-box .sns-list li + li{margin-left:10px;}
#footer .sns-box .sns-list li a{display:block;width:31px;height:30px;background:url(../images/common/icon_sns.png) no-repeat;}
#footer .sns-box .sns-list li.facebook a{background-position:0 0;}
#footer .sns-box .sns-list li.instagram a{width:30px;background-position:-42px 0;}
#footer .sns-box .sns-list li.twitter a{background-position:-82px 0;}
#footer .sns-box .sns-list li.google-plus a{background-position:-123px 0;}
#footer .sns-box .sns-list li span{display:block;overflow:hidden;width:0;height:0;}

@media (max-width:900px) {
	#footer .sns-box{width:141px;}
	#footer .sns-box .sns-list li + li{margin-left:5px;}
}
@media (max-width:767px) {
	#footer .sns-box{display:block;position:absolute;top:6px;right:10px;z-index:1;width:auto;}
	#footer .sns-box .sns-title{margin-bottom:3px;}
	#footer .sns-box .sns-list li a{width:18px;height:16px;background-size:auto 16px;}
	#footer .sns-box .sns-list li.instagram a{width:16px;background-position:-22px 0;}
	#footer .sns-box .sns-list li.twitter a{background-position:-42px 0;}
	#footer .sns-box .sns-list li.google-plus a{background-position:-64px 0;}
	#footer .sns-box .sns-title span{font-size:10px;}
}

#footer .footer-logo{width:149px;height:63px;background:url(../images/common/logo_footer.png) no-repeat;}
#footer .footer-logo span{display:block;overflow:hidden;width:0;height:0;}

@media (max-width:767px) {
	#footer .footer-logo{width:77px;height:32px;margin:0;background-size:100% auto;}
}

#footer .copyright{margin-top:25px;}
#footer .copyright p{color:#637282;font-size:14px;}
/* #footer .copyright .copy{margin-top:10px;} */

@media (max-width:767px) {
	#footer .copyright{background:#2d3033;margin:10px -10px 0;padding:10px 10px;}
	#footer .copyright .only-pc{display:none;}
	#footer .copyright p{font-size:10px;}
	/* #footer .copyright .copy{margin-top:0;} */
}

#footer .links-list{position:absolute;top:0;right:0;}
#footer .links-list .sel{width:360px;height:33px;padding:0 6px;border:1px solid rgba(204, 204, 204, 0.38);border-radius:3px;color: #032f67;font-size:14px;font-weight:700;vertical-align:top;background:rgba(255, 255, 255, 0.59);}
/* #footer .links-list .btn-link{} */
#footer .links-list .btn-link{display:inline-block;padding:7px 10px;border:none;background: #0468ae;border-radius:3px;text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap;}
#footer .links-list .btn-link span{color:#fff !important;font-size:14px;font-weight:600;}

@media (max-width:767px) {
	#footer .links-list{display:none;/*top:auto;bottom:5px;right:10px;*/}
	/*#footer .links-list .sel{width:100px;height:28px;max-width:100%;font-size:12px;}*/
}

/* TOP */
.btn-top{position:fixed;bottom:50px;left:50%;z-index:10;margin-left:580px;width:40px;height:41px;border-radius:50%;border:1px solid rgba(145, 203, 236, 0.3);background:url(../images/common/btn_top.png) no-repeat;text-indent:-999em;}

/* ==================================================
   Layout
================================================== */
.page-wrapper{
    width: 80%;
    margin: 0 auto;
}
#container{padding-top:236px;}
.container{position:relative;width:inherit;margin:0 auto;}

@media (max-width:1190px) {
	/*#wrap{overflow:hidden;}*/
	.container{width:100%;margin:0;padding:0 10px;}
}

@media (max-width:767px) {
	#wrap.cover:before{content: '';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:999;}
	#container{padding-top:50px;}
}

/* ==================================================
  Map tool-tip( 2018-07-05 ) youilwi..
================================================== */
.ly_pop{display:none;position:absolute;width:350px;height:350px;z-index:90;border:2px solid #533613;background:#f8f8f9;border-radius:5px;}
.ly_pop:after{content:'';position:absolute;bottom:-19px;left:50%;width:24px;height:19px;background:url("/site/karic/eng/images/sub/bg_ly_arr.png") 0 0 no-repeat;margin-left:-12px;}
.ly_pop.ly_info{width:auto;background:#fff;height:auto;}
.ly_pop.ly_info .ly_pop_body{padding:5px 15px;}
.ly_pop.ly_info span.info{font-weight:500;font-size:15px;}

.slogan-education {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #003968;
}
.slogan {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #003968;
    padding: 0px;
}