@import url("/_common/css/font-awesome.min.css");


/* Basic */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
body {-webkit-text-size-adjust: none;}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {-moz-animation:none !important; -webkit-animation:none !important; -ms-animation:none !important; animation:none !important; -moz-transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; transition:none !important;}

section, article {margin:0; padding:0;}
header {margin:0; padding:0;}
footer {margin:0; padding:0;}

/* 내용 폰트크기 */
#j-contents { font-size:12pt; }
#m-contents { font-size:12pt; }
#footer { font-size:12pt; }

@media screen and (max-width:1200px) {
	#j-contents { font-size:11pt; }
	#m-contents { font-size:11pt; }
	#footer { font-size:11pt; }
}

/* 이미지, 테이블 반응형 - 확대, 좌우 이동 버튼 */
.j-conts-img-wrap {position:relative;margin:auto; max-width:100%; padding:0;overflow-y:auto; overflow-x:none; }
.j-conts-img-wrap-box {position:relative; width:100%;max-width:254px; margin:10px auto 5px;}
.j-conts-img-wrap-btn {display:inline-block; padding:5px 0; margin:0 0 0 1px; width:60px; font-size:12px; text-align:center; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}
.j-conts-tbl-wrap {position:relative; max-width:100%; margin:0; padding:30px 0 5px; overflow-y:auto; overflow-x:none;}
.j-conts-tbl-wrap .j-conts-tbl-wrap-btn {position:absolute; top:1px; left:0; margin:0; padding:5px 10px; font-size:12px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}

/* Container */
.container {margin:auto; width:100%; max-width:1280px;}

.m_title0 {font-size:2em; font-weight:700; color:#111; text-align:center; padding:1.2em 0;letter-spacing:-0.03em;background:url(/images/red_bar.png) no-repeat center 3em;}

@media screen and (max-width:1680px) {
	.container {width:1280px;}
}
@media screen and (max-width:1280px) {
	.container {width:calc(100% - 20px); margin:auto;}
	#j-container {width:100%; margin:0; padding:0; overflow:hidden;}
	#j-l-side {display:block; padding:20px 0; overflow:auto; width:calc(100% - 20px) !important;margin:auto;}
	#j-contents {clear:both; width:calc(100% - 20px); margin:0 0 0 10px; padding:0;}

	.m_title0 {font-size:1.8em; font-weight:500; color:#111;}
}
@media screen and (max-width:736px) {
	.container {width:calc(100% - 20px); margin:auto;}
	.m_title0 {font-size:1.5em; font-weight:500; color:#111;}
}

/* view, hidden */
#top_phone { display:none; }
#woosoo { display:block;position:absolute;top:5px;left:0px;z-index:999;font-size:2.5em;}
@media screen and (max-width:1280px) {
	#top_phone { display:block;position:absolute;top:5px;right:10px;z-index:999;font-size:2.5em;}
	#top_phone img{width:40px;}
	#woosoo { display:none; }
}
@media screen and (max-width:736px) {
	
}

/* Nav */
#leftMenuTitle { text-align:center; font-size:1.5em; color:#333; padding-bottom:20px;}
#leftMenu { clear:both;text-align:center; vertical-align:top;margin:0;padding:0;}
#leftMenu > li { display:inline-block; vertical-align:top;}
#leftMenu > li > p > a {display:block; font-size:1em;min-width:120px; padding:7px 15px; border:1px solid #ddd; margin:0 3px 3px 0;}
#leftMenu > li > ol {display:none;}







#all_nav {border-top:1px solid #ddd; border-bottom:0px solid #ddd;}
#nav { position:relative; max-width:1280px; height:60px; margin:auto; padding:0;}
#small_logo {position:absolute; left:0;top:3px; }
#nav > ul {margin:0; padding:0;float:right;}
#nav > ul > li {position:relative;display:inline-block; margin:0; padding:0;border:0 none !important;}
#nav > ul > li:not(:first-child) {margin:0 0 0 0;}
#nav > ul > li > ul {display:none; margin:0; padding:0;}
#nav > ul > li > a {position:relative;display:block; background:none;width:213px; color:#111;  font-size:1.1em; line-height:58px !important; font-weight:500;text-align:center; text-decoration:none; padding:0px 0 0px 0px;/* -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out; outline:0;*/ }
#nav > ul > li > a > span {position:relative;display:inline; }

#nav > ul > li > a > span:before{width:0%;
    transition: width 0.1s;
    transform: translateX(-50%);
    position: absolute;
    bottom: -17px;
    left: 50%;
    height: 2px;
    background: #064ec6;
    content: '';
    display: block;}
#nav > ul > li:hover > a > span::before{width:170px; transition: width 0.1s;}

#nav > ul > li:hover > a > span{background:none; color:#064ec6 !important;}
#nav > ul > li.current > a {background:#d52349; font-weight:700;}


#all-nav { position:absolute;width:100%; margin:0; padding:0px 0 0px; border-top:0px solid #ddd; border-bottom:0px solid #ddd; background:#f9f9f9; z-index:99; opacity:1; display:none;}
#all-sub-nav {max-width:1280px; margin:0 auto; padding:0;  background:none url(/images/global.png) no-repeat 70px 10px;}

#sub-nav {margin:0 auto; padding:0;max-width:1280px; overflow:hidden; }
#sub-nav > ul {float:right; margin:0; padding:0;}
#sub-nav > ul > li {float:left; margin:0; padding:0;border-left:1px solid #eee;border-right:1px solid #eee;min-height:260px}
#sub-nav > ul > li:hover {background:none;}
#sub-nav > ul > li:not(:first-child) {margin:0 0 0 -1px;}
#sub-nav > ul > li > ul {margin:0; padding:10px 0;}
#sub-nav > ul > li > ul > li {margin:0; padding:0; border-bottom:0px solid #eee; }
#sub-nav > ul > li > ul > li > a {display:block; width:181px;text-align:center; padding:5px 0 5px 0px;font-size:0.9em;color:#555;font-weight:400;}

#sub-nav > ul > li > ul > li > ul {margin:0; padding:0px 0;display:none;}
#sub-nav > ul > li > ul > li > ul > li  {margin:0; padding:0; border-top:0px solid #eee;background:none; }
#sub-nav > ul > li > ul > li > ul > li  a {display:block; width:140px; padding:3px 0 3px 25px;font-size:0.875em;color:#fff;font-weight:300;}

#sub-nav > ul > li > ul > li:hover > a, #sub-nav > ul > li > ul > li.active > a {color:#005b98;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#005b98;}

#navPanel, #titleBar {display:none;}

@media screen and (max-width:1280px) {
	/* Nav */
	#nav {display:none;}

	/* Nav */
	#page-wrapper {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; padding-bottom:0px;}

	/* 모바일버튼 */
	#titleBar {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:block; height:44px; left:0; position:fixed; top:0; width:60px; z-index:10001; background:none;}
	#titleBar .toggle {width:60px; height:60px;}
	#titleBar .toggle:before {font-family:FontAwesome; text-decoration:none; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:'\f0c9'; display:block; position:absolute; left:0px; top:10px; width:50px; height:40px; line-height:40px; font-size:30px; color:#111; text-align:center; background:rgba(255, 255, 255, 0); border-radius:5px;}
	#titleBar .toggle:active:before {background-color:#777;}

	#navPanel {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:none; left:0; overflow-y:auto; position:fixed; top:60px; width:100%; z-index:10002; color:#fff; background:#eee  /*box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);*/}

	#navPanel > nav > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li {margin:0; padding:0; border-top:0px solid #ddd; background:#fff;border-bottom:1px solid #ddd;}
	#navPanel > nav > ul > li:not(:first-child) {margin:0px 0 0;}
	#navPanel > nav > ul > li > a { display:block;font-size:1em;font-weight:400; padding:8px 10px;background:url(/images/m_right_bt.png) no-repeat right center;}
	#navPanel > nav > ul > li > ul {display:none; margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > a {font-size:0.875em; padding:6px 25px; color:#222;}
	#navPanel > nav > ul > li > ul > li > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > ul > li > a {font-size:0.875em; padding:6px 35px; color:#777;}
	#navPanel > nav a {color:#111; width:100%; display:inline-block;}
	#navPanel > nav a:hover {color:#111;}
}

@media screen and (max-width:736px) {
	/* Nav */
	#leftMenuTitle { text-align:center; font-size:1.5em; padding-bottom:20px;}
	#leftMenu { clear:both;text-align:center; vertical-align:top;margin:0;padding:0;}
	#leftMenu > li { display:inline-block; vertical-align:top;}
	#leftMenu > li > p > a {display:block; font-size:0.875em;min-width:90px; padding:5px 7px; border:1px solid #ddd; margin:0 3px 3px 0;}
	#leftMenu > li > ol {display:none;}
}

/* Tab */
.tabs0 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs0 div{float:left; width:100%;}
.tabs0 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs0 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs1 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs1 div{float:left; width:100%;}
.tabs1 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs1 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs2 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs2 div{float:left; width:49.9%;}
.tabs2 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs2 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs3 div{float:left; width:33.3%;}
.tabs3 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs3 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.p_tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.p_tabs3 div{float:left; width:33.3%;}
.p_tabs3 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:2.5em;line-height:2.5em;overflow:hidden; border:1px solid #ddd; border-radius:1.5em; -moz-border-radius:1.5em; -webkit-border-radius:1.5em; background:#fff; padding:0px;margin:0 0px 1px 0px;word-break:keep-all}
.p_tabs3 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 0px 1px 0;word-break:keep-all }

.tabs4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs4 div{float:left; width:24.9%;}
.tabs4 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs4 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs5 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs5 div{float:left; width:19.9%;}
.tabs5 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs5 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs6 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs6 div{float:left; width:16.6%;}
.tabs6 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs6 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs7 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs7 div{float:left; width:14.28%;}
.tabs7 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs7 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs8 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs8 div{float:left; width:16.6%;}
.tabs8 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs8 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs9 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs9 div{float:left; width:16.6%;}
.tabs9 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs9 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

@media screen and (max-width:1000px) {
	.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs3 div{float:left; width:33.3%;}
	.tabs3 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs3 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.p_tabs3 div{float:left; width:49.9%;}

	.tabs4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs4 div{float:left; width:24.9%;}
	.tabs4 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs4 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs5 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs5 div{float:left; width:33.3%;}
	.tabs5 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs5 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs6 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs6 div{float:left; width:33.3%;}
	.tabs6 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs6 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }
	
	.tabs7 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs7 div{float:left; width:33.3%;}
	.tabs7 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs7 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }
	
	.tabs8 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs8 div{float:left; width:33.3%;}
	.tabs8 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs8 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs9 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs9 div{float:left; width:33.3%;}
	.tabs9 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3.2em;line-height:3.2em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs9 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

}

@media screen and (max-width:736px) {

	.tabs3 div{float:left; width:49.9%;}

	.tabs4 div{float:left; width:49.9%;}

	.tabs5 div{float:left; width:49.9%;}

	.tabs6 div{float:left; width:49.9%;}

	.tabs7 div{float:left; width:49.9%;}

	.tabs8 div{float:left; width:49.9%;}

	.tabs9 div{float:left; width:49.9%;}

}
/* 버튼 */
 input[type="button"].res, input[type="submit"].res, input[type="reset"].res, button.res {font-size:0.875em; border:0 none !important; background:#111; color:#fff !important; font-weight:400; padding:4px 1em;}
 input[type="button"].res2, input[type="submit"].res2, input[type="reset"].res2, button.res2 {font-size:0.875em; border:0 none !important; border-radius:5px; background:#111; color:#fff !important; font-weight:400; padding:0.65em 3em 0.65em 3em;}

.btn_h4 {-webkit-appearance:none; display:inline-block;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:400; outline:0; font-size:0.875em; padding:0.65em 1.2em 0.65em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h4:hover {background:#444;}
.btn_h4:active {background:#555;}
.btn_h4.alt {background:#252122;}
.btn_h4.alt:hover {background:#353132;}
.btn_h4.alt:active {background:#151112;}
.btn_h4.icon:before {opacity:0.35; position:relative; top:0.05em; margin-right:0.75em;}
.btn_h4.list {font-size:1em;line-height:1.1em; background:#333; }
.btn_h4.large {font-size:1.1em; width:100%; max-width:400px; border-radius:5px; line-height:1.1em; padding:0.8em 0;font-weight:400; }
.btn_h4.search {font-size:0.8em; line-height:1.1em; font-weight:400; background:#2865c2;}
.btn_h4.agree {font-size:1em; line-height:1.1em; padding:0.65em 3em 0.65em 3em;font-weight:400; background:#2865c2;}
.btn_h4.cancel {font-size:1em; line-height:1.1em; padding:0.65em 3em 0.65em 3em;font-weight:400; background:#aaa;}

.btn_h5 {-webkit-appearance:none; display:inline-block;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#d52349; color:#fff !important; font-weight:400; outline:0; font-size:0.875em; padding:0.65em 1.2em 0.65em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h5:hover {background:#e53359;}
.btn_h5:active {background:#c51349;}
.btn_h5.alt {background:#252122;}
.btn_h5.alt:hover {background:#353132;}
.btn_h5.alt:active {background:#151112;}
.btn_h5.icon:before {opacity:0.35; position:relative; top:0.05em; margin-right:0.75em;}
.btn_h5.list {font-size:1em;line-height:1.1em; background:#333; }
.btn_h5.large {font-size:1.1em; width:100%; max-width:400px; border-radius:5px; line-height:1.1em; padding:0.8em 0;font-weight:400; }
.btn_h5.search {font-size:0.8em; line-height:1.1em; font-weight:400; background:#2865c2;}
.btn_h5.agree {font-size:1em; line-height:1.1em; padding:0.65em 3em 0.65em 3em;font-weight:400; background:#2865c2;}
.btn_h5.agree2 {font-size:1em; line-height:1.1em; padding:0.65em 3em 0.65em 3em;font-weight:400;}
.btn_h5.cancel {font-size:1em; line-height:1.1em; padding:0.65em 3em 0.65em 3em;font-weight:400; background:#aaa;}

/* Table */
/* 메인화면 용 */
table.main-tbl-edu thead {width:100%; border:none;}
table.main-tbl-edu tbody {width:100%; border:none;}
table.main-tbl-edu thead tr th {border:none; height:40px;}
table.main-tbl-edu tbody tr td {border:none;}
table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
table.main-tbl-edu thead tr th:nth-child(2) {width:300px;}
table.main-tbl-edu tbody tr td:nth-child(2) {width:300px;}
table.main-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 605px);}
table.main-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 605px);}
table.main-tbl-edu thead tr th:nth-child(4) {width:110px;}
table.main-tbl-edu tbody tr td:nth-child(4) {width:110px;}
table.main-tbl-edu thead tr th:nth-child(5) {width:120px;}
table.main-tbl-edu tbody tr td:nth-child(5) {width:120px;}

/* 현재모집중인과정 용 */
table.reg-tbl-edu thead {width:100%; border:none;}
table.reg-tbl-edu tbody {width:100%; border:none;}
table.reg-tbl-edu thead tr th {border:none; height:40px;}
table.reg-tbl-edu tbody tr td {border:none;}
table.reg-tbl-edu thead tr th:nth-child(1) {width:190px;}
table.reg-tbl-edu tbody tr td:nth-child(1) {width:190px;}
table.reg-tbl-edu thead tr th:nth-child(2) {width:80px;}
table.reg-tbl-edu tbody tr td:nth-child(2) {width:80px;}
table.reg-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 500px);}
table.reg-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 500px);}
table.reg-tbl-edu thead tr th:nth-child(4) {width:110px;}
table.reg-tbl-edu tbody tr td:nth-child(4) {width:110px;}
table.reg-tbl-edu thead tr th:nth-child(5) {width:120px;}
table.reg-tbl-edu tbody tr td:nth-child(5) {width:120px;}

/* 연간모집과정 용 */
table.year-tbl-edu thead {width:100%; border:none;}
table.year-tbl-edu tbody {width:100%; border:none;}
table.year-tbl-edu thead tr th {border:none; height:40px;}
table.year-tbl-edu tbody tr td {border:none;}
table.year-tbl-edu thead tr th:nth-child(1) {width:120px;}
table.year-tbl-edu tbody tr td:nth-child(1) {width:120px;}
table.year-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 350px);}
table.year-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 350px);}
table.year-tbl-edu thead tr th:nth-child(3) {width:110px;}
table.year-tbl-edu tbody tr td:nth-child(3) {width:110px;}
table.year-tbl-edu thead tr th:nth-child(4) {width:120px;}
table.year-tbl-edu tbody tr td:nth-child(4) {width:120px;}

@media screen and (max-width:1200px) {
	/* 메인화면 용 */
	table.main-tbl-edu thead tr th {border:none; height:30px;}
	table.main-tbl-edu tbody tr td {border:none;}
	table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
	table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
	table.main-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(4) {width:100px;}
	table.main-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 현재모집중인과정 용 */
	table.reg-tbl-edu thead tr th {border:none; height:30px;}
	table.reg-tbl-edu tbody tr td {border:none;}
	table.reg-tbl-edu thead tr th:nth-child(1) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(1) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(2) {width:80px;}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:80px;}
	table.reg-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu thead tr th:nth-child(4) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.reg-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 연간모집과정 용 */
	table.year-tbl-edu thead {width:100%; border:none;}
	table.year-tbl-edu tbody {width:100%; border:none;}
	table.year-tbl-edu thead tr th {border:none; height:40px;}
	table.year-tbl-edu tbody tr td {border:none;}
	table.year-tbl-edu thead tr th:nth-child(1) {width:80px;}
	table.year-tbl-edu tbody tr td:nth-child(1) {width:80px;}
	table.year-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.year-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.year-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.year-tbl-edu tbody tr td:nth-child(4) {width:100px;}

	}
@media screen and (max-width:736px) {
	/* 메인화면 용 */
	table.main-tbl-edu thead tr th {border:none; height:30px;}
	table.main-tbl-edu tbody tr td {border:none;}
	table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
	table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
	table.main-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(4) {width:100px;}
	table.main-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 현재모집중인과정 용 */
	table.reg-tbl-edu thead tr th {border:none; height:30px;}
	table.reg-tbl-edu tbody tr td {border:none;}
	table.reg-tbl-edu thead tr th:nth-child(1) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(1) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(2) {width:80px;}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:80px;}
	table.reg-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu thead tr th:nth-child(4) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.reg-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 연간모집과정 용 */
	table.year-tbl-edu thead {width:100%; border:none;}
	table.year-tbl-edu tbody {width:100%; border:none;}
	table.year-tbl-edu thead tr th {border:none; height:40px;}
	table.year-tbl-edu tbody tr td {border:none;}
	table.year-tbl-edu thead tr th:nth-child(1) {width:80px;}
	table.year-tbl-edu tbody tr td:nth-child(1) {width:80px;}
	table.year-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.year-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.year-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.year-tbl-edu tbody tr td:nth-child(4) {width:100px;}
}

@media screen and (max-width:500px) {
	table.main-tbl-edu thead tr th {display:inline-block; border:none; height:30px;}
	table.main-tbl-edu thead tr td {display:inline-block; border:none;}
	table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
	table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
	table.main-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 175px);}
	table.main-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 175px);}
	table.main-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(4) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(4) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(5) {width:100px;}
}


/* Page Wrapper */
#page-wrapper {margin:0;padding:0; background:#fff;}

/* Header */
#j-top {position:relative;border-bottom:1px solid #e7e7e7; background:linear-gradient(to right, #054dc3, #02a2fa);}/*background:#edeeef;}*/
#j-lnb ul {text-align:right; margin:0; padding:0 20px 0 0;}
#j-lnb ul li {display:inline-block;padding:0 0.3em;}
#j-lnb ul li a {display:block; font-size:0.8em;color:#fff; line-height:3em !important;}

#sns-left {position:absolute;left:0;top:5px;}
#sns-left ul {margin:0 0 0 10px; padding:0}
#sns-left ul li {float:left;}

/*#header {clear:both; margin:0em 0 0; padding:0;border-bottom:0px solid #555;background:#222; }*/
#header {clear:both;width:100%; margin:0 0 0; padding:0; border-bottom:0px solid #ccc; position:fixed;z-index:9999; background:#fff;opacity:1; }
#head-gnb {width:100%; margin:0; padding:0; }
#gnb-h5 {width:100%; max-width:1280px; position:relative; margin:auto;padding:0;  background:none;}
#gnb-h5 h1 {padding:10px 0;text-align:center; color:#333; line-height:100%;font-weight:700; font-size:1px; letter-spacing:-0.035em;}
#gnb-h5 h1 a {line-height:1em;padding:0;margin:0;font-size:1px;}

#latest_edu {position:absolute;left:0;top:15px; }
#head_tel {position:absolute;right:20px;top:25px; padding:0 0 0 50px; background:url(/images/tel_icon.png) no-repeat left 3px;}
#head_tel span.tel_txt { display:block; font-size:0.8em;letter-spacing:-0.06em; color:#dd5105;line-height:1.2em; padding:0 0 0 2px } 
#head_tel span.tel {display:block; font-size:1.5em; font-weight:700; letter-spacing:-0.06em; line-height:1.2em; } 

#add-bottom {width:100%;}
#add-lnb {width:100%;max-width:1280px;margin:auto;}
#add-lnb ul {margin:0;padding:10px;}
#add-lnb ul li {padding:5px 0;font-size:0.875em;}

/* Sub Page Title */
#j-tbar h1 {width:100%;padding:2em 0;text-align:center;}
#j-tbar h1 span {font-size:1.8em; font-weight:500; color:#111; }
#j-tbar dl dd {padding:1em 0;}

@media screen and (max-width:1280px) {
	/* Page Wrapper */
	#page-wrapper {margin:60px 0 0 !important;padding:0; background:#fff;}

	/* Header 
	#place-top {display:none;}*/
	#j-top {display:none;}

	#header {margin:0px 0 0;padding:0;position:fixed; top:0; left:0; z-index:9999;width:100%; max-width:1280px;height:60px;background:#fff;border-bottom:1px solid #ccc;overflow:hidden;}
	#head-gnb {width:100%; max-width:1280px; margin:0; padding:0; background:none;}
	#gnb-h5 {position:static; margin:0 auto;padding:0; background:none;}
	#gnb-h5 h1 {float:none !important; width:100%; position:relative; left:0;top:6px; margin:0; padding:0; font-size:1px;letter-spacing:-0.035em; text-align:center;}
	#gnb-h5 h1 img { width:220px; }

	#latest_edu { display:none; }
	#head_tel  { display:none; }
}

@media screen and (max-width:736px) {
	/* Header */

}

/* Footer */
#footer {clear:both; border-top:1px solid #3b4a82; margin:0px auto 0; padding:0px 0 50px; overflow:hidden; background:#3b4a82;}
.j-foot-menu_back{border-bottom:1px solid #4c5c98;}
#footer ul.j-foot-menu {clear:both; margin:0; padding:0 10px; overflow:hidden;}
#footer ul.j-foot-menu li {float:left; margin:0; padding:0;}
#footer ul.j-foot-menu li a {display:block; font-size:0.95em; margin:0; color:#eee; padding:15px 5px 15px 10px;}
#footer ul.j-foot-menu li a.f {padding:15px 5px 15px 0 !important; background:none !important;}

#footer .j-foot-cell-wrap {clear:both; font-size:0.9em; font-weight:300; color:#abb4bf; margin:25px 0 0; padding:0 0 0 300px; background:url(/images/flogo.png) no-repeat left center; }
#footer .j-foot-cell-wrap span {display:inline-block; margin:3px 5px 3px 0; padding:0;}
#footer .j-foot-cell-wrap em {margin:0; padding:0;}
#footer .j-foot-cell-wrap em img {vertical-align:middle;}
#footer .j-foot-cell-wrap .spot {font-weight:bold !important;}
#footer address {clear:both;color:#abb4bf; margin:0; padding:3px 0px 0;}
#footer p.copy {clear:both;font-size:0.9em; color:#919ba6; margin:0; padding:15px 0px 0;}

@media screen and (max-width:736px) {
#footer .j-foot-cell-wrap {padding:0 0 0 0px; background:none; }
}

/* 상세페이지 좌우 */
 .eview-box {border:3px solid #ccc; border-radius:0px; padding:20px; overflow:hidden; width:100%; max-width:1280px; margin:auto; font-size:1.0em; }
 .l-eview { width:400px); float:left; }
 .r-eview { width:calc(100% - 420px); float:right;}

@media screen and (max-width:1200px) {
 	 .eview-box {border:3px solid #ccc; border-radius:0px; padding:20px; overflow:hidden; width:calc(100% - 20px); margin:0 0 0 10px;}
	 .l-eview { width:400px); float:left; }
	 .r-eview { width:calc(100% - 420px); float:right;}
}

@media screen and (max-width:736px) {
	 .eview-box {border:2px solid #ccc; border-radius:0px; padding:10px; overflow:hidden; }
	 .l-eview { clear:both; width:100%;  }
	 .r-eview { clear:both; width:100%; margin:20px 0 0; }
}
/* Table border 값 없앰 */
table.tbl-nob {table-layout:fixed;}
table.tbl-nob th,table.tbl-nob td {border:0 none !important;text-align:left !important;background:none !important;}
table.tbl-nob th {padding:0 0 0 10px !important; background:url(/images/h_dot01.png) no-repeat left center !important;}