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

/* Basic */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
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;}

/* 이미지, 테이블 반응형 - 확대, 좌우 이동 버튼 */
.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:0 auto; width:100%; max-width:1200px;}

@media screen and (max-width:1680px) {
	.container {width:1200px;}
}
@media screen and (max-width:1280px) {
	.container {width:calc(100% - 0px);}
}
@media screen and (max-width:1200px) {
	.container {width:calc(100% - 20px); margin:0 0 0 10px;}
}
@media screen and (max-width:736px) {
	.container {width:calc(100% - 20px); margin:0 0 0 10px;}
}

/* Section/Article */
section, article { margin:0; padding:0; }
header { margin:0; padding:0; }
footer { margin:0; padding:0; }

/* Default Font Size */
 #header { font-size:12pt; }
 #container { font-size:12pt; }
 #footer { font-size:12pt; }

/* Default Page */
/* Page Wrapper */
#page-wrapper {margin:125px 0 0 !important; padding:0; background:#fff;}
 /* Default Set */
#top_phone { display:none; }
/* Header */
#j-top {border-bottom:1px solid #eee; background:#fff;height:40px;}
#j-lnb ul {text-align:right; margin:0; padding:0 20px 0 0;}
#j-lnb ul li {display:inline-block;padding:0 0.3em; vertical-align:middle; }
#j-lnb ul li a {display:block; font-size:0.8em;color:#555; line-height:36px !important;}
#zoom_box { border:0px solid #ddd; text-align:left; padding:6px 5px 0;}
#zoom_box a {display:inline-block !important;}
#sub_zoom_box { display:inline-block; border:0px solid #ddd; padding:0 5px; }
/*#header {clear:both; margin:0em 0 0; padding:0;border-bottom:0px solid #555;background:#222; }*/
#header {clear:both;width:100%; margin:-125px 0 0; padding:0;border-bottom:4px solid #035ea7;position:fixed;z-index:9; background:#fff;opacity:1; }
#head-gnb {width:100%; margin:0; padding:0; }
#gnb-h5 {clear:both;max-width:1200px; position:relative; margin:0 auto; padding:0;  background:none;}
#gnb-h5 h1 {position:absolute;left:0px;top:0px;padding:0;text-align:center; color:#333; line-height:100%;font-weight:700; font-size:1px; letter-spacing:-0.035em;}
/*#gnb-h5 h1 {padding:10px 0 0;text-align:center; color:#333; line-height:100%;font-weight:800; font-size:1px; letter-spacing:-0.035em;}*/
#gnb-h5 h1 a {line-height:1em;padding:0;margin:0;font-size:1em;}

#j-tbar { margin:0 0 20px 0 ; padding:10px 0; overflow:hidden; border-bottom:1px solid #ddd; }
#j-tbar h1 { font-size:2em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:left; }
#j-tbar dl { float:right; }
#j-tbar dl dd { padding:1em 0 0; text-align:right; }


/* Footer */
#footer {clear:both; border-top:1px solid #eee; margin:0px auto 0; padding:0px 0 30px; overflow:hidden; background:#f7f7f7;}
#footer ul.j-foot-menu {clear:both; margin:0; padding:0 10px; overflow:hidden;text-align:left;}
#footer ul.j-foot-menu li {display:inline-block; margin:0; padding:0;}
#footer ul.j-foot-menu li a {display:block; margin:0; color:#555; 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; color:#555; margin:0px 0 0; padding:0 10px;}
#footer .j-foot-cell-wrap p {display:inline-block;padding:0 10px 0 0;}
#footer .j-foot-cell-wrap span {display:inline-block; font-size:0.9em; margin:3px 5px 3px 0px; padding:0;}
#footer .j-foot-cell-wrap em {margin:0; padding:0; font-size:0.9em; }
#footer .j-foot-cell-wrap em img {vertical-align:middle;}
#footer .j-foot-cell-wrap .spot {font-weight:bold !important;}
#footer address {clear:both; font-size:0.9em; color:#555; margin:0; padding:5px 0px 0;}
#footer p.copy {clear:both; font-size:0.9em; color:#555; margin:0; padding:5px 0px 0;}

div.pop_txt a,div.pop_txt img { padding:0 !important;margin:0 !important; }

/* 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;}

#nav { max-width:1200px;height:85px;margin:0px auto 0; padding:0px 0 0;}
#nav > ul {margin:0 0px 0 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 {border-radius:0px;display:block; background:none;width:120px; color:#333; font-size:1.2em;font-weight:500; line-height:85px;  text-align:center; text-decoration:none; padding:0px 0 0px 0px;}
#nav > ul > li:hover > a, #nav > ul > li.active > a {background:none; color:#247eaa;}
#nav > ul > li.current > a {background:#d52349; font-weight:700;}

#all-nav { position:absolute;width:100%; margin:0; padding:0px 0 0px; border-top:4px solid #035ea7; border-bottom:1px solid #ddd; background:#fff; z-index:99; opacity:1; display:none;}
#all-sub-nav {max-width:1200px; margin:0 auto; padding:0;  background:none;}

#sub-nav {margin:0 auto; padding:0;max-width:1200px; overflow:hidden; }
#sub-nav > ul {float:right; margin:0; padding:0;}
#sub-nav > ul > li {float:left; width:170px; margin:0; padding:0;border-left:1px solid #eee;border-right:1px solid #eee;min-height:250px}
#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:0px 0;}
#sub-nav > ul > li > ul > li {margin:0; padding:0; border-bottom:0px solid #eee; }
#sub-nav > ul > li > ul > li.sub_title { font-size:1.1em; font-weight:400; padding:5px 0 0 25px;text-align:left;color:#536d81;background:url(/images/po_sub00.png) no-repeat 8px 13px;}
#sub-nav > ul > li > ul > li > a {display:block; width:170px;text-align:left; padding:5px 0 5px 20px;font-size:0.875em;color:#555;font-weight:400;background:url(/images/po_sub01.png) no-repeat 5px 10px;}

#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:170px; 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:#247eaa;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#247eaa;}
/* Nav 하단 감춤 */
#navPanel, #titleBar {display:none;}

/* 스크롤이 나오는 영역 */
.scroll-conts {height:120px; margin:0; padding:0; overflow:hidden; border:1px solid #ddd;}
.scroll-in-conts {height:100%; margin:0; padding:5px; overflow:hidden;}

@media screen and (max-width:1200px) {
	#page-wrapper {margin:67px 0 0 !important; }
	#header {clear:both;width:100%; margin:-67px 0 0; padding:0;border-bottom:1px solid #035ea7;}

	/* Header */
	#zoom_box { display:none; }
	#gnb-h5 h1 {float:none !important; position:relative; left:0;top:0px; margin:0; padding:0; font-size:1em;line-height:1em; text-align:center;}
	#gnb-h5 h1 img { height:65px; }

	/* Nav */
	#nav {display:none;}
	#j-top {display:none;}
	#sub_view {display:none;}
	#all-sub-nav {display:none;}

	#j-tbar h1 { font-size:2em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:none; text-align:center; width:100%; }

	/* 모바일버튼 */
	#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:12px; 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:65px; 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;border-top:1px solid #ddd;}
	#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;}

	#navPanel .sub_title { display:none; }
}

@media screen and (max-width:1000px) {
	#j-tbar { margin:0 0 40px 0 ; padding:10px 0; overflow:hidden; border-bottom:1px solid #ddd; }
	#j-tbar h1 { font-size:2em; font-weight:500; line-height:1em; padding:10px 0; color:#111; float:none; width:100%; }
	#j-tbar dl { float:none; width:100%; }
	#j-tbar dl dd { padding:1em 0 0; text-align:left; }
}

@media screen and (max-width:736px) {
	/* Default Font Size */
	 #header { font-size:11pt; }
	 #container { font-size:11pt; }
	 #footer { font-size:11pt; }
}

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

}