/*<style type="text/css">*/
#wrap {margin:0; padding:0; border-top:0px solid #e03d3d}
.j-wrap {clear:both; width:1200px; margin:0 auto; padding:0;}
#j-header-roof {clear:both; margin:0; padding:0; background:#3676b3;}
#j-header {padding:0; background:#fff;}

#j-header-fix {position:relative;width:1200px; margin:0 auto; padding:0;}

#j-logo {position:absolute;left:0;top:35px;z-index:20; margin:0; padding:0px; overflow:hidden;}
#j-logo h1 {font:bold 16px/49px 'Noto Sans KR', sans-serif; text-align:center; margin:0; padding:0;}
#j-logo h1 a {display:block; padding:10px 0 0 0; overflow:hidden;}

#j-top {width:1200px; margin:auto;}
#j-lnb {float:right; margin:0px 0 0; padding:0;}
#j-lnb ul {margin:0; padding:0;}
#j-lnb ul li {position:relative; float:left; margin:0; padding:0; z-index:15; zoom:1;}
#j-lnb ul li a {display:block; margin:0; padding:3px 6px 5px 5px; border:1px solid transparent; background:url('../../_common/images/lnb_bar.gif') no-repeat 100% 10px;} /* ie7에서 서브메뉴 선택이 안되는 문제로 인해 border:1px solid transparent; 추가 */
#j-lnb ul li a.no-bg {background:none !important;}
#j-lnb ul li a span.un-arrow {display:block; margin:0 5px 0 0; padding:0 12px 0 0; background:url('../../_common/images/lnb_under_arrow.gif') no-repeat 100% 10px;}
#j-lnb ul li div {position:absolute; width:80px; margin:0 0 0; padding:0; border:1px solid #ddd; overflow:hidden; background:#fff; z-index:18; zoom:1; display:none;}
#j-lnb ul li div ol {width:100%; margin:0; padding:0; overflow:hidden;}
#j-lnb ul li div ol li {clear:both; width:100%; margin:0; padding:0; overflow:hidden;}
#j-lnb ul li div ol li a {display:block; margin:0; padding:5px; border:none; background:none;}
#j-lnb ul li div ol li a:hover {background:#eee;}

#gnb-wrap {clear:both; margin:0; padding:0px 0; background:#fff; border-bottom:0px solid #555; border-top:1px solid #ddd;}
#gnb {clear:both;margin:10px auto;width:1200px;position:relative; z-index:10;height:55px;} /* position:relative; 서브메뉴 가로로 출력시 제거 */

/************************************* navigation 용 css 통합 *****************************************/

#gnb p {float:right; margin:0; padding:0;}

/************* 대메뉴 선택시 서브 전체보기 *************/
#gnb .ej-navi-depth1 {margin:0; padding:0;}
#gnb .ej-navi-depth1 ul {float:left; margin:0; padding:0;}
#gnb .ej-navi-depth1 ul li {float:left; position:relative; margin:0; padding:0; zoom:1;}
#gnb a {display:block; width:150px; text-decoration:none; font:normal 18px/180% 'Noto Sans KR', sans-serif; text-align:center; margin:0 0 0 1px; padding:12px 0 31px; color:#333; overflow:hidden;}
#gnb a:hover {color:#006579;}

#gnb .ej-navi-depth2 {position:absolute; width:150px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:none; border-bottom:none; overflow:hidden; background:#fff; z-index:60; zoom:1; display:none;} /*border:1px solid #ccc;*/
#gnb .ej-navi-depth2 ul {width:100%; margin:0; padding:0; overflow:hidden;}
#gnb .ej-navi-depth2 ul li {clear:both; width:100%; margin:0; padding:0; overflow:hidden;}
#gnb .ej-navi-depth2 ul li a {display:block; font:normal 15px/16px 'Noto Sans KR', sans-serif; text-align:left; margin:0; padding:5px 0 5px 5px; color:#555; background:#fff;}
#gnb .ej-navi-depth2 ul li a:hover {color:#333; background:#fff;}

.j-gnb-sub-pointer {clear:both; overflow:hidden;}
.j-gnb-sub-header {display:none;}
.j-gnb-sub-footer {display:none;}

/* 하위메뉴가 없는 경우 라인이 보일 수 있어서 추가 2016-05-04 16:40:34 */
.ej-navi-nothing {left:0 !important; top:0 !important; width:0 !important; border:none !important; background:none !important; display:none !important;}


/* GNB : 현재 선택된 메뉴 표시용 */
#gnb a.active {color:#006579;}
#gnb a.gnb-active {color:#006579 !important; background:#fff !important;}

#gnb a.active img {border-width:0; display:inline;}
#gnb a.active img.t_roll_ovr {display:none;}
#gnb a.gnb-active:hover img {display:none;}
#gnb a.gnb-active:hover img.o_img_ovr {display:inline;}
#gnb a.gnb-active:hover img.t_roll_ovr {display:inline;}

#gnb .ej-navi-depth2 a.img_ovr img {display:inline;}
#gnb .ej-navi-depth2 a.img_ovr img.roll_ovr {display:none;}
#gnb .ej-navi-depth2 a.img_ovr:hover img {display:none;}
#gnb .ej-navi-depth2 a.img_ovr:hover img.roll_ovr {display:inline;}

#gnb .ej-navi-depth2 a.gnb-active img {display:none;}
#gnb .ej-navi-depth2 a.gnb-active img.roll_ovr {display:inline;}


#gnb .ej-navi-depth2 .ej-navi-depth3,
#gnb .ej-navi-depth2 .ej-navi-depth4,
#gnb .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul li,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul li,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul li a,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul li a,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul li a {display:block; text-align:left; padding:3px 0 3px 5px; color:#555;}
#gnb .ej-navi-depth2 .ej-navi-depth3 ul li a:hover,
#gnb .ej-navi-depth2 .ej-navi-depth4 ul li a:hover,
#gnb .ej-navi-depth2 .ej-navi-depth5 ul li a:hover {color:#333; background:#f6f6f6;}

/* 로고 와 대메뉴사이 간격 */
#gnb-wrap .gnb-left-space { padding:0 0 0 280px !important; }

/* 전체보기 */
#gnb-all .gnb-all-close {position:absolute; bottom:5px; right:5px; width:25px; height:25px; margin:0; padding:0; overflow:hidden; z-index:80;}
#gnb-all .gnb-all-close a {display:block; font:bold 14px/16px 'Noto Sans KR', sans-serif; text-align:center; line-height:25px; padding:3px; border:none;}
#gnb-all .ej-navi-depth1 {margin:0; padding:0; overflow:hidden;}
#gnb-all .ej-navi-depth1 ul {margin:0 0 0 0px; padding:0;}
#gnb-all .ej-navi-depth1 ul li {position:relative; width:136px; margin:0; padding:7px; display:inline-block; *display:inline; font-size:12px; vertical-align:top; letter-spacing:0; *zoom:1;} /* 대메뉴가 많을경우 width값을 직접지정 해야함 */
#gnb-all a {display:block; font:bold 14px/16px 'Noto Sans KR', sans-serif; padding:5px; border-bottom:1px solid #ccc; color:#333; text-decoration:none;}



#gnb-all .ej-navi-depth2 {border-right:1px solid #4c8ac5;padding:0;margin:0 -7px 0 0;min-height:270px;background:none; overflow:hidden;}



#gnb-all .ej-navi-depth2 ul {margin:0; padding:0; }
#gnb-all .ej-navi-depth2 ul li {clear:both; margin:0; padding:0; border-bottom:0px dotted #bbb; }
#gnb-all .ej-navi-depth2 ul li a {display:block; font:normal 13px/200% 'Noto Sans KR', sans-serif; padding:3px 0 3px 0px; border:none; color:#fff;text-align:center;}
#gnb-all .ej-navi-depth2 ul li a:hover {background:none; color:#fff}
#gnb-all .ej-navi-depth2 .ej-navi-depth3,
#gnb-all .ej-navi-depth2 .ej-navi-depth4,
#gnb-all .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul,
#gnb-all .ej-navi-depth2 .ej-navi-depth4 ul,
#gnb-all .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul li,
#gnb-all .ej-navi-depth2 .ej-navi-depth4 ul li,
#gnb-all .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:3px 0 3px 15px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:none;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:3px 0 3px 25px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a:hover {background:none;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:3px 0 3px 35px; color:#000; border:none; color:#555;}
#gnb-all .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a:hover {background:none;}

/* 전체보기 : 현재 선택된 메뉴 표시용 */
#gnb-all a.all-active {color:#ff0 !important; background:none !important;}


/* 사이드 */
#j-l-side {clear:both; margin:20px 0; padding:0; overflow:hidden;}
#j-l-side .j-side-title {display:none;}
#j-l-side .j-side-title span {display:block; margin:0; padding:0 0 0 5px;}
/*
#j-l-side .j-side-title {clear:both; height:80px; margin:0 0 2px 0; padding:0; font:bold 20px/110px 'Noto Sans KR', sans-serif; border-bottom:1px solid #ddd; background:none;}
#j-l-side .j-side-title span {display:block; margin:0; padding:0 0 0 5px;}
*/

#j-l-side .ej-navi-depth2 {border:none; overflow:hidden; background:none;}

#j-l-side .ej-navi-depth2 ul {display:table; width:100%; margin:0; padding:0; border-collapse:separate; border-spacing:5px; table-layout:fixed;}
#j-l-side .ej-navi-depth2 ul li {display:table-cell; margin:0; padding:0; border:1px solid #ddd; text-align:center;}

#j-l-side .ej-navi-depth2 ul li a {display:block; font-size:16px; padding:10px 0 10px 5px; color:#000; border:none;}
#j-l-side .ej-navi-depth2 ul li a:hover {background:#36f; color:#fff; font-weight:normal;}



#j-l-side .ej-navi-depth2 .ej-navi-depth3,
#j-l-side .ej-navi-depth2 .ej-navi-depth4,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 {display:none;}

/* 사이드 : 현재 선택된 메뉴 표시용 */
#j-l-side a.side-active {color:#fff !important; font-weight:normal; background:#36f;}

#j-l-side a.side-active img {display:none;}
#j-l-side a.side-active img.o_img_ovr {display:inline;}
#j-l-side a.side-active img.roll_ovr {display:inline;}

/************************************* navigation 용 css 통합 *****************************************/




/* 대메뉴 선택시 전체 서브메뉴 출력 */
#gnb-all-wrap {clear:both; width:100%; margin:0; z-index:8;}
#gnb-all {position:absolute; width:100%; margin:0 auto 20px; border-top:0px solid #555; border-bottom:0px solid #000; overflow:hidden; z-index:9; display:none;}
#gnb-all-bg {position:absolute; left:0; width:100%; height:1000px; background:#3676b3;}
#gnb-all-box {font-size:0; letter-spacing:-3px; width:1200px; margin:0 auto; z-index:10;}

/*
#j-visual-wrap {clear:both; height:450px; margin:0; padding:0;}
#j-visual {width:100%; height:450px; margin:0 auto 0; padding:0;}
#j-vis-wrap {clear:both; width:100%; height:450px; margin:0 auto; padding:0;}
#jt-visual {position:relative; width:100%; height:450px; margin:0; padding:0; overflow:hidden;}
*/

#j-visual-wrap {clear:both; height:450px; margin:0; padding:0; border-bottom:solid 0px #ccc; overflow:hidden;}
#j-vis-wrap {clear:both; position:relative; width:100%; height:450px; margin:0 auto; padding:0;}
/*.swiper-container {width:100%; height:450px; margin:0 auto; padding:0; background:#fff;}*/


/* 플로팅배너 없을때 - 메인 비주얼이 100%가 아닌경우
#j-visual {width:1200px; height:450px; margin:0 auto 0; padding:0; background:#aaa;}
#j-vis-wrap {clear:both; width:1200px; height:450px; margin:0 auto; padding:0;}
#jt-visual {position:relative; width:1200px; height:450px; margin:0 auto; padding:0; overflow:hidden;}
#jt-visual ul {position:absolute; top:0; left:0; width:99999em; height:450px; margin:0; padding:0; overflow:hidden;}
#jt-visual ul li {float:left; margin:0; padding:0;}
#jt-visual p {position:absolute; top:203px; width:35px; height:45px; margin:0; padding:0; overflow:hidden; z-index:90; display:none;}
#jt-visual p.prev {left:5px;}
#jt-visual p.next {right:5px;}
*/


#j-container {clear:both; width:1200px; margin:5px auto 0; padding:0;}
/*#j-contents {float:left; width:950px; margin:0; padding:0; word-break:break-all; word-wrap:break-word;}*/
#j-contents {clear:both; margin:0; padding:0; word-break:break-all; word-wrap:break-word;}
.container{clear:both; width:1200px; margin:auto;}

#j-tbar {position:relative; margin:0 0 10px; padding:0; border-bottom:0px solid #ddd; overflow:hidden;}
#j-tbar h1 span{display:block;text-align:center;height:120px; margin:0; padding:0; font:normal 30px/110px 'Noto Sans KR', sans-serif; overflow:hidden;}
#j-tbar dl {position:absolute; right:0; bottom:12px; margin:0; padding:0;}
#j-tbar dl dt,
#j-tbar dl dd {float:left; margin:0; padding:0;}

/*#j-l-side {float:left; width:220px; margin:0 30px 0 0; padding:0; overflow:hidden;}*/
#j-r-side {float:right; width:0px; margin:0 0 0 0px; padding:0; overflow:hidden; background:#6eeaff;}

#j-footer {clear:both; height:200px;  font:normal 14px/180% 'Noto Sans KR', sans-serif !important; margin:0 auto; padding:0; overflow:hidden; border-top:1px solid #eee; background:#f5f5f5;}
#j-footer .j-foot {clear:both; position:relative; width:1200px; margin:0 auto; padding:0;}
#j-footer ul.j-foot-menu {clear:both; margin:3px 0 0; padding:0; border-bottom:1px solid #ddd; overflow:hidden;}
#j-footer ul.j-foot-menu li {float:left; margin:0; padding:0;}
#j-footer ul.j-foot-menu li a {display:block; font-size:15px; margin:0; padding:10px 5px 10px 10px; background:url('../../_common/images/footer_menu_bar.png') no-repeat 1px 13px;}
#j-footer ul.j-foot-menu li a.f {padding:10px 5px 10px 0 !important; background:none !important;}
#j-footer .j-foot-cell-wrap {clear:both; font:normal 14px/180% 'Noto Sans KR', sans-serif; color:#555; margin:5px 0 0; padding:0;}
#j-footer .j-foot-cell-wrap span {display:inline-block; margin:3px 5px 3px 0; padding:0;}
#j-footer .j-foot-cell-wrap em {margin:0; padding:0;}
#j-footer .j-foot-cell-wrap em img {vertical-align:middle;}
#j-footer .j-foot-cell-wrap .spot {font-weight:bold !important;}
#j-footer address {clear:both; font:normal 14px/180% 'Noto Sans KR', sans-serif; color:#555; margin:0; padding:5px 0 0;}
#j-footer p.copy {clear:both; font:normal 14px/180% 'Noto Sans KR', sans-serif; color:#555; margin:0; padding:2px 0 0;}

#j-quick {position:absolute; left:0; width:60px; margin:0 0 0 5px; padding:0; overflow:hidden; z-index:99;/* background:#e97fe5;*/}








/************************************* navigation 용 css 통합 *****************************************/

/* 사이트맵 */
#sitemap .ej-navi-depth1 {margin:0; padding:0; overflow:hidden;}
#sitemap .ej-navi-depth1 ul {margin:0 0 0 2px; padding:0;}
#sitemap .ej-navi-depth1 ul li {position:relative; width:180px; margin:0; padding:7px; display:inline-block; *display:inline; font-size:12px; vertical-align:top; letter-spacing:0; *zoom:1;}
#sitemap a {display:block; font:bold 14px/16px 'Noto Sans KR', sans-serif; padding:8px 5px; color:#fff; text-decoration:none; background:#333;}
#sitemap .ej-navi-depth2 {border:none; background:#f9f9f9; overflow:hidden; background:#fff;}
#sitemap .ej-navi-depth2 ul {margin:0; padding:0;}
#sitemap .ej-navi-depth2 ul li {clear:both; margin:0; padding:0;}
#sitemap .ej-navi-depth2 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:7px 0 7px 5px; color:#000; border:1px solid #ddd; border-top:none; color:#111; background:#fff;}
#sitemap .ej-navi-depth2 ul li a:hover {background:#eee;}
#sitemap .ej-navi-depth2 .ej-navi-depth3,
#sitemap .ej-navi-depth2 .ej-navi-depth4,
#sitemap .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul,
#sitemap .ej-navi-depth2 .ej-navi-depth4 ul,
#sitemap .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul li,
#sitemap .ej-navi-depth2 .ej-navi-depth4 ul li,
#sitemap .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:7px 0 7px 15px; color:#000; border:1px solid #ddd; border-top:none; color:#444; background:#fff;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:#f1f1f1;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:7px 0 7px 25px; color:#000; border:1px solid #ddd; border-top:none; color:#666; background:#fff;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a:hover {background:#f6f6f6;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; font:normal 12px/16px 'Noto Sans KR', sans-serif; padding:7px 0 7px 35px; color:#000; border:1px solid #ddd; border-top:none; color:#888; background:#fff;}
#sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a:hover {background:#f9f9f9;}