@charset "utf-8";

/*reset*/
body { margin:0; padding:0; font-family:'NotoSans', sans-serif; }
img, button, input { border:0; font-family:'NotoSans', sans-serif; }
a { text-decoration:none; }
button { cursor:pointer; }
textarea {resize:none;}

/*skipNavigation*/
#skipNavigation { position:absolute; top:0; left:0; z-index:9999; width:100%; height:0; }
#skipNavigation a{ display:block; overflow:hidden; width:0; height:0; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:0; color:#666; }
#skipNavigation a:focus, #skipNavigation a:hover { width:100%; height:15px; padding:10px 0 10px 0; background:#365260; font-size:14px; color:#fff; z-index:9999; }

#wrap { width:100%; min-width:1200px; font-family:'NotoSans', sans-serif; word-break:break-all; }

/*탑배너 버튼*/
.top-banner-open, .top-banner-close { display:inline-block; width:66px; height:32px; padding-left:10px; font-weight:500; font-size:14px; line-height:32px; color:#fff; text-align:left; cursor:pointer; }
.top-banner-open { position:absolute; top:0; right:-96px; border-radius:0 0 2px 2px; background:#3a3a3a url('../../images/images_2018/common/btn_down.gif') no-repeat 43px 12px; }
.top-banner-close { position:absolute; bottom:0; right:-96px; border-radius:2px 2px 0 0; background:#3a3a3a url('../../images/images_2018/common/btn_up.gif') no-repeat 43px 12px; }
/*탑배너*/
#top-banner { display:none; width:100%; min-width:1000px; height:146px; background:#505662 url('../../images/images_2018/common/bg_top_banner.jpg') repeat-x 0 0; }
.banner-inner { position:relative; width:1000px; height:146px; margin:0 auto; }
.banner-inner:before,.banner-inner:after { clear:both; display:table; content:''; }
.banner-inner.open { position:absolute; top:-146px; left:50%; margin-left:-50%; }
.banner-inner .content-banner { width:838px; height:146px; }
.banner-inner .banner { overflow:hidden;}
.banner-inner .banner div { float:left; width:838px; background:0 24px no-repeat; }
.banner-inner .banner div a { display:block; height:104px; padding:36px 0 0 120px; color:#fff; line-height:20px; text-align:left; }
.banner-inner .banner a strong { display:block; margin:0 0 12px; font-weight:500; font-size:22px; letter-spacing:-1px; }
.banner-inner .banner a span { display:block; font-size:13px; }
.banner-inner .banner a .detail { display:inline-block; width:98px; height:26px; margin:-1px 0 0 23px; border:1px solid #fff; font-weight:400; font-size:14px; line-height:26px; text-align:center; vertical-align:text-bottom; }
.banner-inner .controll { position:absolute; top:40px; right:-6px; }
.banner-inner .controll button { float:left; width:12px; height:22px; margin:0 6px; cursor:pointer; }
.banner-inner .controll .btn-prev { background:url('../../images/images_2018/common/btn_prev_banner.png') no-repeat 0 0; }
.banner-inner .controll .btn-next { background:url('../../images/images_2018/common/btn_next_banner.png') no-repeat 0 0; }
.banner-inner .controll .btn-play { background:url('../../images/images_2018/common/btn_stop_banner.png') no-repeat 0 0; }
.banner-inner .controll .btn-play.stop { background:url('../../images/images_2018/common/btn_play_banner.png') no-repeat 0 0; }
.banner-inner .banner-count { position:absolute; top:36px; right:84px; margin:0; }
.banner-inner .banner-count li { display:none; width:78px; height:32px; border-radius:16px; background:url('../../images/images_2018/common/bg_count_banner.jpg') no-repeat 0 0; font-size:18px; line-height:32px; color:#303338; text-align:center; }
.banner-inner .banner-count li strong { font-weight:500; }
.banner-inner .banner-count li.slick-active { display:block; }
.today-banner-close { position:absolute; bottom:17px; right:37px; }
.today-banner-close label { float:right; margin:-1px 0 0 5px; font-size:13px; line-height:20px; color:#fff; }

/*header*/
#header { width:100%; min-width:1000px; height:108px; margin:0 auto; font-size:0; }
#header .header-inner { width:1000px; margin:0 auto; padding:26px 0; font-size:0; position:relative; }
#header h1 { display:inline-block; vertical-align:top; }
#header .header-contents { display:inline-block; vertical-align:top; }
#header .util { position:absolute; top:61px; right:25px; font-size:0; }
#header .util ul { margin:0; padding:0; font-size:0; text-align:right; }
#header .util ul li { display:inline; vertical-align:top; margin:0 6px; list-style:none; letter-spacing:-1px; }
#header .util ul li a { padding-top:34px; font-size:14px; line-height:28px; color:#222; }
#header .util ul li.login a { background:url('../../images/images_2018/common/icon_login.png') no-repeat 50% 0; }
#header .util ul li.allmenu a { background:url('../../images/images_2018/common/icon_allmenu.png') no-repeat 50% 0; }
#header .util ul li.manager a { background:url('../../images/images_2018/common/icon_manager.png') no-repeat 50% 0; }
#header .search-area { width:554px; margin:0 0 0 80px; }
#header .search-area fieldset { position:relative; height:26px; padding:13px 0 13px 26px; border:4px solid #212121; border-radius:30px; }
#header .search-area legend, .search-area label { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; padding:0; border:0; }
#header .search-area .placeholder { position:absolute; top:15px; left:36px; z-index:-1; font-size:16px; color:#6d6d6d; }
#header .search-area input { width:428px; height:26px; padding-left:10px; line-height:26px; border:0; vertical-align:top; font-size:16px; caret-color:#4162a3; background-color:transparent; }
#header .search-area a { position:absolute; top:0; right:5px; display:inline-block; width:77px; height:52px; background:url('../../images/images_2018/common/btn_search.png') no-repeat 50%; }

/*navi*/
#nav { width:100%; min-width:1000px; z-index:4; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; letter-spacing:-1px; }
#nav h2 { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#nav .nav-inner { position:relative; width:100%; min-width:1000px; height:57px; background-color:#4162a3; z-index:4; }
#nav ul.nav-area { position:relative; width:1000px; margin:0 auto; padding:0; text-align:center; font-size:0; z-index:4; }
#nav ul.nav-area > li { display:inline-block; vertical-align:top; width:16.6%; list-style:none; text-align:center;}
#nav ul.nav-area .menu6 ul { border-right:1px solid #d2d2d2; }
#nav ul.nav-area > li > a { display:block; font-size:18px; height:58px; padding-top:15px; font-family:'NotoSans', sans-serif; font-weight:500; color:#fff; box-sizing:border-box; }
/*#nav ul.nav-area > li:hover > a, #nav ul.nav-area > li.on > a { border-bottom:3px solid #0d8373; }*/
#nav ul ul { display:none; padding:20px 0 0; position:relative; width:164px; overflow:hidden; height:280px; text-align:left; border-left:1px solid #d2d2d2; }
/*#nav ul:hover ul { display:block; }*/
#nav ul ul li { padding:8px 0; list-style:none; }
#nav ul ul li a { height:15px; padding-left:19px; font-size:15px; color:#555; font-weight:normal; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#nav ul ul li a:hover, #nav ul ul li a:focus, #nav ul ul li a.on { color:#4162a3; }
#nav ul ul li a:hover:before, #nav ul ul li a:focus:before, #nav ul ul li a.on:before { display:inline-block; width:3px; height:15px; margin:0 16px 0 -19px; background-color:#4162a3; vertical-align:-2px; content:''; }
#nav .nav-inner .sub-bg { display:none; position:absolute; top:58px; left:0; z-index:2; width:100%; height:300px; background:#fff; border-bottom:2px solid #4162a3; }
#nav .quick-link { display:none; position:absolute; top:58px; right:50%; z-index:5; margin-right:-644px; }
#nav .quick-link li { display:table; padding:4px 0; }
#nav .quick-link a { display:table-cell; width:71px; height:59px; padding-left:62px; border:1px solid #e5e5e5; font-weight:500; font-size:14px; color:#4466a7; vertical-align:middle; }
#nav .quick-link .loginUser a { background:url('../../images/images_2018/main/icon_loginUser.png') no-repeat 21px 50%; }
#nav .quick-link .login a { background:url('../../images/images_2018/main/icon_login.png') no-repeat 21px 50%; }
#nav .quick-link .oslogin a { background:url('../../images/images_2018/main/icon_oslogin.png') no-repeat 21px 50%; }
#nav .quick-link .logout a { background:url('../../images/images_2018/main/icon_logout.png') no-repeat 21px 50%; }
#nav .quick-link .join a { background:url('../../images/images_2018/main/icon_join.png') no-repeat 21px 50%; }
#nav .quick-link .manager a { background:url('../../images/images_2018/main/icon_manager.png') no-repeat 21px 50%; }
#nav .quick-link .link a { background:url('../../images/images_2018/main/icon_alright.png') no-repeat 12px 50%; color:#4466a7; }

/*quick-menu*/
#quick-menu { width:65px; position:absolute; top:55px; left:50%; z-index:3; margin-left:530px; border-radius:4px; background-color:#767676;  }
#quick-menu ul { margin:0; padding:0; width:49px; }
#quick-menu ul li { list-style:none; width:49px; padding:0 8px; }
#quick-menu ul li a { display:block; width:49px; height:48px; padding:12px 0; border-top:1px solid #898989; border-bottom:1px solid #6b6d6e; text-indent:-9999px; overflow:hidden; }
#quick-menu ul li.search a { padding-top:19px; border-top:0; background:url('../../images/images_2018/common/icon_quickmenu1.png') no-repeat center 19px; }
#quick-menu ul li.typeinfo a { background:url('../../images/images_2018/common/icon_quickmenu2.png') no-repeat center; }
#quick-menu ul li.useinfo a { background:url('../../images/images_2018/common/icon_quickmenu3.png') no-repeat center; }
#quick-menu ul li.data a { padding-bottom:19px; border-bottom:0; background:url('../../images/images_2018/common/icon_quickmenu4.png') no-repeat center 12px; }
#quick-menu ul li.movetop { border-radius:0 0 4px 4px; background-color:#5d5d5d; }
#quick-menu ul li.movetop a { height:34px; padding-bottom:17px; border:0; background:url('../../images/images_2018/common/top.png') no-repeat center 12px; }

/*etc-link*/
#etc-link { width:100%; height:53px; margin:0 auto; background-color:#696969; letter-spacing:-1px; }
#etc-link ul { font-size:0; }
#etc-link ul li { display:inline-block; vertical-align:top; font-size:13px; }
#etc-link .etc-link-inner { width:1000px; margin:0 auto; font-size:0; color:#5b5858; position:relative; }
#etc-link .etc-link-inner .page-link { display:inline-block; vertical-align:top; width:580px; }
#etc-link .etc-link-inner .page-link a { color:#eaeaea; font-weight:200; font-size:14px; }
#etc-link .etc-link-inner .page-link ul { margin:0; padding:0; }
#etc-link .etc-link-inner .page-link ul li { margin-right:20px; line-height:53px; }
#etc-link .etc-link-inner .page-link ul li span { color:#d2d2d2; margin:0 20px; }
#etc-link .etc-link-inner .page-link ul li.privacy a { font-weight:500; color:#d1eae3; }
#etc-link .etc-link-inner .site-link { display:inline-block; vertical-align:top; width:420px; }
#etc-link .etc-link-inner .site-link > ul { margin:8px 0 0 0; padding:0; }
#etc-link .etc-link-inner .site-link > ul > li:first-child { margin:0 17px 0 0; }
#etc-link .etc-link-inner .site-link .btn-site { position:relative; display:inline-block; width:199px; border:1px solid #888; }
#etc-link .etc-link-inner .site-link .btn-site > a { display:block; overflow:hidden; width:185px; height:34px; padding:0 0 0 15px; line-height:34px; color:#e5e5e5; text-align:left; font-weight:200; font-size:13px; background:url('../../images/images_2018/common/btn_link.gif') 178px 15px no-repeat; }
#etc-link .etc-link-inner .site-link .btn-site ul { display:none; position:absolute; bottom:35px; left:-1px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; z-index:2; margin:0; padding:10px 0; background:#fff; }
#etc-link .etc-link-inner .site-link .btn-site ul li a { display:block; width:198px; padding:7px 0 7px 15px; color:#909090;box-sizing:border-box; }
#etc-link .etc-link-inner .site-link .btn-site-move { display:inline-block; width:45px; height:36px; margin-left:5px; background-color:#404040; font-weight:200; font-size:13px; line-height:36px; color:#e5e5e5; text-align:center; vertical-align:top; }

/*footer*/
#footer { width:100%; background-color:#5d5d5d; }
#footer .footer-inner { position:relative; width:1000px; margin:0 auto; padding:28px 0 30px; text-align:center; }
#footer .footer-inner ul { display:inline-block; margin:0; padding:0; font-size:0; vertical-align:top; }
#footer .footer-inner ul:nth-child(3) { width:140px; text-align:right; }
#footer .footer-inner ul:nth-child(1) { position:absolute; top:69px; left:0; }
#footer .footer-inner ul.address-area + ul { position:absolute; top:62px; right:0; }
#footer .footer-inner ul li { display:inline-block; }
#footer .footer-inner ul li a { display:block; }
#footer .footer-inner ul li.facebook a { margin:0 10px 0 0; }
#footer .footer-inner ul li.instagram a { margin:0 10px 0 0; }
#footer .footer-inner ul li.sports-site a { margin-right:23px; }
#footer .footer-inner ul li.wa-site a { margin:0 13px 0 0; }
#footer .footer-inner ul.address-area { position:static; width:733px; }
#footer .footer-inner ul li.address {display:block; padding:20px 0 0 0; }
#footer .footer-inner ul li.address p { margin:0; padding:0; font-weight:200; font-size:13px; color:#c7c7c7; line-height:20px; }

/*container*/
#container { width:100%; min-width:1000px; position:relative; background-color:#f7f7f7; }

/*서브 컨텐츠(공용)*/
.container-sub { width:1000px; margin:0 auto; padding-bottom:70px; position:relative; }
.container-sub:after { display:block; content:""; height:0; clear:both; }
.container-sub .left-nav { float:left; width:190px; margin:25px 30px 0 0; letter-spacing:-1px; }
.container-sub .left-nav h3 { width:190px; height:184px; margin:0; background:url('../../images/images_2018/sub/bg_lnb.png') no-repeat; text-align:center; color:#222; font-weight:500; font-size:30px; line-height:36px; }
.container-sub .left-nav h3:before { display:block; width:190px; height:65px; margin-bottom:19px; content:''; }
.container-sub .left-nav h3.lnb-recommend:before { background:url('../../images/images_2018/sub/icon_lnb_recommend.png') no-repeat center; }
.container-sub .left-nav h3.lnb-search:before { margin-bottom:37px;background:url('../../images/images_2018/sub/icon_lnb_search.png') no-repeat center; }
.container-sub .left-nav h3.lnb-openInfo:before { background:url('../../images/images_2018/sub/icon_lnb_edu.png') no-repeat center; }
.container-sub .left-nav h3.lnb-use:before { background:url('../../images/images_2018/sub/icon_lnb_use.png') no-repeat center; }
.container-sub .left-nav h3.lnb-news:before { background:url('../../images/images_2018/sub/icon_lnb_news.png') no-repeat center; }
.container-sub .left-nav h3.lnb-manage:before { background:url('../../images/images_2018/sub/icon_lnb_manage.png') no-repeat center; }
.container-sub .left-nav h3.lnb-menu:before { background:url('../../images/images_2018/sub/icon_lnb_menu.png') no-repeat center; }
.container-sub .left-nav ul.lnb { margin:0; padding:0; width:190px; border-top:1px solid #ddd; }
.container-sub .left-nav ul.lnb > li { list-style:none; width:190px; }
.container-sub .left-nav ul.lnb > li > a, .container-sub .left-nav ul.lnb > li > span  { display:block; width:190px; height:56px; font-weight:500; line-height:56px; border-bottom:1px solid #e8e8e8; font-size:16px; color:#333; }
.container-sub .left-nav ul.lnb > li > a > span { display:block; padding:0 0 0 16px; height:54px; }
.container-sub .left-nav ul.lnb > li > span {padding:0 0 0 30px;box-sizing:border-box;}
.container-sub .left-nav ul.lnb > li.on > a, .container-sub .left-nav ul.lnb > li:hover > a, .container-sub .left-nav ul.lnb > li > a:focus { background:url('../../images/images_2018/sub/icon_lnb.png') 162px center no-repeat;color:#4162A3; }
.container-sub .left-nav ul.lnb > li.on > a span, .container-sub .left-nav ul.lnb > li:hover > a span, .container-sub .left-nav ul.lnb > li > a:focus span { border:0; }
.container-sub .left-nav ul.lnb > li.last span{ border:0; }
.container-sub .left-nav ul.lnb > li.use-depth { /* height:175px; */ }
.container-sub .left-nav ul.lnb > li.use-depth ul { margin:0; padding:12px 0 12px 24px;border-bottom:1px solid #e8e8e8;background-color:#fff;  }
.container-sub .left-nav ul.lnb > li.use-depth ul li { list-style:none; width:135px; line-height:28px; }
.container-sub .left-nav ul.lnb > li.is-depth.on > a, .container-sub .left-nav ul.lnb > li.is-depth:hover > a, .container-sub .left-nav ul.lnb > li.is-depth > a:focus { background:url('../../images/images_2018/sub/icon_lnb_down.png') 162px center no-repeat; color:#333; }
.container-sub .left-nav ul.lnb > li.use-depth ul li a { font-size:14px; color:#555; }
.container-sub .left-nav ul.lnb > li.use-depth ul li a:hover, .container-sub .left-nav ul.lnb > li.use-depth ul li.depth-on a { border-bottom:1px solid #4162a3; font-weight:500; color:#4162A3; }

.container-sub .left-nav ul.lnb.slideDepth > li > a, .container-sub .left-nav ul.lnb.slideDepth > li > span  { display:block; width:188px; height:59px; font-weight:bold; line-height:59px; border-bottom:1px solid #e8e8e8; /*background:url('../../images/images_2018/sub/icon_lnb.png') 155px center no-repeat;*/ font-size:14px; color:#6c6969; } 
.container-sub .left-nav ul.lnb.slideDepth > li > button  { display:block; width:190px; height:56px; background-color:transparent; line-height:56px; border-bottom:1px solid #e8e8e8; font-size:16px; font-weight:500; color:#333; letter-spacing:-1px; }
.container-sub .left-nav ul.lnb.slideDepth > li > button.ov{background:url('../../images/images_2018/sub/icon_lnb_down.png') 162px center no-repeat;}
.container-sub .left-nav ul.lnb.slideDepth > li > a > span, .container-sub .left-nav ul.lnb.slideDepth > li > button > span { display:block; padding:0 0 0 16px; height:54px; text-align:left;}
.container-sub .left-nav ul.lnb.slideDepth > li > span {padding:0 0 0 30px;box-sizing:border-box;}
.container-sub .left-nav ul.lnb.slideDepth > li.use-depth ul { display:none;margin:0; padding:12px 0 12px 24px;border-bottom:1px solid #e8e8e8; background-color:#fff;  }
.container-sub .left-nav ul.lnb.slideDepth > li.use-depth ul li { list-style:none; width:115px; line-height:28px; }
.container-sub .left-nav ul.lnb.slideDepth > li.use-depth ul li a { font-size:14px; color:#555; }
.container-sub .left-nav ul.lnb.slideDepth > li.use-depth ul li a:hover, .container-sub .left-nav ul.lnb.slideDepth > li.use-depth ul li.depth-on a { font-weight:500; color:#4162A3; }
.container-sub .left-nav ul.lnb.slideDepth > li.use-depth.on ul { display:block;margin:0; padding:12px 0 12px 24px; border-bottom:1px solid #e8e8e8;  }

.container-sub .left-nav ul.lnb > li.my-depth { height:150px; }
.container-sub .left-nav ul.lnb > li.my-depth ul { margin:0; padding:15px 0 0 0; }
.container-sub .left-nav ul.lnb > li.my-depth ul li { list-style:none; width:130px; padding:0 0 0 30px; margin:0 auto; text-align:left; line-height:30px; background:url('../../images/images_2018/sub/deco_list.gif') 15px center no-repeat; }
.container-sub .left-nav ul.lnb > li.my-depth ul li.my-last { padding:0 0 15px 30px; border-bottom:1px solid #e8e8e8; background:url('../../images/images_2018/sub/deco_list.gif') 15px 15px no-repeat; }
.container-sub .left-nav ul.lnb > li.my-depth ul li a { font-size:14px; color:#7b7878; }
.container-sub .left-nav ul.lnb > li.my-depth ul li a:hover, .container-sub .left-nav ul.lnb > li.my-depth ul li.depth-on a { color:#876299; }

.condition_tab{position:relative;overflow:hidden;list-style:none;padding:0;margin:0;}
.condition_tab li{float:left;margin-top:48px;padding-right:5px;box-sizing:border-box;}
.condition_tab li:last-child{padding-right:0;}
.condition_tab li input[type="radio"]{position:absolute;opacity:0;}
.condition_tab li label{display:inline-block;width:84px;height:30px;border:1px solid #ddd;background-color:#fff;font-size:14px;line-height:28px;color:#222;text-align:center;box-sizing:border-box;}
.condition_tab li input[type="radio"]:checked + label,.condition_tab li input[type="radio"]:focus + label{border:1px solid #767676;background-color:#767676;color:#fff;}
.condition_tab li.all{position:absolute;top:0;left:0;z-index:1;margin-top:13px;}
.condition_tab li.all input[type="radio"]{position:static;opacity:100;margin:0 6px 0 0;vertical-align:sub;}
.condition_tab li.all label,.condition_tab li.all input[type="radio"]:checked + label,.condition_tab li.all input[type="radio"]:focus + label{display:inline-block;border:0;background-color:transparent;color:#767676;text-align:left;}

/*법률지원 추가(3단)*/
.container-sub .left-nav ul.lnb > li.my-depth2 { height:180px; }
.container-sub .left-nav ul.lnb > li.my-depth2 ul { margin:0; padding:15px 0 0 0; }
.container-sub .left-nav ul.lnb > li.my-depth2 ul li { list-style:none; width:130px; padding:0 0 0 30px; margin:0 auto; text-align:left; line-height:30px; background:url('../../images/images_2018/sub/deco_list.gif') 15px center no-repeat; }
.container-sub .left-nav ul.lnb > li.my-depth2 ul li.my-last { padding:0 0 15px 30px; border-bottom:1px solid #e8e8e8; background:url('../../images/images_2018/sub/deco_list.gif') 15px 15px no-repeat; }
.container-sub .left-nav ul.lnb > li.my-depth2 ul li a { font-size:14px; color:#7b7878; }
.container-sub .left-nav ul.lnb > li.my-depth2 ul li a:hover, .container-sub .left-nav ul.lnb > li.my-depth2 ul li.depth-on a { color:#876299; }
/*법률지원 추가(3단)*/
.container-sub .left-nav ul.lnb > li.info-depth { height:142px; }
.container-sub .left-nav ul.lnb > li.info-depth ul { margin:0; padding:15px 0 0 0;border-bottom:1px solid #e8e8e8; }
.container-sub .left-nav ul.lnb > li.info-depth ul li { list-style:none; width:130px; padding:0 0 0 30px; margin:0 auto; text-align:left; line-height:26px; background:url('../../images/images_2018/sub/deco_list.gif') 15px center no-repeat; }
.container-sub .left-nav ul.lnb > li.info-depth ul li.info-last { padding:0 0 15px 30px; border-bottom:1px solid #e8e8e8; background:url('../../images/images_2018/sub/deco_list.gif') 15px 15px no-repeat; }
.container-sub .left-nav ul.lnb > li.info-depth ul li a { font-size:14px; color:#7b7878; }
.container-sub .left-nav ul.lnb > li.info-depth ul li a:hover, .container-sub .left-nav ul.lnb > li.info-depth ul li.depth-on a { color:#876299; }
.container-sub .left-nav ul.lnb > li.depth-qna span { border-top:1px solid #e8e8e8; }
.container-sub .left-nav ul.lnb > li.depth-qna a:hover { line-height:60px; }
.container-sub .left-nav .lnb-banner a { display:block; width:190px; height:88px; margin:20px 0 50px 0; text-align:center; background:url('../../images/images_2018/sub/bg_lnb_banner.png') no-repeat; text-indent:-9999px; overflow:hidden; }
.container-sub .left-nav .lnb-banner2 a { display:block; width:190px; height:88px; margin:0 0 50px 0; text-align:center; background:url('../../images/images_2018/sub/bg_lnb_banner2.png') no-repeat; text-indent:-9999px; overflow:hidden; }
.container-sub .contents { float:left; width:750px; margin:30px 0 0 0; position:relative; }
.container-sub .contents .location { width:750px; height:50px; text-align:right; color:#767676; font-size:13px; line-height:50px; vertical-align:top; }
.container-sub .contents .location span { display:inline-block; vertical-align:top; margin:0 5px; }
.container-sub .contents .location span.icon-home { width:13px; height:14px; padding:0 5px 0 0; background:url('../../images/images_2018/sub/icon_home.gif') left 2px no-repeat; text-indent:-9999px; overflow:hidden; margin:17px 0 0 0; }
.container-sub .contents .location span.page { color:#333; font-weight:500; }
.container-sub .contents .contents-title { width:750px; height:98px; border-bottom:2px solid #d2d2d2; margin:0 0 30px; }
.container-sub .contents .contents-title h4 { margin:0; font-size:36px; font-weight:400; color:#333; line-height:55px; }
.container-sub .contents .contents-title p { margin:0; font-size:14px; color:#666; line-height:20px; }
.container-sub .contents .list-page { width:750px; margin:20px auto 50px ; font-size:14px; text-align:center; color:#6c6969; }
.container-sub .contents .search_page {width:auto;}
.container-sub .contents .list-page a { display:inline-block; vertical-align:middle; text-align:center; color:#666; line-height:27px; margin:0 7px; }
.container-sub .contents .list-page a.btn-first { width:13px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_first.gif') center top no-repeat; }
.container-sub .contents .list-page a.btn-prev { width:15px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_prev.gif') center top no-repeat; }
.container-sub .contents .list-page a.btn-next { width:15px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_next.gif') center top no-repeat; }
.container-sub .contents .list-page a.btn-last { width:13px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_last.gif') center top no-repeat; }
.container-sub .contents .list-page a.on { height:27px; color:#fff; }
.container-sub .contents .list-page a strong { display:inline-block; min-width:34px; height:27px;border-radius:17px; background:#4162A3; font-weight:400; vertical-align:top; }
.container-sub .contents .list-page a[href^="#none"] {display:none;}
.btn-area { margin:30px 0 50px 0; text-align:center; }
.btn-right-area { margin:30px 0 50px 0; text-align:right; }
.btn-area ul { margin:0; padding:0; font-size:0; }
.btn-area ul li { display:inline-block; vertical-align:top; width:128px; margin:0 2px; height:36px; line-height:36px; font-weight:200; font-size:14px; background:#4162A3; border-radius:2px; text-align:center; }
.btn-area ul li a { color:#fff; }
.btn { display:inline-block; width:128px; height:36px; border-radius:2px; background-color:#4162A3; font-size:14px; line-height:36px; color:#fff; text-align:center; cursor:pointer; }
.btn.btn-gray { background-color:#4f5561; }
.btn.btn-list { height:32px; line-height:32px; border:2px solid #222; background-color:#f7f7f7; color:#222; }
.btn.btn-list:before { display:inline-block; width:12px; height:10px; margin-right:9px; background:url('../../images/images_2018/sub/btn_icon_list.png') no-repeat 0 0; content:''; }
.page-info { display:block;margin-bottom:30px;padding:21px 40px;border:1px solid #ddd;background:#fcfcfc url('../../images/images_2018/sub/bg_box_header.png') no-repeat 0 0;color:#273A61;font-size:28px; }
.page-info h5{margin:0;display:inline-block; }
.page-info p { float:right;padding-top:11px;margin:0;font-size:14px;color:#767676;text-align:right; }
.menu-box {border:1px solid #d2d2d2;background-color:#fcfcfc;}
.menu-box-header {display:block;margin:0;padding:20px 40px 25px;background:#fcfcfc url('../../images/images_2018/sub/bg_box_header.png') no-repeat 0 0;color:#273A61;font-size:28px;}
.menu-box ul {display:block;list-style:none;margin:-5px 30px 30px;padding:30px 0 0;border-top:1px solid #ddd;}
.menu-box ul:after {content:"";display:block;clear:both;}
.menu-box ul li {width:132px;padding:0 7px 4px 0;float:left;text-align:center;}
.menu-box ul li:nth-child(5n) {padding-right:0;}
.menu-box ul li a {display:block;border-radius:2px;background-color:#f4f4f1;color:#222;font-weight:200;font-size:14px;line-height:36px;}
.menu-box ul li.selected a {background-color:#4162A3;color:#fff;}

fieldset { border:0; margin:0; padding:0; }
legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
/*게시판 상세보기*/
.board-view { margin:0; padding:0; border-top:2px solid #4162A3; list-style:none; }
.board-view > li { border-bottom:1px solid #ddd; font-size:14px; color:#666; }
.board-view .board-title { padding:13px 0 12px 20px; }
.board-view .board-title .title { display:inline-block; width:484px; margin:0; font-weight:500; font-size:14px; color:#000; box-sizing:border-box; }
.board-view .board-title .title.reply { padding-left:39px; background:url('../../images/images_2018/sub/icon_reply.gif') no-repeat 0 4px; }
.board-view .board-title strong { margin:0 12px 0 15px; font-weight:500; color:#000; }
.board-view .board-content { overflow:hidden; min-height:200px; margin:0; padding:35px 20px; background-color:#fff; line-height:24px; }
.board-view .board-content p { margin:0; padding:0; }
.board-view .board-content img { max-width:100%; }
.board-view .sns-area { background-color:#fff; text-align:right; padding:0 20px 26px 0; }
.board-view .sns-area a.facebook { display:inline-block; width:24px; height:24px; background:url('../../images/images_2018/sub/icon_facebook.gif') no-repeat; text-indent:-9999px; overflow:hidden; font-size:0; margin:0 10px 0 0; }
.board-view .sns-area a.twitter { display:inline-block; width:24px; height:24px; background:url('../../images/images_2018/sub/icon_twitter.gif') no-repeat; text-indent:-9999px; overflow:hidden; font-size:0; }
.board-view .attachment { padding:18px 0; background-color:#ebf0fa; }
.board-view .attachment strong { display:inline-block; width:90px; padding:6px 0; font-weight:500; color:#000; text-align:center; vertical-align:top; }
.board-view .attachment-list { display:inline-block; margin:0; padding:0; list-style:none; }
.board-view .attachment-list li { padding:6px 0 6px 13px; }
.board-view .attachment-list a { color:#666; line-height:16px; padding:0 0 0 25px; background:url('../../images/images_2018/sub/icon_download.png') 0 center no-repeat; }
.board-view-list { margin:30px 0 0; padding:0; border-top:2px solid #4162A3; list-style:none; }
.board-view-list li { font-size:14px; padding:15px 0 15px 0; border-bottom:1px solid #ddd; line-height:16px; }
.board-view-list li strong { display:inline-block; vertical-align:top; font-weight:500; text-align:center; width:80px; height:16px; color:#000; }
.board-view-list li span, .board-view-list li span a { color:#666; }
/*게시판 상세보기 세로버전*/
.board-view-row { margin:0; padding:0; border-top:2px solid #4162A3; list-style:none; }
.board-view-row > li { display:table; width:100%; border-bottom:1px solid #ddd; font-size:14px; color:#666; min-height:50px; }
.board-view-row strong { display:table-cell; width:110px; background-color:#f7f7f7; font-weight:500; color:#000; text-align:center; vertical-align:middle; }
.board-view-row .cell { display:table-cell; padding:10px 20px; background-color:#fff; vertical-align:middle; }
.board-view-row .board-content { min-height:290px; background-color:#fff; line-height:24px; }
.board-view-row .attachment-list { display:inline-block; margin:0; padding:0; list-style:none; }
.board-view-row .attachment-list a { color:#666; line-height:16px; padding:0 0 0 25px; background:url('../../images/images_2018/sub/icon_download.png') 0 center no-repeat; }
.board-view-row .link { text-decoration: underline; color: #6d5b97; }

/*게시판 폼*/
.board-form { margin:0; padding:0; border-top:2px solid #4162A3; list-style:none; }
.board-form > li { display:table; width:100%; border-bottom:1px solid #ddd; font-size:14px; color:#666; min-height:50px; }
.board-form .cell-head { display:table-cell; width:110px; background-color:#f7f7f7; font-weight:500; color:#000; text-align:center; vertical-align:middle; }
.board-form .cell-head span { margin-right:5px; color:#dc5803; }
.board-form .cell-input { display:table-cell; padding:10px; background-color:#fff; vertical-align:middle; }
.board-form .cell-input input[type="text"] { width:530px; border:1px solid #ddd; height:28px; line-height:28px; padding:0 5px; vertical-align:top; }
.board-form .cell-input input[type="password"] { width:210px; border:1px solid #ddd; height:28px; line-height:28px; padding:0 5px; vertical-align:top; }
.board-form .cell-input input[type="radio"]+label { margin:0 20px 0 4px; }
.board-form .cell-input select { height:30px; border:1px solid #ddd; }
.board-form .attachment ul { margin:0; padding:0; list-style:none; }
.board-form .attachment li { margin-top:10px; }
.board-form .attachment li:first-child { margin-top:0; }
.board-form .attachment li input[type="file"] { display:inline-block; width:420px; height:28px; margin:0 10px 0 0; padding:0 5px; border:1px solid #ddd; vertical-align:top; }
.board-form .attachment .btn-add { display:inline-block; width:103px; height:30px; border-radius:2px; background-color:#767676; line-height:30px; color:#fff; text-align:center; vertical-align:top; }
.board-form .attachment .btn-delete { overflow:hidden; display:inline-block; width:26px; height:26px; margin:2px 0 0; background:url('../../images/images_2018/sub/btn_delete.png') no-repeat; vertical-align:top; text-indent:-9999px; }
.board-form .form-help { margin:5px 0 0; font-size:12px; color:#dc5803; }
.board-form .password .form-help { display:inline-block; margin:7px 0 0 8px; }

/*팝업-bg*/
.pop-bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:5; }

/*레이어팝업-비밀번호입력*/
#popPassword { width:336px; height:270px; background:#fff; position:absolute; top:40px; left:50%; z-index:6; margin-left:-168px; }
#popPassword .pop-header { position:relative; width:296px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popPassword .pop-header strong{ font-weight:500; font-size:20px; color:#4162A3; line-height:75px; letter-spacing:-1px; }
#popPassword .pop-header a { position:absolute; width:23px; height:23px; top:25px; right:0; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popPassword .pop-header a span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popPassword fieldset { border:0; margin:0; padding:0; }
#popPassword legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popPassword .pop-content { width:296px; margin:0 auto; }
#popPassword .pop-content ul { margin:40px 0 0 0; padding:0; }
#popPassword .pop-content ul li { list-style:none; font-size:0; margin:0 0 10px 0; }
#popPassword .pop-content ul li label { display:inline-block; vertical-align:top; font-size:14px; width:66px; line-height:30px; }
#popPassword .pop-content ul li input { display:inline-block; width:218px; height:28px; line-height:28px; border:1px solid #ddd; padding:0 5px; }
#popPassword .btn-area ul li { width:146px; }
#popPassword .btn-area ul li a { display:block; }
#popPassword .btn-area ul li.btn-gray { margin-left:4px; background-color:#ebf0fa; }
#popPassword .btn-area ul li.btn-gray a { color:#000; }

/*레이어팝업-기간설정*/
#popDate {position:absolute;left:50%;z-index:6;width:302px;height:286px;margin-left:-151px;background-color:#fff;}
#popDate .pop-header { position:relative; width:262px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popDate .pop-header strong{font-weight:500;font-size:20px;line-height:75px;color:#4162A3;letter-spacing:-1px;}
#popDate .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popDate .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popDate .pop-content {width:262px;margin:0 auto;}
#popDate .datebox p {display:inline-block;width:119px;height:30px;margin:15px 0;border:1px solid #ddd;border-radius:2px;}
#popDate .datebox p .com_input {display:inline-block;width:90px;height:30px;margin:0;padding:0 0 0 5px;border:0;font-size:14px;color:#767676;text-align:center;vertical-align:top;box-sizing:border-box;}
#popDate .datebox p button {margin:0;padding:0;background-color:transparent;cursor:pointer;}
#popDate .datebox p img {margin:5px 0 0 4px;}
#popDate .datebox span {display:inline-block;width:20px;font-size:14px;color:#767676;text-align:center;vertical-align:text-bottom;}
#popDate .btn-area {margin:5px 0 0;}
#popDate .btn-area a {display:block;background-color:#ebf0fa;font-size:16px;line-height:36px;color:#000;}

/*레이어팝업-공공기관검색*/
#popCompany { width:465px; padding-bottom:20px; background:#fff; position:absolute; top:40px; left:50%; margin-left:-232px;z-index:6;overflow:hidden; }
#popCompany .pop-header { position:relative; width:425px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popCompany .pop-header strong{font-weight:500;font-size:20px;line-height:75px;color:#4162A3;letter-spacing:-1px;}
#popCompany .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popCompany .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popCompany fieldset { border:0; margin:0; padding:0; }
#popCompany legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popCompany p { width:405px; height:60px; background:#f2f4f7; font-size:13px; line-height:23px; color:#666; margin:0 auto 20px; padding:15px 0 0 20px; }
#popCompany .pop-content { width:425px; margin:0 auto; font-size:0; }
#popCompany .pop-content input { width:346px; height:28px; line-height:28px; padding:0 5px; border:1px solid #ddd; border-radius:2px; }
#popCompany .pop-content span a { display:inline-block; vertical-align:top; width:57px; height:30px; margin-left:7px; background:#767676; color:#fff; text-align:center; line-height:30px; font-size:14px; border-radius:2px; }
#popCompany .pop-content .initial-list { margin:10px auto -3px; padding:0; font-size:0; text-align:center; }
#popCompany .pop-content .initial-list li { list-style:none; display:inline-block; vertical-align:middle; text-align:center;}
#popCompany .pop-content .initial-list li a {padding:0 5px; font-size:17px; line-height:26px; color:#767676; }
#popCompany .pop-content .initial-list li:after { display:inline-block;width:1px;height:10px;background-color:#ddd;vertical-align:1px;content:'';}
#popCompany .pop-content .initial-list li:last-child:after {display:none;}
#popCompany .company-list { margin:15px 0 0 0; }
#popCompany .company-list ul { width:423px; height:238px; margin:0; padding:0; border:1px solid #ccc; overflow-y:auto; }
#popCompany .company-list ul li { list-style:none; font-size:13px; padding:0 0 0 20px; line-height:44px; border-bottom:1px dashed #ccc; }
#popCompany .company-list ul li a { color:#6c6969; }
#popCompany p.txt-info { width:405px; height:50px; background:#fff; font-size:13px; line-height:23px; color:#666; margin:0 auto; padding:14px 0 0 10px; }
#popCompany p.txt-info span { color:#4162A3; padding:0 0 1px 0; border-bottom:1px solid #a0b0d1; }
#popCompany .list-page { width:425px; margin:20px auto 25px ; font-size:14px; line-height:30px; text-align:center; color:#6c6969; }
#popCompany .list-page { width:425px; margin:20px auto 25px; font-size:14px; text-align:center; }
#popCompany .list-page a { display:inline-block; vertical-align:middle; text-align:center; color:#666; line-height:27px; margin:0 7px; }
#popCompany .list-page a.btn-first { width:13px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_first.gif') center top no-repeat; }
#popCompany .list-page a.btn-prev { width:15px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_prev.gif') center top no-repeat; }
#popCompany .list-page a.btn-next { width:15px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_next.gif') center top no-repeat; }
#popCompany .list-page a.btn-last { width:13px; height:7px; text-indent:-9999px; overflow:hidden; background:url('../../images/images_2018/sub/btn_last.gif') center top no-repeat; }
#popCompany .list-page a.on { height:27px; color:#fff; }
#popCompany .list-page a strong { display:inline-block; width:34px; height:27px;border-radius:17px; background:#4162A3; font-weight:400; vertical-align:top; }
#popCompany .btn-area { margin:0; padding:0; }
#popCompany .btn-area a { display:block; color:#000; width:425px; margin:0 auto; text-align:center;border-radius:2px; background:#ebf0fa; font-size:16px; height:36px; line-height:36px; }
#popCompany .pop-content-type2 > p { height:40px; background:none;font-weight:200;font-size:18px; line-height:23px; color:#767676; margin:0; padding:15px 0 0 0;letter-spacing:0; }
#popCompany .pop-content-type2 > p > span { color:#4162A3;font-weight:500; }
.pop-content-type2 .reset-company { position:absolute; top:67px; right:0; }
.pop-content-type2 .reset-company label { font-size:14px; color:#666; vertical-align:top; }
.pop-content-type2 { position:relative; width:425px; margin:0 auto; padding:20px 0 0 0; font-size:0; }
.pop-content-type2 input[type="text"] { width:347px; height:28px; line-height:28px; padding:0 5px; border:1px solid #ddd;border-radius:2px; }
.pop-content-type2 span a { display:inline-block; vertical-align:top; width:58px; height:30px;margin-left:7px;border-radius:2px; background:#767676; color:#fff; text-align:center; line-height:30px; font-size:14px; }
.pop-content-type2 .initial-list { margin:0 auto; padding:0; font-size:0; text-align:center; }
.pop-content-type2 .initial-list li { list-style:none; display:inline-block; vertical-align:middle; text-align:center;}
.pop-content-type2 .initial-list li a {padding:0 5px; font-size:17px; line-height:26px; color:#767676; }
.pop-content-type2 .initial-list li:after { display:inline-block;width:1px;height:10px;background-color:#ddd;vertical-align:1px;content:'';}
.pop-content-type2 .initial-list li:last-child:after {display:none;}

/*레이어팝업-검색 도움말*/
#popHelp {position:absolute;left:50%;z-index:6;width:534px;height:463px;margin-left:-267px;background-color:#fff;}
#popHelp .pop-header { position:relative; width:495px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popHelp .pop-header strong{font-weight:500;font-size:20px;line-height:75px;color:#4162A3;letter-spacing:-1px;}
#popHelp .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popHelp .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popHelp .pop-content {width:495px;margin:0 auto;}
#popHelp .pop-content > span {display:block;padding:18px 0 9px;font-size:16px;color:#333;}
#popHelp .pop-content > span:before {display:inline-block;width:4px;height:4px;margin-right:6px;border-radius:2px;background-color:#4162A3;vertical-align:middle;content:'';}
#popHelp .pop-content table {border-collapse:collapse; width:100%; border-top:2px solid #4162A3;text-align:center; }
#popHelp .pop-content table caption { position:absolute; width:0; height:0; font-size:0 ; line-height:0; overflow:hidden; }
#popHelp .pop-content table thead th { line-height:28px; background:#f7f7f7; border-bottom:1px solid #ddd; font-weight:500; font-size:14px; color:#000; padding:9px 0; }
#popHelp .pop-content table tbody td { font-size:14px; color:#666; line-height:24px; border-bottom:1px solid #ddd; padding:13px 0; }
#popHelp .pop-content table tbody td.left { text-align:left; }
#popHelp .pop-content table tbody td strong { font-weight:500;color:#000; }
#popHelp .btn-area { margin:20px 0 0; padding:0; }
#popHelp .btn-area a { display:block; color:#000; width:495px; margin:0 auto; text-align:center;border-radius:2px; background:#ebf0fa; font-size:16px; height:36px; line-height:36px; }

/*레이어팝업-아이디중복확인*/
#popId { width:465px; height:390px; background:#fff; position:absolute; top:40px; left:50%; z-index:6; margin-left:-232px; overflow:hidden; }
#popId .pop-header { position:relative; width:425px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popId .pop-header strong{ font-weight:500; font-size:20px; color:#4162A3; line-height:75px; letter-spacing:-1px; }
#popId .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popId .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popId fieldset { border:0; margin:0; padding:0; }
#popId legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popId .pop-content { width:425px; margin:0 auto; padding:30px 0 0; }
#popId .pop-content .possible-id { color:#666; font-size:14px; text-align:center; }
#popId .pop-content .possible-id span { display:block; margin-bottom:2px; color:#4162A3; font-size:20px; font-weight:500; }
#popId .pop-content .possible-id a { display:block; width:128px; height:36px; padding:0; margin:12px auto 0; border-radius:2px; background-color:#4162A3; color:#fff; line-height:36px; font-size:14px; text-align:center; }
#popId .pop-content .overlap-id { color:#666; font-size:14px; text-align:center; line-height:23px; }
#popId .pop-content .overlap-id span { color:#876299; font-size:18px; font-weight:bold; }
#popId .search-id { width:405px; height:30px; padding:20px 0 20px 20px; background:#f2f4f7; margin:40px auto 20px; font-size:14px; }
#popId .search-id input { width:202px; height:28px; line-height:28px; border:1px solid #d2d2d2; padding:0 5px; margin:0 10px 0 20px; }
#popId .search-id a { display:inline-block; vertical-align:top; width:75px; height:30px; line-height:30px; background:#767676; color:#fff; font-size:14px; text-align:center; border-radius:2px; }
#popId .btn-area { margin:0; padding:0; }
#popId .btn-area a { display:block; color:#000; width:425px; margin:0 auto; border-radius:2px; text-align:center; background:#ebf0fa; font-size:16px; height:36px; line-height:36px; }
	
/*레이어팝업-공공저작물다운로드*/
#popDownload { width:405px; height:340px; background:#fff; position:absolute; top:200px; left:50%; z-index:6; margin-left:-202px; overflow:hidden; }
#popDownload .pop-header { position:relative; width:365px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popDownload .pop-header strong{ line-height:75px; letter-spacing:-1px; }
#popDownload .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:0; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popDownload .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popDownload .pop-content { width:365px; margin:0 auto; padding:30px 0 0 0; }
#popDownload .pop-content ul { margin:0; padding:0; }
#popDownload .pop-content ul li { list-style:none; font-size:0; margin:0 0 10px 0; }
#popDownload .pop-content ul li strong{ display:inline-block; vertical-align:top; width:65px; color:#02b294; font-size:13px; }
#popDownload .pop-content ul li span { font-size:13px; color:#6c6969; }
#popDownload .pop-content ul li span.img-opencode { display:block; margin:8px 0 0 0; line-height:35px; vertical-align:middle; }
#popDownload .pop-content ul li span img { margin:0 15px 0 0; vertical-align:middle; }
#popDownload .pop-content .check-agree { margin:35px 0 20px 0; font-size:13px; color:#6c6969; text-align:center; }
#popDownload .pop-content .check-agree input { vertical-align:top; height:12px; padding:4px 5px 0 0; }
#popDownload .btn-area { margin:0; padding:0; }
#popDownload .btn-area a { display:block; color:#fff; width:365px; margin:0 auto; text-align:center; background:#4162A3; font-size:16px; height:36px; line-height:36px; }

/*추천저작물 원본신청*/
#popApplication { width:800px; background:#fff; position:absolute; top:200px; left:20%; z-index:6; margin-left:-202px; overflow:hidden; }
#popApplication .pop-header { position:relative; width:750px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popApplication .pop-header strong{ font-weight:500; font-size:20px; color:#4162A3; line-height:75px; letter-spacing:-1px; }
#popApplication .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popApplication .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popApplication .pop-content { width:750px; margin:0 auto; padding:20px 0 0 0; }
#popApplication .pop-content ul { margin:0; padding:0; }
#popApplication .pop-content ul li { list-style:none; font-size:0; margin:0 0 10px 0; }
#popApplication .pop-content ul li strong{ display:inline-block; vertical-align:top; width:65px; color:#4162A3; font-size:13px; }
#popApplication .pop-content ul li span { font-size:13px; color:#6c6969; }
#popApplication .pop-content ul li span.img-opencode { display:block; margin:8px 0 0 0; line-height:35px; vertical-align:middle; }
#popApplication .pop-content ul li span img { margin:0 15px 0 0; vertical-align:middle; }
#popApplication .pop-content .contents-title a {color:#252525; size:14px; }
#popApplication .pop-content .check-agree { margin:35px 0 20px 0; font-size:13px; color:#6c6969; text-align:center; }
#popApplication .pop-content .check-agree input { vertical-align:top; height:12px; padding:4px 5px 0 0; }
#popApplication .pop-content .bd_view { width:100%; }
#popApplication .pop-content .btn-area { text-align:center; }

/*레이어팝업-공공저작물다운로드*/
#popTable { width:655px; height:975px; background:#fff; position:absolute; top:50px; left:50%; z-index:6; margin-left:-327px; overflow:hidden; }
#popTable .pop-header { position:relative; width:615px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popTable .pop-header strong{ font-weight:500; font-size:20px; color:#4162A3; line-height:75px; letter-spacing:-1px; }
#popTable .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popTable .btn-pop-close span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popTable .pop-content { width:615px; margin:0 auto; padding:30px 0 0 0; }
#popTable .pop-content table { width:615px; border-top:2px solid #4162A3; margin:0 auto 30px; }
#popTable .pop-content table caption { position:absolute; width:0; height:0; font-size:0 ; line-height:0; overflow:hidden; }
#popTable .pop-content table thead th { line-height:28px; background:#f7f7f7; border-bottom:1px solid #ddd; font-weight:500; font-size:14px; color:#000; padding:15px 0 15px 0; text-align:center; }
#popTable .pop-content table tbody td { font-size:14px; letter-spacing:-1px; color:#6c6969; line-height:24px; border-bottom:1px solid #d2d2d2; padding:3px 0 4px 20px; }
#popTable .pop-content table tbody td:first-child { padding-left:0; text-align:center; }
#popTable .btn-area { margin:0; padding:0; }
#popTable .btn-area a { display:block; color:#000; width:615px; margin:0 auto; text-align:center; background-color:#ebf0fa; font-size:16px; height:36px; line-height:36px; }

/*레이어팝업-우수활용사례원본이미지*/
#popGallery { width:auto; height:auto; background:#fff; position:absolute; top:100px; left:50%; z-index:6; overflow:hidden; }
#popGallery .pop-header { position:relative; width:auto; height:65px; margin:0 auto; border-bottom:2px solid #252525; }
#popGallery .pop-header strong{ line-height:75px; letter-spacing:-1px; }
#popGallery .pop-header a { position:absolute; width:23px; height:23px; top:25px; right:0; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popGallery .pop-header a span { width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popGallery .pop-content { padding:22px 0 0 0; text-align:center; }
#popGallery .btn-area { margin:0 auto; padding:0; }
#popGallery .btn-area a { display:block; color:#fff; width:auto; margin:20px auto 40px; text-align:center; background:#94a09e; font-size:16px; height:36px; line-height:36px; }
   
/* 숨김 텍스트 */
.hidden-obj {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:0;height:0;}
/* 로딩이미지 */
.wrap-loading{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.2); /*not in ie */
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');/* ie */
}
.wrap-loading div{ position:fixed; top:50%; left:50%; margin-left:-21px; margin-top:-21px; }
.display-none{display:none;}