@charset "utf-8"; #wrap{width:100%;min-width:320px} .layout{position:relative;max-width:1200px;height:100%;margin:0 auto} #txt{} /* 헤더 영역 */ #header{position:relative;z-index:99} #header .header_top{font-size:14px;padding:7px 0 9px;background:#696a70} #header .header_top .layout{position:relative} #header .header_top .layout:after{content:"";display:block;clear:both} #header h1.logo{position:absolute;left:0;top:50%;margin-top:-23px;width:238px;height:50px} #header h1.wwwdev.logo{position:absolute;left:0;top:50%;margin-top:-23px;width:238px;height:50px;background:url(/resource/nsf/images/common/dev_logo_new3.png) no-repeat;} .htop_eg {float:left;} .htop_eg span {color:#fff; font-size:14px; letter-spacing:-0.3px; display:block; padding:5px 0 0 48px; background:url(/resource/images/paid/nep/pot/layout/eg_bi.png) no-repeat 0 60%;} .htop_link{float:right} .htop_link li{float:left;padding:4px 10px;position:relative; color:#fff;} .htop_link li .txt_panel {font-weight: bold;font-size: 14px;letter-spacing: -0.3px;color: #fdc75c;} .htop_link li:first-child{padding-left:0} .htop_link li:first-child:before{display:none} .htop_link li a{font-size:14px;color:#fff} .htop_link li a.eng{padding-left:22px;background:url(/resource/images/paid/nep/pot/layout/eng.png) left center no-repeat} .htop_link .extend_btn {overflow: hidden;float: left;border: 2px solid #a4aab8;border-radius: 50px;padding: 1px 13px;font-size: 13px;line-height: 22px;} .htop_link .extend_btn button {color: #cee5ff;font-size: 13px;} #header .header_bottom{position:relative;background:#fff;height:75px} #header .header_bottom #gnbWrap{padding-left:200px} .main #header .header_top{opacity:0} .main #header .header_bottom{opacity:0} @media(max-width:1200px){ .main #header .header_top{opacity:1} .main #header .header_bottom{opacity:1} } /* GNB 영역 */ #gnb{padding-right:320px;} #gnb:after{content:"";display:block;clear:both} #gnb>li{float:left;line-height:normal} #gnb>li:first-child{width: 12%;} #gnb>li:first-child+li{width: 17%;} #gnb>li:first-child+li+li{width: 17%;} #gnb>li:first-child+li+li+li{width: 20%;} #gnb>li:first-child+li+li+li+li{width: 17%;} #gnb>li:first-child+li+li+li+li+li{width: 17%;} #gnb>li>a{display:block;height:75px;line-height:75px;font-size:20px;color:#333;font-weight:600;letter-spacing:-0.08em;text-align:center} #gnb>li>a:hover{border-bottom:5px solid #5193f6;color:#5193f6} #gnb>li>a.on{border-bottom:5px solid #5193f6;color:#5193f6} #gnb>li>a.on:hover{border-bottom:5px solid #5193f6;color:#5193f6} #gnb>li>.sub{display:none;position:absolute;left:0;top:75px;z-index:99;width:100%} #gnb .sub .subM{position:relative;padding:40px 0 40px 29.25%;background:#f0f3f9;min-height:330px} #gnb .sub .subM .subM_tit{position:absolute;left:0;top:0;width:26.25%;height:100%;padding:40px 36px} #gnb .sub .subM .subM_tit strong{position:relative;display:block;padding-top:13px;line-height:42px;font-size:42px;color:#040404;font-weight:500;margin-bottom:15px} #gnb .sub .subM .subM_tit strong:before{content:"";display:block;position:absolute;left:3px;top:0;width:67px;height:4px;background:#00a5e5} #gnb .sub .subM .subM_tit p{color:#444;font-size:14px;width:136px;letter-spacing:-0.03em} #gnb .sub .subM.t01 .subM_tit{background:url(/resource/images/paid/nep/pot/layout/icon_subM_01.png) right 36px bottom 40px no-repeat} #gnb .sub .subM.t02 .subM_tit{background:url(/resource/images/paid/nep/pot/layout/icon_subM_02.png) right 36px bottom 40px no-repeat} #gnb .sub .subM.t03 .subM_tit{background:url(/resource/images/paid/nep/pot/layout/icon_subM_03.png) right 36px bottom 40px no-repeat} #gnb .sub .subM.t04 .subM_tit{background:url(/resource/images/paid/nep/pot/layout/icon_subM_05.png) right 36px bottom 40px no-repeat} #gnb .sub .subM.t05 .subM_tit{background:url(/resource/images/paid/nep/pot/layout/icon_subM_04.png) right 36px bottom 40px no-repeat} #gnb .sub .subM.t06 .subM_tit{background:url(/resource/images/paid/nep/pot/content/img_customerTop.png) right 36px bottom 40px no-repeat} #gnb .sub .subM.t07 .subM_tit{background:url(/resource/images/paid/nep/pot/layout/icon_subM_06.png) right 36px bottom 40px no-repeat} #gnb .sub .subM .divide_box{overflow:hidden;float:left;width:230px;margin-left:20px} #gnb .sub .subM .divide_box.first{margin-left:0} #gnb .sub .subM .divide_box .subD_tit a{display:block;padding:15px;text-align:center;border:1px solid #222;background:#fff;color:#222;font-size:21px;font-weight:500} #gnb .sub .subM .divide_box>ul>li{float:left;margin-right:8px;margin-top:4px} #gnb .sub .subM .divide_box>ul>li>a{display:block;width:230px;padding:14px 10px 14px 23px;border:1px solid #e6e6e6;color:#444;font-size:16px;background:#fff url(/resource/images/paid/nep/pot/layout/bul_subM.png) 13px center no-repeat} #gnb .sub .subM .divide_box>ul>li>a[target="_blank"]>strong:after, #gnb .sub .subM .divide_box>ul>li>a[target="_blank"]:after{content:"";display:inline-block;width:21px;height:18px;background:url(/resource/images/paid/nep/pot/layout/icon_mMenu_window.png) no-repeat;margin-left:5px} #gnb .sub .subM> .divide_box ul>li>a:hover, #gnb .sub .subM> .divide_box ul>li>a.on{background:#5973e1 url(/resource/images/paid/nep/pot/layout/bul_subM.png) 13px center no-repeat;border-color:#5973e1;color:#fff} .subM_etc{position:absolute;right:6%;top:50px} .subM_etc strong{display:block;margin-bottom:20px;font-family:'Nanum Myeongjo','Noto Sans Kr',serif;font-size:23px;color:#444;line-height:28px} .subM_etc a{display:inline-block;background:#fff;font-size:15px;padding:13px 20px;border-radius:25px} .subM_etc a:after{content:"";display:inline-block;margin-left:5px;width:15px;height:15px;background:url(/resource/images/paid/nep/pot/layout/icon_subMetc_arr.png) no-repeat;vertical-align:-1px} .subM_Bg{display:none;position:absolute;left:0;top:75px;width:100%;height:100%;z-index:98;background:#f0f3f9} .etcMenu{position:absolute;right:0;top:0} .etcMenu li{float:left;} .etcMenu li button{width:34px;height:34px;border:0;background-color:transparent;text-indent:-9999px} .etcMenu li button.hb_sch{background:url(/resource/images/paid/nep/pot/layout/icon_hBot_sch.png) center center no-repeat;width:75px;height:75px} .etcMenu li button.hb_allM{background:url(/resource/images/paid/nep/pot/layout/icon_hBot_allM.png) center center no-repeat;width:75px;height:75px} .etcMenu li button.mMenu_btn{background:url(/resource/images/paid/nep/pot/layout/icon_hBot_allM.png) center center no-repeat} /* 전체메뉴 */ #allMenu{display:none;position:absolute;left:0;width:100%;background:#f0f3f9;z-index:1000} #allMenu .allM_tit{display:none;padding:20px 0;background:#4590e0;color:#fff;font-size:30px;font-weight:normal;line-height:normal;text-align:center} #allMenu .allM_tit span{padding-left:41px;background:url(/resource/images/paid/nep/pot/layout/bul_allM_tit.png) left center no-repeat} #allMenu .allM_menu{padding:40px 10px;overflow:hidden} #allMenu .allM_menu>li{float:left;width:15%;margin-left:1.666%} #allMenu .allM_menu>li:first-child{margin-left:0} #allMenu .allM_menu>li strong{position:relative;display:block;height:55px;line-height:55px;padding:0 8px 15px 8px;font-size:21px;color:#222;font-weight:bold;text-align:center;border:1px solid #5973e1;background:#fff;letter-spacing:-0.05em} #allMenu .allM_menu>li strong:hover, #allMenu .allM_menu>li strong.on{color:#5973e1} #allMenu .allM_menu>li strong:hover:before, #allMenu .allM_menu>li strong.on:before{content:"";display:block;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:2px solid #5973e1} #allMenu .allM_menu>li>ul{margin-top:4px} #allMenu .allM_menu>li>ul>li{border-bottom:1px solid #c5c7cb} #allMenu .allM_menu>li>ul>li>a{position:relative;display:block;padding:12px 5px 12px 10px;color:#333;font-size:15px;font-weight:500} #allMenu .allM_menu>li>a[target="_blank"]>strong:after, #allMenu .allM_menu>li>ul>li>a[target="_blank"]:after{content:"";display:inline-block;width:21px;height:18px;background:url(/resource/images/paid/nep/pot/layout/icon_mMenu_window.png) no-repeat;margin-left:5px} #allMenu .allM_menu>li>ul>li>a.on, #allMenu .allM_menu>li>ul>li>a:hover{background:#5973e1;color:#fff} #allMenu .allM_menu>li>ul>li>a:hover:before, #allMenu .allM_menu>li>ul>li>ul{padding:8px 5px 8px 12px} #allMenu .allM_menu>li>ul>li>ul>li{margin-top:5px} #allMenu .allM_menu>li>ul>li>ul>li:first-child{margin-top:0} #allMenu .allM_menu>li>ul>li>ul>li>a{position:relative;display:block;padding-left:8px;font-size:14px;color:#606060} #allMenu .allM_menu>li>ul>li>ul>li>a:before{content:"";display:block;position:absolute;left:0;top:9px;width:4px;height:1px;background:#444} #allMenu .allM_menu>li>ul>li>ul>li>a:hover, #allMenu .allM_menu>li>ul>li>ul>li>a:focus{color:#5973e1;text-decoration:underline} #allMenu .allM_menu>li>ul>li>ul>li>a:hover:before, #allMenu .allM_menu>li>ul>li>ul>li>a:focus:before{background:#5973e1} /* 모바일메뉴 */ .mMenu_btn{display:none} #mMenu{display:none;position:absolute;right:-100%;top:0;bottom:0;width:335px;z-index:999;background:#fff;overflow:hidden} #mMenu .mMenu_top{position:relative;width:100%;height:59px} #mMenu .mMenu_top .mMenu_logo{position:absolute;left:10px;top:50%;margin-top:-15px;display:block;width:118px} #mMenu .mMenu_top .mMenu_logo{width:120px;height:34px;background:url(/resource/images/paid/nep/pot/layout/logo.png) no-repeat;background-size:120px;text-indent:-9999px} #mMenu .mMenu_mem{padding:6px 10px;background:#696a70} #mMenu .mMenu_mem ul{overflow:hidden} #mMenu .mMenu_mem ul li{float:left;text-align:center;position:relative} #mMenu .mMenu_mem ul li a{display:block;padding:10px 6px;color:#fff;font-size:13px} .mMenu_sch{padding:10px 20px 16px 20px;background:#5193f6} #mMenu .mMenu_mem ul li a.foreigners{padding-left:20px;background:url(/resource/images/paid/nep/pot/layout/mo_foreigners.png) center left 3px no-repeat} #mMenu .mMenu_mem .extend_mobile {border: 1px solid #fff;display: block;float: left;color: #fff;padding: 4px 12px;margin: 5px;font-size: 13px;text-align: center;border-radius: 50px;} #mMenu .mMenu_mem .extend_mobile button {color: #cee5ff; font-size: 13px;} #mMenu .mMenu_mem .panel_mobile {color: #fdc75c;border: 1px solid #fdc75c;font-weight: bold;display: block;float: left;padding: 4px 12px;margin: 5px;font-size: 13px;text-align: center;border-radius: 50px;} .mMenu_sch .mMenu_schbox{position:relative;padding-right:40px;border-bottom:2px solid #fff} .mMenu_sch .mMenu_schbox label{position:absolute;top:50%;left:0;margin-top:-19.5px;height:39px;line-height:39px;color:#fff;font-size:15px} .mMenu_sch .mMenu_schbox input[type=text]{background:#5193f6;color:#fff;border:0;width:100%} .mMenu_sch .mMenu_schbox input[type=text]::-webkit-input-placeholder{color:#fff} .mMenu_sch .mMenu_schbox input[type=text]:-moz-placeholder{color:#fff} .mMenu_sch .mMenu_schbox input[type=text]::-moz-placeholder{color:#fff} .mMenu_sch .mMenu_schbox input[type=text]:-ms-input-placeholder{color:#fff} .mMenu_sch .mMenu_schbox button[type=button], .mMenu_sch .mMenu_schbox input[type=submit]{position:absolute;right:5px;top:0;border:0;width:35px;height:35px;background:transparent url(/resource/images/paid/nep/pot/layout/icon_mMenu_sch.png) center center no-repeat;text-indent:-9999px} .mMenu_sch .mMenu_schbox input[type=text]:focus{border:0 !important} .mMenu_list{height:calc(100% - 155px);overflow-y:auto;background:url(/resource/images/paid/nep/pot/layout/monavBg.png) repeat-y;position:relative} #mMenu .mMenu_long{height: calc(100% - 193px)!important;} #mMenu .mMenu_list>li>a{position:absolute;display:block;padding:15px 10px;width:140px;left:0;text-align:center;font-size:16px} #mMenu .mMenu_list>li>a:hover{color:#5193f6} #mMenu .mMenu_list>li:nth-of-type(1)>a{top:0} #mMenu .mMenu_list>li:nth-of-type(2)>a{top:48px} #mMenu .mMenu_list>li:nth-of-type(3)>a{top:96px} #mMenu .mMenu_list>li:nth-of-type(4)>a{top:144px} #mMenu .mMenu_list>li:nth-of-type(5)>a{top:192px} #mMenu .mMenu_list>li:nth-of-type(6)>a{top:240px} #mMenu .mMenu_list>li:nth-of-type(7)>a{top:288px} #mMenu .mMenu_list>li:nth-of-type(8)>a{top:336px} #mMenu .mMenu_list>li:nth-of-type(9)>a{top:384px} #mMenu .mMenu_list>li:nth-of-type(10)>a{top:432px} #mMenu .mMenu_list li a[target="_blank"]:after{content:"";display:inline-block;width:21px;height:18px;background:url(/resource/images/paid/nep/pot/layout/icon_mMenu_window.png) no-repeat;margin-left:5px;position:relative;top:2px} #mMenu .mMenu_list>li>a.on{color:#5193f6;background:#fff} #mMenu .mMenu_list>li>a.empty:before{display:none} #mMenu .mMenu_list>li>ul{display:none;background:#fff;padding:0;margin-left:150px;margin-right:10px} #mMenu .mMenu_list>li:first-of-type>ul{display:block} #mMenu .mMenu_list>li>ul>li{} #mMenu .mMenu_list>li>ul>li:first-child{margin-top:0} #mMenu .mMenu_list>li>ul>li>a{position:relative;padding:15px 10px;font-size:15px;display:block;background:url(/resource/images/paid/nep/pot/layout/bg_allM_plus.png) right 15px center no-repeat;background-size:10px;transition:none;border-top:1px solid #f1f1f1;color:#333} #mMenu .mMenu_list>li>ul>li>a:hover{color:#5193f6} #mMenu .mMenu_list>li>ul>li:first-child>a{border-top:0} #mMenu .mMenu_list>li>ul>li>a.on{color:#5193f6;background:url(/resource/images/paid/nep/pot/layout/bg_allM_min.png) right 15px center no-repeat;background-size:10px} #mMenu .mMenu_list>li>ul>li>a.empty, #mMenu .mMenu_list>li>ul>li>a.on.empty{background:none} #mMenu .mMenu_list>li>ul>li>ul{display:none;background:#fff;border-top:1px solid #e5e5e5} #mMenu .mMenu_list>li>ul>li>ul>li>a{position:relative;display:block;padding:10px 10px 10px 20px;font-size:14px;background:#f0f1f5;border-top:1px solid #e5e5e5} #mMenu .mMenu_list>li>ul>li>ul>li:first-of-type>a{border-top:0} #mMenu .mMenu_list>li>ul>li>ul>li>a:hover{color:#5193f6} #mMenu .mMenu_list>li>ul>li>ul>li>a.on{color:#586dc4;text-decoration:underline} #mMenu .mMenu_list>li>ul>li>ul>li>a:before{content:"";display:block;width:4px;height:4px;position:absolute;left:10px;top:50%;margin-top:-1.5px;width:3px;height:3px;background:#3e4452} #mMenu .mMenu_close{display:block;width:16px;height:16px;background:url(/resource/images/paid/nep/pot/layout/btn_menu_close.png) center center no-repeat;position:absolute;top:21px;right:15px;text-indent:-9999px} /* location 영역 2019.11.22*/ .locate{background:#f0f1f5} .locate .layout:after{content:"";display:block;clear:both} .location{float:right} .location>li{float:left;line-height:normal;position:relative;margin-left:10px} .location>li.home:before{display:none} .location>li:first-child{margin-left:0} .location>li:last-of-type span{color:#333;text-decoration:underline} .location>li{position:relative;display:block;font-size:15px;color:#696969;height:40px;line-height:40px;padding:0 10px;margin-left:10px} .location>li span{height:40px;line-height:40px} .location>li:before{content:"";width:5px;height:9px;position:absolute;top:50%;margin-top:-4.5px;left:-7px;background: url(/resource/images/paid/nep/pot/layout/lc_arr.png) no-repeat} .location>li.home span{background:url(/resource/images/paid/nep/pot/layout/lc_home.png) left center no-repeat;font-size:0;text-indent:-9999px;display:block;width:14px;height:40px;line-height:40px} /* 공유하기 2019.11.22*/ .share{position:relative} .share:after{content:"";display:block;clear:both} .share .shareList{position:absolute;top:50%;right:0;margin-top:-16px} .shareList:after{content:"";display:block;clear:both} .shareList li{float:left;margin-left:5px} .shareList li:first-of-type{margin-left:0} .shareList li a.sns{overflow:hidden;display:block;position:relative;width:34px;height:34px;text-indent:-9999px;transition:all .3s;border-width:1px 1px 1px 1px;border-style:solid;border-color:#d1d1d1;border-radius:50%} .shareList li a.sns:hover{background-color:#f7f8fb} .shareList li a.sns:after{content:"";display:block;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-9px;width:20px;height:18px;background-image:url(/resource/images/paid/nep/pot/layout/icon_sns.png)} .shareList li a.sns.fb:after{background-position:0 0} .shareList li a.sns.twt:after{background-position:-20px 0} .shareList li a.sns.gg:after{background-position:-40px 0} .shareList li a.sns.kakao:after{background-position:-60px 0} .shareList li a.sns.print:after{background-position:-80px 0} .shareList li a.sns.twt{border-color:#53c3f1} .shareList li a.sns.fb{border-color:#3b5998} .shareList li a.sns.kakao{border-color:#fbbc02} /* 컨텐츠 영역 2019.11.22*/ #container>.layout{padding: 0 0 50px 0; min-height:950px} #container>.layout:after{content:"";display:block;clear:both} @media all and (max-width:640px){ #container>.layout{min-height:inherit} } #lnb{width:240px;height:100%;margin-right:3%;border:1px solid #e5e5e5;border-top:0;position:absolute;left:0;top:0} #lnb .lnb_title{padding:40px 0;background:#5973e1;text-align:center} #lnb .lnb_title h2{font-size:35px;color:#fff;font-weight:500} #lnb .lnb_userInfo .lnb_userbox{position:relative;padding:10px 80px 10px 10px;line-height:24px;background:url(/resource/images/paid/nep/pot/layout/img_lnbUser.png) right 10px top 16px no-repeat} #lnb .lnb_userInfo .lnb_userbox span{color:#0075cf} #lnb .lnb_userInfo .lnb_userbox strong{color:#111;font-weight:bold} #lnb .lnb_userInfo .lnb_userbox .lnb_userScore{margin-top:7px;padding:5px 17px;display:inline-block;font-size:15px;background:#e9eaed;border-radius:17px;color:#2b2b2b} #lnb .lnb_userInfo .lnb_userbox .lnb_userScore:hover{background:#565656;color:#fff} #lnb .lnbMenu>li>a{display:block;position:relative;padding:14px 34px 14px 14px;color:#3f3f3f;border-top:1px solid #e0e0e0;background:#fff;letter-spacing:-0.05em;transition:none} #lnb .lnbMenu>li:last-of-type>a{border-bottom:1px solid #e0e0e0} #lnb .lnbMenu>li>a:hover{color:#222} #lnb .lnbMenu>li>a.on{color:#fff;background:#5193f6} #lnb .lnbMenu>li>a.sub:after{content:"펼치기";font-size:0;display:block;position:absolute;right:10px;top:50%;margin-top:-3px;width:12px;height:6px;background:url(/resource/images/paid/nep/pot/layout/icon_lnbArrow.png) no-repeat;transition:all .3s} #lnb .lnbMenu>li>a.on.sub{background:#5193f6} #lnb .lnbMenu>li>a.on.sub:after{content:"접기";font-size:0;transform:rotate(180deg);background:url(/resource/images/paid/nep/pot/layout/icon_lnbArrow_white.png) no-repeat} #lnb .lnbMenu>li>ul{display:none;background:#fff} #lnb .lnbMenu>li>ul>li>a{position:relative;display:block;padding:15px;padding-left:30px;background:#f0f1f5;color:#606060;border-top:1px solid #e5e5e5} #lnb .lnbMenu>li>ul>li:first-child>a{border-top:0} #lnb .lnbMenu>li>ul>li>a:hover{text-decoration:underline} #lnb .lnbMenu>li>ul>li>a.on{color:#288bcc;text-decoration:underline;text-decoration-color:#5193f6;text-decoration-thickness:1px;} #lnb .lnbMenu>li>ul>li>a:before{content:"";display:block;width:4px;height:4px;position:absolute;left:17px;top:50%;background:#868686;margin-top:-2px} #lnb .lnbMenu>li>ul>li>a.on:before{background:#288bcc} #contentWrap{margin-left:270px} #contentWrap.full{width:100%;margin-left:0} #contentWrap h3 .htit_sub{font-size:16px;display:inline-block;margin-left:10px;color:#777;letter-spacing:-0.02em;font-weight:normal} #contentWrap #subTit{border-bottom:1px solid #707070;padding:40px 0;margin-bottom:30px} #contentWrap #subTit h3{font-weight:500;color:#292929;font-size:33px;text-align:center} /* 푸터 */ #footer_section{overflow:visible} #footer_section:after{display:block;content:"";clear:both} #footer_section .footer_top{background:#272930} #footer_section .footer_top:after{display:block;content:"";clear:both} #footer_section .footer_top .ft_list{overflow:hidden;float:left} #footer_section .footer_top .ft_list li{float:left;height:55px;line-height:55px} #footer_section .footer_top .ft_list li a{color:#ddd;height:55px;line-height:55px;margin:0 10px} #footer_section .footer_top .ft_list li:first-of-type a{color:#ffb423;font-weight:bold;text-decoration:underline;margin-left:0} #footer_section .footer_top .select_box{float:right;position:relative} #footer_section .footer_top .select_box>button{padding-right:45px;display:block;background:#1a1a1a;position:relative;height:55px;line-height:55px;width:230px;text-align:left;padding-left:20px;color:#aaa} #footer_section .footer_top .select_box>button:before{position:absolute;width:13px;height:8px;top:50%;margin-top:-4px;background:url(/resource/images/paid/nep/pot/layout/select_arr.png) no-repeat;right:20px;content:""} #footer_section .footer_top .select_box ul{display:none} #footer_section .footer_top .select_box ul li a{display:block;background:#fff;position:relative;height:30px;line-height:30px;width:230px;text-align:left;padding-left:20px} #footer_section .footer_top .select_box ul li:first-of-type a{border-top:0} #footer_section .footer_top .select_box ul{position:absolute;bottom:55px;border:1px solid #ddd} #footer_section .footer_top .select_box>button.on:before{transform:rotate(180deg)} #footer_section .footer_bottom{padding:20px 0;background:#34363d;} #footer_section .footer_bottom p,#footer_section .footer_bottom p *{color:#ddd;line-height:27px} #footer_section .footer_bottom p br{display:none} #footer_section address.mo{display:none} #footer_section address.mo .txt_list>li:before{top:7px;width:4px;height:4px} #footer_section address.mo .txt_list>li{padding-left:9px;font-size:12px;color:#ddd;} #footer_section address.mo .txt_list>li a{color:#ddd;} /* 반응형 2019.11.22*/ @media all and (max-width:1220px){ .main #container .layout{padding:0 10px} #footer .layout{padding:0 10px} #footer_section .footer_top, #footer_section .footer_bottom{padding-left:10px;padding-right:10px} #lnb .lnb_userInfo .lnb_userbox{font-size:14px} #header .header_top .layout{padding:0 10px} #header h1.logo{left:10px} } @media all and (max-width:1100px){ #gnb .sub .subM.t01 .subM_tit, #gnb .sub .subM.t02 .subM_tit, #gnb .sub .subM.t03 .subM_tit, #gnb .sub .subM.t04 .subM_tit{background-size:auto 80px} .subM_etc{right:3%} } @media all and (max-width:1050px){ .subM_etc{right:10px} } @media all and (max-width:1000px) { #container .layout{padding:0 10px 30px 10px} #header .header_top{position:static;border-bottom:0;height:30px;} .htop_eg span {font-size:12px; padding:1px 0 0 32px; background-size:30px auto;} .htop_link, .viewSize{display:none} #header h1.logo{left:50%;margin-left:-110px} #lnb{display:none} #gnb{display:none} #contentWrap{margin-left:0} .location>li>a, .location>li .home{font-size:16px} .etcMenu{right:20px;top:50%;margin-top:-17px} .hb_sch{display:none} .etcMenu li button.hb_allM{display:none} .etcMenu li button.mMenu_btn{display:block} #contentWrap #subTit h3{text-align:left} #footer_section .footer_top .ft_list li a{margin:0 7px} #footer_section .footer_top .select_box>button, #footer_section .footer_top .select_box ul li a{width:210px} } @media all and (min-width:1000px){ #mMenu{display:none !important} } @media all and (max-width:800px){ #footer_section .footer_top{padding:0} } @media all and (max-width:768px){ .location>li.depth1, .location>li.depth2{min-width:inherit} #contentWrap #subTit{padding:15px 0} #contentWrap #subTit h3{font-size:24px} .shareList li a.sns{width:28px;height:28px} .share .shareList{margin-top:-14px} .shareList li a.sns.print{display:none} #contentWrap h3 .htit_sub{display:block;margin-left:0;font-size:15px} } @media all and (max-width:640px){ #contentWrap #subTit h3{font-size:20px} #navigator{display:none} #header{border-bottom:1px solid #c4c3c5} #container .layout{padding:0} #contentWrap #txt{padding:0 10px 30px 10px} #contentWrap #subTit{padding:15px 10px;border-bottom:10px solid #f0f1f5} .share .shareList{right:10px} } .page_topBtn{display:none;position:fixed;bottom:190px;left:50%;margin-left:615px;z-index:97} .page_topBtn a,.page_topBtn button{position:relative;display:block;width:60px;height:60px;border:1px solid #c6c6c6;border-radius:50%;text-align:center;background:#fff;transition:all .3s} .page_topBtn a:hover,.page_topBtn button:hover{border-color:#777} .page_topBtn img{position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-6px} @media (max-width:1370px){ .page_topBtn{opacity:0.8;right:10px;bottom:30px;left:inherit;margin-left:0} .page_topBtn a,.page_topBtn button{width:45px;height:45px} } /* 나의 신문고_메인 */ #myEpp{position:relative} .myP_row{position:relative;background:#fff;margin-bottom:40px} .myP_row.mid{background:#e0edf6} .myP_row>.layout{padding:0 !important} .myEpp_info{display:table;width:100%} .myEpp_info>div{width:16%;padding:10px;display:table-cell;vertical-align:middle;text-align:center} .myEpp_info>div.myEpp_score{width:20%} .myEpp_sBox{max-width:130px;margin:0 auto;text-align:center} .myEpp_sBox p{margin-bottom:15px;word-break:keep-all;text-align:center;line-height:24px} .myEpp_sBox p strong{color:#111;font-weight:500} .myEpp_item>a{position:relative;display:inline-block;width:100%;max-width:110px} .myEpp_item .myEpp_icon{color:#444;padding-top:128px;word-break:keep-all} .myEpp_item .myEpp_icon:before{content:"";position:absolute;left:0;top:0;display:block;width:110px;height:110px;border-radius:50%} .myEpp_item .myEpp_icon.t01:before{background:#e9ecf2 url(/resource/images/paid/nep/common/icon_topBox_01.png) center center no-repeat;background-size:auto 67px} .myEpp_item .myEpp_icon.t02:before{background:#e9ecf2 url(/resource/images/paid/nep/common/icon_topBox_02.png) center center no-repeat;background-size:auto 67px} .myEpp_item .myEpp_icon.t03:before{background:#e9ecf2 url(/resource/images/paid/nep/common/icon_topBox_03.png) center center no-repeat;background-size:auto 67px} .myEpp_item .myEpp_icon.t04:before{background:#e9ecf2 url(/resource/images/paid/nep/common/icon_topBox_04.png) center center no-repeat;background-size:auto 67px} .myEpp_item .myEpp_icon.t05:before{background:#e9ecf2 url(/resource/images/paid/nep/common/icon_myEpp_que.png) center center no-repeat;background-size:auto 66px} .myEpp_item .myEpp_icon.t06:before{background:#e9ecf2 url(/resource/images/paid/nep/cmmn/icon_topBox_09.png) center center no-repeat;background-size:auto 50px} .myEpp_item .myEpp_icon span{color:#0075cf;font-weight:500} .myEpp_slide{position:relative;padding:25px} .myEpp_slide .bx-controls .bx-controls-direction a{display:block;width:50px;height:50px;position:absolute;top:50%;margin-top:-25px;background:#fff;border-radius:50%;text-indent:-9999px;border:1px solid #c4c9ce} .myEpp_slide .bx-controls .bx-controls-direction a.bx-prev{left:4px} .myEpp_slide .bx-controls .bx-controls-direction a.bx-next{right:4px} .myEpp_slide .bx-controls .bx-controls-direction a:before{content:"";display:block;width:16px;height:11px;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-6px} .myEpp_slide .bx-controls .bx-controls-direction a.bx-prev:before{background:url(/resource/images/paid/nep/pot/content/icon_myEpp_prev.png) no-repeat} .myEpp_slide .bx-controls .bx-controls-direction a.bx-next:before{background:url(/resource/images/paid/nep/pot/content/icon_myEpp_next.png) no-repeat} .myEpp_slide .bx-controls .bx-controls-direction a.bx-prev:hover:before{animation:me_prev .6s infinite} .myEpp_slide .bx-controls .bx-controls-direction a.bx-next:hover:before{animation:me_next .6s infinite} .myEpp_slide .bx-controls .bx-controls-direction a.disabled{opacity:.5} .myEpp_slide .bx-controls .bx-controls-direction a.disabled.bx-prev:hover:before{animation:none} .myEpp_slide .bx-controls .bx-controls-direction a.disabled.bx-next:hover:before{animation:none} @keyframes me_prev { 50%{margin-left:-13px} 100%{margin-left:-8px} } @keyframes me_next { 50%{margin-left:-3px} 100%{margin-left:-8px} } .myEpp_sItem{display:table;width:100%} .myEpp_sItem .myEpp_sTit{display:table-cell;vertical-align:top;width:210px;text-align:center;padding-top:55px;background:#318de7} .myEpp_sItem .myEpp_sTit:after{display:block;margin:0 auto;margin-top:20px;background:url(/resource/images/paid/nep/pot/content/img_myEppTit_1.png) center center no-repeat;width:100px;height:100px;content:""} .myEpp_sItem .myEpp_sTit>strong{display:block;color:#fff;font-size:33px;font-weight:500;line-height:25px} .myEpp_sItem .myEpp_sBody{display:table-cell;vertical-align:middle;background:#fff;border:1px solid #c4c9ce;padding:30px 40px 10px} .myEpp_sItem .myEpp_sBody .myEpp_label{padding:15px 15px;background:#f5f8fc;border-radius:2px;margin-bottom:10px} .myEpp_sItem .myEpp_sBody .myEpp_label>span{padding-left:23px;background:url(/resource/images/paid/nep/pot/content/icon_myEpp_label.png) left 2px no-repeat;color:#2b2b2b;font-size:15px;font-weight:500} .myEpp_sItem .myEpp_sBody .myEpp_label>span>b{font-weight:500} .myEpp_sItem .myEpp_sBody .myEpp_label>span>i{color:#318de7} .myEpp_sItem .myEpp_sBody>strong{display:block;font-size:24px;color:#111;margin-bottom:20px;line-height:30px} /* 20200317_수정 : s */ .myEpp_sItem .myEpp_sBody>p{margin:20px 0 0;overflow:hidden;height:44px;text-overflow:ellipsis;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .myEpp_slide .bx-wrapper .bx-viewport>ul{} .myEpp_slide .bx-wrapper .bx-viewport>ul:after{content:"";display:block;clear:both} @media all and (max-width:1000px){ #container .myP_row.mid>.layout{padding:15px} } /* 20200317_수정 : e */ .myEpp_sItem.part .myEpp_sTit{background:#318de7} .myEpp_sItem.part .myEpp_sTit:after{display:block;margin:0 auto;margin-top:20px;background:url(/resource/images/paid/nep/content/img_myEppTit_2.png) center center no-repeat;width:100px;height:100px;content:""} .myEpp_sItem.part .myEpp_sBody{text-align:center} .myEpp_sItem.part .myEpp_sBody strong i{color:#0075cf} .myEpp_sItem.part .myEpp_sBody p{text-align:center} .myEpp_sItem.part .myEpp_sBody .btnArea{margin-top:25px} .myEpp_sItem.part .myEpp_sBody .btnArea .btn{background:#565656;border:1px solid #565656;margin:3px 2px} .myEpp_sItem.part .myEpp_sBody .btnArea .btn:hover{background:#fff;color:#555} .myEpp_listWrap>li{padding:25px;float:left;width:50%;border-width:0 1px 1px 0;border-style:solid;border-color:#e5e5e5} .myEpp_listWrap>li:first-child, .myEpp_listWrap>li:first-child+li {border-top-width:1px} .myEpp_listWrap>li:first-child, .myEpp_listWrap>li:first-child+li+li, .myEpp_listWrap>li:first-child+li+li+li+li {border-left:1px solid #e5e5e5} .myEpp_list{position:relative;height:198px} .myEpp_list>strong{position:relative;display:block;padding:4px 9px 15px;border-bottom:1px solid #c4c4c4;font-size:19px;color:#111;line-height:20px} .myEpp_list>ul{padding:10px 15px 0} .myEpp_list>ul>li{position:relative;margin-top:9px} .myEpp_list>ul>li>a{display:block;position:relative;padding-left:13px;padding-right:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(/resource/images/paid/nep/common/bul_latest.gif) left center no-repeat} .myEpp_list>ul>li>a>span{position:absolute;right:0;top:0} .myEpp_list>.more{position:absolute;right:9px;top:0;width:28px;height:28px;background:#0254a2} .myEpp_list>.more:before{content:"";display:block;width:15px;height:15px;position:absolute;left:50%;margin-left:-7px;top:50%;margin-top:-7px;background:url(/resource/images/paid/nep/common/icon_more_plus.png) center no-repeat;transition:all .3s} .myEpp_list>.more:hover:before{transform:rotate(180deg)} .myEpp_list>.more>span{display:block;text-indent:-9999px} @media all and (max-width:1000px){ .myEpp_slide{padding:0 65px} .myEpp_slide .bx-controls .bx-controls-direction a.bx-prev{left:0} .myEpp_slide .bx-controls .bx-controls-direction a.bx-next{right:0} } @media all and (max-width:960px){ .myEpp_listWrap>li{width:50%;padding:20px 15px} .myEpp_listWrap>li:first-child+li+li{border-top:0;border-left:1px solid #e5e5e5} .myEpp_listWrap>li:first-child+li+li+li, .myEpp_listWrap>li:nth-child(3n+1){border-left:0} .myEpp_listWrap>li:nth-child(2n+1){border-left:1px solid #e5e5e5} .myEpp_list>ul{padding:10px 8px} } @media all and (max-width:830px){ .myEpp_info{display:block;overflow:hidden} .myEpp_info>div{display:block;float:left;width:20%} .myEpp_info>div.myEpp_score{width:100%;padding:0;margin-bottom:10px} .myEpp_sBox{max-width:inherit} .myEpp_sBox p{display:inline-block;margin-right:5px} .myEpp_sBox .btn{vertical-align:middle;padding:10px 15px} .myEpp_item .myEpp_icon{padding-top:95px} .myEpp_item .myEpp_icon:before{width:80px;height:80px;left:50%;margin-left:-40px} .myEpp_item .myEpp_icon.t01:before, .myEpp_item .myEpp_icon.t02:before, .myEpp_item .myEpp_icon.t03:before, .myEpp_item .myEpp_icon.t04:before, .myEpp_item .myEpp_icon.t05:before{background-size:auto 50px} } @media all and (max-width:768px){ .myEpp_sItem .myEpp_sTit{width:170px} .myEpp_sItem .myEpp_sTit>strong{font-size:30px} .myEpp_sItem .myEpp_sBody{padding:20px} .myEpp_sItem .myEpp_sBody>strong{font-size:18px;line-height:24px} } @media all and (max-width:640px){ .myP_row{margin-bottom:20px} .myP_row.top h3{font-size:23px} .myEpp_slide{padding:0 25px} .myEpp_slide .bx-controls .bx-controls-direction a{width:36px;height:36px} .myEpp_listWrap>li{width:100%;border-left:1px solid #e5e5e5} .myEpp_listWrap>li:first-child+li{border-top:0} .myEpp_listWrap>li:nth-child(3n+1){border-left:1px solid #e5e5e5 !important} .myEpp_list{height:auto} } @media all and (max-width:600px){ .myEpp_sItem .myEpp_sTit, .myEpp_sItem.part .myEpp_sTit{display:block;width:100%;padding:10px;background-image:none} .myEpp_sItem .myEpp_sTit:after{display:none} .myEpp_sItem.part .myEpp_sTit:after{display:none} .myEpp_sItem .myEpp_sTit>strong{font-size:20px} .myEpp_sItem .myEpp_sBody{display:block;width:100%;padding:15px;background-image:none} .myEpp_sItem.part .myEpp_sBody .btnArea .btn{font-size:14px} } @media all and (max-width:500px){ .myEpp_info>div.myEpp_item{width:33.3%} } /* 임시 신청 메인 */ .temporary_wrap{width:100%;height:100%} .temporary_box{} #temporary{padding-top:50px} #temporary>.layout{width:100%;max-width:960px;margin:0 auto} .tprr_header{text-align:center} .tprr_header h1{padding:13px 10px} .tprr_header h2{font-size:33px;color:#292929;font-weight:500} .tprr_header h2 span{display:inline-block;padding:22px 116px 22px 0;background:url(/resource/images/paid/nep/board/img_logTop.png) right bottom no-repeat;background-size:auto 86px} .tprr_body{} .tprr_body .tprrB_top{position:relative;padding:45px 300px 45px 60px;background:#318de7;color:#fff} .tprr_body .tprrB_top strong{display:block;margin-bottom:20px;color:#fff;font-size:22px;font-weight:500;line-height:26px;word-break:keep-all} .tprr_body .tprrB_top p{color:#fff;font-size:15px;line-height:24px} .tprr_body .tprrB_top .screenImg{position:absolute;right:40px;bottom:-60px} .tprr_body .tprrB_bot{padding:45px 60px;background:#e9ecf2} .tprr_body .tprrB_bot .stopInfo li{max-width:450px;margin:10px auto 0;text-align:center;border:1px solid #318de7;padding:14px 10px;background:#fff;border-radius:25px;font-weight:500;color:#333;font-size:16px} .tprr_body .tprrB_bot .stopInfo li:first-child{margin-top:0} .tprr_body .tprrB_bot .stopInfo li>span{color:#0075cf} .tprr_body .tprrB_bot .tprrB_exp{margin-top:15px;text-align:center} .tprr_body .tprrB_bot .tprrB_exp2{margin-top:40px} .tprr_body .tprrB_bot .btnArea .btn{width:100%;max-width:205px} .tprr_body .tprrB_bot .tprrB_tel{display:block;margin-top:30px;font-size:19px;color:#333;font-weight:500} .tprr_body .tprrB_bot .tprrB_tel em{color:#d02121} .tprr_footer address{padding:22px 60px;text-align:right} .tprr_footer address img{vertical-align:middle;margin-left:20px} @media all and (max-width:970px){ .tprr_body .tprrB_top{padding:40px 250px 40px 20px} .tprr_body .tprrB_top .screenImg{width:200px;right:20px} .tprr_body .tprrB_bot{padding:40px 20px} .tprr_footer address{padding:20px} } @media all and (max-width:800px){ .tprr_body .tprrB_top .screenImg{bottom:inherit;top:50%;margin-top:-80px} } @media all and (max-width:768px){ #temporary{padding-top:10px} } @media all and (max-width:740px){ .tprr_body .tprrB_top p br{display:none} .tprr_body .tprrB_top p br:last-child{display:block} } @media all and (max-width:640px){ .tprr_footer address{text-align:center} .tprr_footer address span{display:block;margin-bottom:10px} } @media all and (max-width:600px){ .tprr_body .tprrB_top{padding:40px 220px 40px 20px} .tprr_body .tprrB_top .screenImg{width:170px;margin-top:-63px} } @media all and (max-width:550px){ .tprr_header h2{font-size:24px} .tprr_header h2 span{padding:22px 90px 22px 0;background-size:auto 75px} .tprr_body .tprrB_top, .tprr_body .tprrB_bot{padding:30px 10px} .tprr_body .tprrB_top strong{font-size:19px;text-align:center} .tprr_body .tprrB_top p{text-align:center} .tprr_body .tprrB_top .screenImg{display:none} .tprr_body .tprrB_bot .stopInfo li{font-size:15px} } @media all and (max-width:500px){ .tprr_body .tprrB_top p{text-align:center} .tprr_body .tprrB_bot .stopInfo li{border-radius:50px} .tprr_body .tprrB_bot .btnArea .btn{width:auto;padding:0 20px} } @media all and (max-width:400px){ .tprr_header h2 span{padding:15px 0;background:none} } /*검색바*/ .all_scBox{position:relative;overflow:hidden;width:210px;padding-top:18px;display:block !important;} .all_scBox .layout .all_sc_bar{} .all_scBox .layout .all_sc_bar .bar_box{height:40px;margin:0 auto;position:relative} .all_scBox .layout .all_sc_bar .bar_box label{position:absolute;top:0;left:20px;height:40px;line-height:40px;font-size:13px;font-weight:300;} .all_scBox .layout .all_sc_bar input[type="text"]{width:100%;height:40px;padding:0 40px 0 10px;background:none;font-size:14px;font-weight:normal;border:1px solid #bbb;border-radius:50px;} .all_scBox .layout .all_sc_bar input[type="text"]:focus{border:3px solid #5193f6 !important} .all_scBox .layout .all_sc_bar input[type="text"]::-ms-clear{display:none} .all_scBox .layout .all_sc_bar button{position:absolute;width:20px;top:50%;right:15px;margin-top:-18px;text-align:center;color:#fff;background:url(/resource/images/paid/nep/pot/layout/icon_hBot_sch.png) center center no-repeat;font-size:0;text-indent:-9999px;opacity:0.7;background-size:100% auto;} .etcMenu li button.hb_sch.on{background:#5193f6 url(/resource/images/paid/nep/pot/layout/icon_hBot_sch_on.png) center center no-repeat} @media(max-width:1000px){ .all_scBox{display:none !important} } /*푸터 반응형*/ @media (max-width:840px){ #footer_section .footer_top .ft_list{float:none} #footer_section .footer_top .select_box{float:none;width:100%} #footer_section .footer_top .select_box>button{width:100%;border:0;text-align:center;height:45px;line-height:45px} #footer_section .footer_top .select_box ul{bottom:45px} footer .layout{padding:0} #footer_section .footer_top{padding:0;} #footer_section .footer_top .ft_list{padding:0 15px;width:100%;overflow:hidden} #footer_section .footer_top .ft_list li{width:25%;height:auto;line-height:normal} #footer_section .footer_top .ft_list li a{text-align:center;height:auto;line-height:normal;padding:12px 0;display:block;margin:0} #footer_section .footer_top .ft_list li:last-of-type{display:none} #footer_section .footer_top .select_box ul{border:1px solid #ddd} #footer_section .footer_top .select_box ul li{float:left;width:33.333%;border-bottom:1px solid #ddd} #footer_section .footer_top .select_box ul li:last-of-type{border-bottom:0} #footer_section .footer_top .select_box ul li:first-of-type{border-top:0} #footer_section .footer_top .select_box ul{background:#fff} #footer_section .footer_top .select_box ul li a{width:100%;height:50px;line-height:50px;padding-left:0;text-align:center;transition:all .3s ease} #footer_section .footer_top .select_box ul li a:hover{background:#5193f6;color:#fff} #footer_section .footer_top .ft_list{border-top:1px solid #a3a3a6} #footer_section .footer_bottom p{text-align:center;font-size:13px} #footer_section .footer_bottom{padding:20px 15px} } @media (max-width:680px){ #footer_section .footer_top .select_box ul li{width:100%} #footer_section .footer_top .select_box ul{height:250px;overflow:hidden;overflow-y:scroll} } @media (max-width:640px){ #footer_section .footer_top .select_box {display:none} #footer_section .footer_top .ft_list li{width:33.3%} #footer_section .footer_top .ft_list li:first-child+li+li+li{display:none} #footer_section .footer_top .ft_list li:first-of-type a{color:#ffb423} } @media (max-width:540px){ #footer_section .footer_top .ft_list{text-align:center} #footer_section .footer_top .ft_list li{width:auto;height:auto;line-height:normal;float:none;display:inline-block;font-size:14px;margin:0 6px} #footer_section .footer_top .ft_list li a{margin:0} } @media (max-width:450px){ #footer_section .footer_top .ft_list{padding:0 10px} #footer_section .footer_top .ft_list li a{font-size:13px} #footer_section .footer_bottom{padding:12px 10px} #footer_section address.pc{display:none} #footer_section address.mo{display:block} #footer_section address.mo p{text-align:left;font-size:12px} #footer_section address.mo ul{margin:4px 0 0 3px} #footer_section address.mo ul li span{display:inline-block} #footer_section address.mo .copyright{text-align:center} } /*점수 2019.11.22*/ .point_box{overflow:hidden} .point_box .point_tit{padding:20px;padding-left:80px;position:relative;border-bottom:1px solid #d6d6d6} .point_box .point_tit:before{content:"";display:block;width:50px;height:50px;position:absolute;top:50%;margin-top:-25px;left:20px;background:url(/resource/images/paid/nep/pot/layout/point_icon.png) no-repeat} .point_box .point_details{padding:15px 0;text-align:center;background:#f0f1f5} .point_box .point_details a{color:#303030;position:relative;padding-right:20px} .point_box .point_details a:before{width:7px;height:11px;display:block;content:"";position:absolute;top:50%;margin-top:-5.5px;right:0;background:url(/resource/images/paid/nep/pot/layout/point_more.png) no-repeat} .point_box .point_details a:hover{text-decoration:underline} @media(max-width:1200px){ .point_box .point_tit{padding:20px} .point_box .point_tit:before{display:none} } @media (max-width:767px){ #header .header_bottom{height:65px} }