@charset "UTF-8";

@import url("font.css");

/* layout */
.container{position: relative;padding:90px 0 0 0;min-height:500px;z-index: 0;background:url(/_res/reporter/img/main/main-visual-bg01.gif);background-size:cover;}
.container:before{content:'';display:block;position: absolute;top: 0;left: 0;z-index: -10;width:100%;height: 100%;background: linear-gradient(90deg, #012d5f, #347aa7);opacity: 0.8;}
.sub-container{margin:0 auto;max-width:1300px;}
.content-top{padding: 0 0 50px 0;}
.content{padding:80px 0 120px 0;}
.prime-body{overflow:hidden}

/* common */
body{font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:17px;color:#333;line-height:1;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;position:relative;}
a{color:#333;word-wrap:break-word;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.all-fixed {position: fixed;width: 100%;height: 100%;}
.pc-hide{display:none !important;}
.no-pd{padding:0 !important;}
.no-mg{margin:0 !important;}
.no-bor{border:none !important;}
.pc-in{display:none !important;}
.img-box {overflow: hidden;position: relative;text-align: center;}
.img-box > img{width:100%}
.img-box.max > img{max-width:100%; width:auto;}
a.zoom-in{float: right;padding: 20px 0 0;width: 30px;}
.con-box{padding:0 0 40px 0;}
.con-txt-box01{padding:0 0 0 10px;}
.con-txt-box02{overflow:hidden;padding:0 0 0 18px;}
.con-p01{padding:0 0 20px 0;font-weight:300;font-size:17px;color:#333;line-height:30px;}
.txt-red{color:#d90022;}
.mg-b20{margin-bottom:20px;}
.mg-t60{margin-top:60px;}
.blue-box{padding:22px 27px;border:1px solid #d8d8d8;background:#eef9fe;box-sizing:border-box;}
.shortcut-btn{color:#007cbc;}
.txt-blue{color:#384ca3 !important;}
.txt-bold{font-weight:500 !important;}
.txt-thin{font-size:18px !important;}
.txt-cen{text-align:center !important;}
.txt-right{text-align:right !important;}


/* 해더 */
.top-header-wrap{background:#384ca3;}
.top-header-box{margin:0 auto;max-width:1300px;}
.top-header-box:after{content:"";display:block;clear:both;}
.top-header-box > span{display:inline-block;margin:13px 0 0 0;font-weight:300;font-size:16px;line-height:20px;color:#fff;}
.top-header-box > ul{float:right;padding:14px 0 16px;}
.top-header-box > ul:after{content:"";display:block;clear:both;}
.top-header-box > ul > li {float:left;padding:0 19px 0 18px;background:url(/_res/reporter/img/common/bg_util01.gif) no-repeat 100% 50%;font-weight:300;font-size:16px;line-height:20px;color:#fff;}
.top-header-box > ul > li:last-of-type{padding-right:0;background:none;}
.top-header-box > ul > li a{display:block;color:#fff;}

.bottom-header-box{position:relative;border-bottom:1px solid #dcdcdc;}
.header-logo-wrap{position:relative;margin:0 auto;max-width:1300px;text-align:center;}
.header-logo-wrap h1{display:inline-block;padding:37px 0 30px;}

.gnb-wrap{border-bottom:1px solid #dcdcdc;box-shadow:0px 1px 5px 0 rgba(0,0,0,0.15);}
.gnb{margin:0 auto;max-width:1300px;}
.gnb-ul:after{content:"";display:block;clear:both;}
.gnb-ul > li{position:relative;float:left;text-align:center;}
.gnb-ul > li > a{display:inline-block;position:relative;padding:18px 0;font-weight:500;font-size:22px;color:#343434;line-height:26px;}
.gnb-ul > li:hover > a:after{content:"";display:block;position:absolute;top:-1px;left:50%;width:100%;height:3px;background:#384ca3;transform:translateX(-50%);}
.gnb-ul > li:hover > a{color:#384ca3;}
.gnb-bg{display:none;position:absolute;top:241px;left:0;z-index:10;width:100%;background:#fff;box-shadow:2px 3px 6px 0px rgba(0,0,0,0.1);}

.gnb-ul > li:last-of-type .sub-mn{border:none;}
.sub-mn{display:none;position:absolute;top:100px;left:0;right:0;z-index:20;margin:0 auto;border-right:1px solid #ddd;text-align:center;box-sizing:border-box;}
.sub-mn > li{padding:0 0 27px 0;}
.sub-mn > li:last-of-type{padding:0;border-right:none;}
.sub-mn > li > a{display:inline-block;position:relative;font-weight:400;font-size:18px;color:#333;line-height:22px;}
.sub-mn > li > a:hover{color:#384ca3;}
.sub-mn > li > a:hover:after{content:"";position:absolute;bottom:-1px;left:0;display:block;width:100%;height:1px;background:#283593;}
.sub-mn > li > a.mark{padding:0 0 0 18px;}
.sub-mn > li > a.mark:after{content:"";display:block;position:absolute;top:7px;left:0;display:block;width:7px;height:7px;background:#384ca3;}

.btn-menu{display:none;}

/*비밀번호변경*/
.pw-change-wrap{display:none;width: 80%;max-width: 500px;position: fixed;top: 10%;left: 50%;transform: translate(-50%,0%);background: #fff;z-index: 2;max-height: 50%;padding: 0 0 45px 0px;}
.pw-change-bg-wrap{display: none;background-color: #000;position: fixed;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.5;z-index: 1;}
.pop_close {position: absolute; right:20px;top:20px;}
.banner_tit {font-size: 20px;font-weight: bold;color: #fff;margin: 0 0 35px 0;background: #384ca3;padding: 25px 30px 25px 32px;}
.find_pw_text {border: 1px solid #D2D2D2;display: inline-block;top: 0px;left: 0px;background-color: #F2F2F2;margin-bottom: 10px;padding: 0 0 0 15px;}
.find_pw_input {width: 341px;height: 49px;}

/* 서브비주얼 */
.sub-visual-box{margin:0 auto;max-width:1300px;box-sizing:border-box;}
.sub-visual-box h2{padding:78px 0;font-weight:400;font-size:35px;line-height:44px;color:#fff;}
.sub-num01{background:url(/_res/reporter/img/sub_visual/bg_sub_visual01.gif) no-repeat 50% 0;}

/* 타이틀 */
.title-wrap{padding:65px 0 0 0;}
.page-title{position:relative;padding:0 0 48px 0;}
.page-title-txt{margin:-5px 0 0 0;font-weight:500;font-size:35px;line-height:40px;color:#333;}
.tool-box{position:absolute;top:11px;right:0;}
.tool-box:after{content:"";display:block;clear:both;}
.tool-box li{display:inline-block;position:relative;margin:0 11px 0 0;padding:0 16px 0 0;vertical-align:top;}
.tool-box li:after{content:"";display:block;position:absolute;top:5px;right:0;width:1px;height:13px;background:#e4e4e4;}
.tool-box li:last-of-type{margin:0;padding:0}
.tool-box li:last-of-type:after{display:none;}
.tool-box li:nth-of-type(1) a{width:21px;height:21px;background:url(/_res/reporter/img/common/ico_print.png) no-repeat center;}

/*하단링크*/
.main-lnk-wrap{position:relative;background-color:#f5f5f5;border-bottom:1px solid #535353;}
.main-lnk-box{position:relative;margin:0 auto;padding:18px 0;max-width:1300px;}
.lnk-ul{padding:0 27px;text-align:center;}
.main-lnk-box .lnk-ul li:first-of-type{text-align:left;}
.main-lnk-box .lnk-ul li {display: inline-block;position: relative;margin: 0 -4px 0 0;vertical-align: middle;}
.main-lnk-box .lnk-ul li:last-of-type{text-align:right;}
.main-lnk-box .lnk-ul li a{position:relative;font-weight:400;font-size:16px;color:#333;line-height:20px;}
.main-lnk-box .lnk-ul li:after{content: "";display:block;position:absolute;top:50%;left:0;width:1px;height:18px;background-color:#333;transform:translateY(-50%);}
.main-lnk-box .lnk-ul li:first-of-type:after{display:none;}

/* 푸터 */
.foot-wrap{border-top:1px solid #ccc;}
.foot-box{margin:0 auto;padding:31px 0 77px 0;max-width:1300px;}
.foot-inner{padding:0 0 8px 0;}
.foot-inner:after{content:"";display:block;clear:both;}

.foot-box address{display:inline-block;font-style:normal;}
.footer-logo-wrap{display:inline-block;padding:0 56px 0 0;vertical-align:top;}
.footer-contact{display:inline-block;padding:4px 0 0 0;}
.footer-contact li{margin:0 0 2px 0;font-weight:300;font-size:13px;line-height:17px;color:#666;letter-spacing:-0.5px;}
.footer-contact li:last-of-type{margin:0;}
.footer-contact li p{display:inline-block;margin:0 4px 0 0;padding:0 8px 0 0;position:relative;}
.footer-contact li p:last-of-type{margin:0;padding:0;}
.footer-contact li p:after{content:"";display:block;position:absolute;top:4px;right:0;width:1px;height:11px;background:#7c7c7c;}
.footer-contact li p:last-of-type:after{display:none;}
.footer-contact li a{color:#666;}

/*탭*/
.tab-outer01{padding:0 0 40px 0;}
.tab-outer01 .tab-box{font-size:0;}
.tab-outer01 .tab-box .tab-ul{position:relative;border:1px solid #d8d8d8;border-bottom:none;border-right:none;}
.tab-outer01 .tab-box .tab-ul:after{content:"";display:block;clear:both;}
.tab-outer01 .tab-box .tab-ul li{display:inline-block;width:33.33333333%;border:1px solid #d8d8d8;border-top:none;border-left:none;text-align:center;vertical-align:middle;box-sizing:border-box;}
.tab-outer01 .tab-box .tab-ul li a{display:block;padding:14px 0;font-weight:300;font-size:17px;color:#333;line-height:22px;}
.tab-outer01 .tab-box .tab-ul li.active a{background:#384ca3;font-weight:400;color:#fff;}

.tab-outer02{padding:0 0 46px 0;}
.tab-outer02 .tab-box{font-size:0;}
.tab-outer02 .tab-box .tab-ul{position:relative;border:1px solid #d8d8d8;border-bottom:none;border-right:none;}
.tab-outer02 .tab-box .tab-ul:after{content:"";display:block;clear:both;}
.tab-outer02 .tab-box .tab-ul li{display:inline-block;width:33.33333333%;border:1px solid #d8d8d8;border-top:none;border-left:none;text-align:center;vertical-align:middle;box-sizing:border-box;}
.tab-outer02 .tab-box .tab-ul li a{display:block;padding:14px 0;background:#f5f5f5;font-weight:300;font-size:17px;color:#333;line-height:22px;}
.tab-outer02 .tab-box .tab-ul li.active{border-bottom:none;}
.tab-outer02 .tab-box .tab-ul li.active a{position:relative;background:#fff;font-weight:400;}
.tab-outer02 .tab-box .tab-ul li.active a:after{content:"";display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:3px;background:#4b61c3;}

.tab-box .row01 > li{width:100% !important;}
.tab-box .row02 > li{width:50% !important;}
.tab-box .row03 > li{width:33.33333% !important;}
.tab-box .row04 > li{width:25% !important;}
.tab-box .row05 > li{width:20% !important;}

.tab-outer01 .m-tab-box{position:relative;}
.tab-outer01 .m-tab-box label{display:block;padding:10px 0;background:#384ca3 url(/_res/reporter/img/common/btn_m_tab_open.png) no-repeat center right 15px;background-size:15px;font-weight:400;font-size:15px;color:#fff;text-align:center;line-height:20px;}
.tab-outer01 .m-tab-box.active label{background-image:url(/_res/reporter/img/common/btn_m_tab_close.png);}
.tab-outer02 .m-tab-box{position:relative;}
.tab-outer02 .m-tab-box label{display:block;position:relative;padding:10px 0;border:1px solid #d8d8d8;border-top:none;background:url(/_res/reporter/img/common/btn_m_tab02_open.png) no-repeat center right 15px;background-size:15px;font-weight:400;font-size:15px;color:#333;text-align:center;line-height:20px;}
.tab-outer02 .m-tab-box label:after{content:"";display:block;position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:3px;background:#4b61c3;}
.tab-outer02 .m-tab-box.active label{background-image:url(/_res/reporter/img/common/btn_m_tab02_close.png);}
.tab-sel{background: transparent;height:40px;border:0;color:#fff;filter:alpha(opacity=0);opacity:0;position: absolute;width: 100%;left: 0;top:0;}
.tab-sel option{font-size:15px;color:#666;}

/* 제목 */
.h4-tit01{position:relative;padding:0 0 27px 28px;font-weight:500;font-size:25px;color:#333;line-height:30px;}
.h4-tit01:after{content:"";display:block;position:absolute;top:7px;left:0;width:16px;height:16px;background:#ff9800;border-radius:3px;border-top-left-radius:0;}
.h4-tit02{position:relative;padding:30px 0 27px 0px;font-weight:500;font-size:30px;color:#333;line-height:25px;}
.h4-tit02:after{content:"";display:block;position:absolute;top:0px;left:0;width:60px;height:3px;background:#ff9800;}
.h5-tit01{position:relative;padding:0 0 15px 18px;font-weight:500;font-size:20px;color:#333;line-height:25px;}
.h5-tit01:after{content:"";display:block;position:absolute;top:9px;left:0;width:7px;height:7px;background:#ff9800;border-radius:7px;}
.h5-tit02{position:relative;padding:0px 0 10px 0px;font-weight:500;font-size:20px;color:#333;line-height:25px;}
.h6-tit01{padding:0 0 11px 0;font-weight:500;font-size:20px;color:#384ca3;line-height:25px;}

/* 리스트 */
.ul-type01 > li{padding:0 0 0 12px;font-weight:300;font-size:17px;background:url(/_res/reporter/img/common/bul_type01.png) no-repeat 0 12px;color:#333;line-height:30px;}
.ul-type02 > li{position:relative;padding:0 0 0px 16px;line-height:30px;}
.ul-type02 > li:after{position:absolute;content:"";background-color:#898989;width: 6px;height: 2px;top: 13px;left: 4px;}
.ul-type03 > li{position:relative;padding:0 0 0px 6px;line-height:30px;}
.ul-type03 > li:after{position:absolute;content:"";background-color:#333;width: 2px;height: 2px;top:14px;left: 0px;}



/* 버튼 */
.lnk-wrap a{display:inline-block;font-weight:400;font-size:17px;color:#fff;line-height:22px;box-sizing:border-box;}
.lnk-wrap .lnk-btn01{padding:10px 30px;background:#384ca3;text-align:center;}
.lnk-wrap .lnk-btn02{padding:10px 30px;background:#384ca3;text-align:center;}
.lnk-wrap a.lnk-btn03{display:inline-block;font-weight:400;font-size:17px;color:#333333;line-height:22px;box-sizing:border-box;padding:10px 30px;border:1px solid #333;text-align:center;}
.lnk-wrap a.lnk-btn04{display:inline-block;font-weight:400;font-size:17px;color:#333333;line-height:22px;box-sizing:border-box;padding:10px 30px;border:1px solid #333;text-align:center;}
.lnk-wrap .lnk-btn01 span{display:inline-block;padding:0 25px 0 0;background:url(/_res/reporter/img/common/ico-lnk-down.png) no-repeat 100% 50%;}
.lnk-wrap .lnk-btn02 span{display:inline-block;padding:0 25px 0 0;background:url(/_res/reporter/img/common/ico-lnk-go.png) no-repeat 100% 50%;}
.lnk-wrap .lnk-btn03 span{display:inline-block;padding:0 25px 0 0;background:url(/_res/reporter/img/common/btn-go02.gif) no-repeat 100% 50%;}
.lnk-wrap a.row-btn{margin:0 10px 0 0;}

/* 로그인 */
.login-body{position:relative;width:100%;background:url(/_res/reporter/img/login/bg-login.jpg) no-repeat 0 0/cover;overflow:auto;}
.login-main-wrap{display:table;position:relative;padding:50px 0 123px;width:100%;height:100vh;box-sizing:border-box;vertical-align:middle;table-layout:fixed;}
.login-main-wrap > div{display:table-cell;width:100%;vertical-align:middle;}
.login-outer{max-width:840px;margin:0 auto;}
.login-box:after{content:"";display:block;clear:both;}
.login-box .login-zone h1{padding:0 0 10px;}
.login-box .login-zone h1 a{display:block;width:163px;margin:0 auto;line-height:1;}
.login-box .login-zone h1 a img{width:100%;}
.login-box .login-zone > p{padding:0 0 25px;font-size:18px;line-height:28px;color:#fff;text-align:center;}
.login-input-wrap{min-height:370px;background:#fff url(/_res/reporter/img/login/bg-new-login-box.png)no-repeat left bottom;}
.login-input-wrap:after{content:"";display:block;clear:both;}
.login-input-outer{float:right;width:38%;padding:50px 40px 0;text-align:center;box-sizing:border-box;}
.login-input-outer > p{padding:0 0 45px;font-weight:700;font-size:26px;line-height:36px;color:#000;}
.login-input-box{margin:0 0 40px;}
.login-input-box input{width:100%;margin:0 0 15px;padding:9px 15px;border:none;border-bottom:1px solid #d7d7d7;font-weight:400;font-size:14px;color:#9e9e9e;box-sizing:border-box;}
.login-input-box input:last-of-type{margin:0;}
.c-login-btn{display:block;width:100%;padding:17px 0;border:none;background-color:#046ad3;font-weight:400;font-size:16px;color:#fff;cursor:pointer;line-height:1;}
.login-body footer address{padding:30px 10px;font-style:normal;text-align:center;box-sizing:border-box;}
.login-body footer address p:nth-of-type(1){margin:0 0 3px;font-weight:400;font-size:16px;color:#fff;line-height:26px;}
.login-body footer address p:nth-of-type(2){font-weight:400;font-size:14px;color:rgba(255,2555,255,0.6);line-height:24px;}



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

/* layout */
.content-wrap{padding:0 10px;}

/* 서브비주얼 */
.sub-visual-box{padding:0 10px;}

/* 해더 */
.top-header-wrap{display:none;}
.bottom-header-box{border:none;}
.header-logo-wrap{text-align:left;}
.header-logo-wrap h1{padding:17px 0 24px 10px;}
.btn-menu{display:block;position:absolute;top:37px;right:10px;}

.gnb-wrap{display:none;}

/* 푸터 */
.foot-box{padding:23px 10px 25px;}

/* 타이틀 */
.tool-box{display:none;}

/* 로그인 */
.login-outer{padding:0 10px;box-sizing:border-box;}

/*비밀번호변경*/
.pw-change-bg-wrap{display: none !important;}

}

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

/* layout */
.container{padding:0;}
.content{padding:25px 0 120px 0;}

/* common */
.pc-hide{display:block !important;}
.pc-in{display:inline-block !important;}
.mobile-hide{display:none !important;}
.con-txt-box01{padding:0 11px;}
.con-txt-box02{padding:0 0 0 14px;}
.con-p01{font-size:16px;line-height:28px;}
.blue-box{padding:12px 24px;}
.ex-mg{margin:45% 0 0 0}


/* 푸터 */
.foot-box{padding:15px 10px 15px;}
.foot-box address{display:block;}
.footer-logo-wrap{display:block;padding:0 0 10px 0;text-align:center;}
.footer-contact{display:block;text-align:center;}
.foot-inner{padding:0;}

/* 서브비주얼 */
.sub-visual-box h2{padding:60px 0;font-size:30px;line-height:39px;}

/* 타이틀 */
.title-wrap{padding:35px 0 0 0;}
.page-title{padding:0 0 20px 0;}
.page-title-txt{font-size:30px;line-height:35px;}

/* 탭 */
.tab-outer01{padding:0 0 30px 0;}
.tab-outer02{padding:0 0 26px 0;}

/* 제목 */
.h4-tit01{padding:0 0 20px 25px;font-size:23px;line-height:28px;}
.h4-tit02{padding:15px 0 5px 0;font-size:23px;line-height:23px;}
.h5-tit01{padding:0 0 5px 14px;font-size:18px;line-height:23px;}
.h5-tit02{padding:0px 0 5px 0;font-size:18px;line-height:23px;}
.h6-tit01{padding:0 0 5px 0;font-size:18px;line-height:23px;}

/* 리스트 */
.ul-type01 > li{font-size:16px;line-height:28px;background-position:0 11px;}

/* 버튼 */
.lnk-wrap a{display:block;font-size:15px;line-height:20px;}
.lnk-wrap a.lnk-btn03{display:block;font-size:15px;line-height:20px;}
.lnk-wrap .lnk-btn01{padding:10px 15px 10px 15px;}
.lnk-wrap a.row-btn{margin:0 0px 10px 0;}

/* 로그인 */
.login-main-wrap{padding:0 0 75px;}
.login-box .login-zone h1 a{width:150px;}
.login-box .login-zone > p{padding:0 0 20px;font-size:16px;line-height:26px;}
.login-input-wrap{min-height:650px;background-image:url(/_res/reporter/img/login/m-bg-new-login-box.png);background-size:contain;}
.login-input-outer{float:none;width:100%;padding:20px 15px;}
.login-input-outer > p{padding:0 0 15px;font-size:20px;line-height:30px;}
.login-input-box{margin:0px 0 25px;}
.login-input-box input{margin:0 0 10px;padding:9px 10px;}
.c-login-btn{padding:12px 0;font-size:14px;}
.login-body footer address{padding:15px 0;}
.login-body footer address p:nth-of-type(1){padding:0 0 5px;font-size:14px;line-height:20px;}
.login-body footer address p:nth-of-type(2){font-size:12px;line-height:17px;}

}

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

/* layout */
.content{padding:25px 0 50px 0;}

/* common */
.con-p01{font-size:14px;line-height:22px;}
.con-box{padding:0 0 25px 0;}
.con-txt-box01{padding:0 9px;}
.con-txt-box02{padding:0 0 0 9px;}
.blue-box{padding:10px 17px;}

/* 해더 */
.btn-menu{top:20px;}
.btn-menu img{width:22px;}
.header-logo-wrap h1{padding:10px 0 13px 10px;}
.header-logo-wrap h1 a img{width:125px;}

/* 푸터 */
.foot-box{padding:10px;}
.footer-logo-wrap{padding:0 0 3px 0;}
.footer-logo-wrap img{width:110px;}
.footer-contact li{margin:0;}

/* 서브비주얼 */
.sub-visual-box h2{padding:40px 0;font-size:20px;line-height:24px;}

/* 타이틀 */
.title-wrap{padding:20px 0 0 0;}
.page-title{padding:0 0 15px 0;}
.page-title-txt{font-size:20px;line-height:25px;}

/* 탭 */
.tab-outer01{padding:0 0 20px 0;}
.tab-outer02{padding:0 0 16px 0;}
.tab-outer01 .m-tab-box label{padding:5px 0;font-size:14px;background-size:10px;}
.tab-outer02 .m-tab-box label{padding:5px 0;font-size:14px;background-size:10px;}
.tab-sel{height:30px;}

/* 제목 */
.h4-tit01{padding:0 0 10px 18px;font-size:18px;line-height:23px;}
.h4-tit01:after{top:6px;width:12px;height:12px;}
.h4-tit02{padding:15px 0 10px 0px;font-size:18px;line-height:23px;}
.h5-tit01{padding:0 0 5px 9px;font-size:16px;line-height:21px;}
.h5-tit01:after{top:9px;width:4px;height:4px;}
.h5-tit02{padding:0 0 5px 0px;font-size:16px;line-height:21px;}
.h6-tit01{font-size:16px;line-height:21px;}

/* 리스트 */
.ul-type01 > li{padding:0 0 0 10px;font-size:14px;line-height:22px;background-position:0 8px;}
.ul-type03 > li{position:relative;padding:0 0 0px 6px;line-height:22px;}

/* 로그인 */
.login-input-wrap{min-height:560px;}


}

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


/* 로그인 */
.login-input-wrap{min-height:440px;}
}

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

/* 로그인 */
.login-input-wrap{min-height:330px;}

}