@charset "utf-8";
@import url("addstyle_20180820.css");
/* 공통 */
.dblock {display:block;}
.submain_title1 {font-size: 18px;color: #333;}
.submain_title2 {font-size: 14px;color: #fff;font-weight: 700;}
/* 전자민원/보고 - 전자민원 */
.submainWrap {position: relative;}
.submainWrap .l_sec {width: 930px;padding: 20px;border: 1px solid #d2d2d2;box-sizing: border-box;}
.submainWrap .r_sec {position: absolute;top:0;right:0;left: 960px;bottom: 100%;width: 240px;height: 100%;background: #33739c;box-sizing: border-box;}
/* 전자민원/보고 - 전자민원 - LEFT Section */
.submainWrap .l_sec .mtab {height: 70px;}
.submainWrap .l_sec .mtab ul {overflow: visible;}
.submainWrap .l_sec .mtab li {position: relative;width: 33.1%;margin-right: 0.2%;}
.submainWrap .l_sec .mtab li.last {width: 33.4%;margin-right: 0;}
.submainWrap .l_sec .mtab li a {background: #f0f0f0;border: 1px solid #d2d2d2;font-size: 14px;text-align: center;}
.submainWrap .l_sec .mtab li.on a, 
.submainWrap .l_sec .mtab li a:hover {background: #10537d;border: 1px solid #10537d;color: #fff;font-weight: 700;}
.submainWrap .l_sec .mtab li.on:after {content : "";position: absolute;bottom: -4px;left: 50%;display: block;width: 7px;height: 4px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -84px -38px;background-repeat: no-repeat;}
.submainWrap .l_sec .subGuide {position: relative;min-height: 80px;padding-left: 123px;padding-bottom: 20px;border-bottom: 1px solid #d2d2d2;}
.submainWrap .l_sec .subGuide .subGuide_title {font-size: 18px;color: #10537d;font-weight: 700;}
.submainWrap .l_sec .subGuide .ico {position:absolute;top: 0;left: 20px;display: block;width: 83px;height: 83px;background-color: #f2f5fa;background-image: url(/resources/images/contents/ico_submain.png);background-position: -0px -0px;background-repeat: no-repeat;border-radius: 100%;}
.submainWrap .l_sec .subGuide button {padding-right: 30px;}
.submainWrap .l_sec .minwon_process {margin:30px 0;}
.submainWrap .l_sec .minwon_process ul {overflow: hidden;}
.submainWrap .l_sec .minwon_process ul li {float: left;height: 70px;background-color: #f2f5fa;text-align: center;}
.submainWrap .l_sec .minwon_process.step4 ul li {width: 195px;}
.submainWrap .l_sec .minwon_process.step5 ul li {width: 150px;}
.submainWrap .l_sec .minwon_process.step3 ul li{width: 260px;}
.submainWrap .l_sec .minwon_process ul li.daum {width:34px;background-color: #fff;text-indent: -9999px;}
.submainWrap .l_sec .minwon_process.step3 ul li.daum {width:50px;background-color: #fff;text-indent: -9999px;}
.submainWrap .l_sec .minwon_process ul li.daum .arr {display: block;width: 4px;height: 7px;margin: 0 auto;margin-top:30px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -84px -28px;background-repeat: no-repeat;}
.submainWrap .l_sec .minwon_process .num {display: block;width: 22px;height: 22px;line-height: 22px;margin: 0 auto;margin-bottom: 14px;background-color: #0d7e9c;color:#fff;border-radius: 0 0 3px 3px;}
.submainWrap .l_sec .minwon_list ul {overflow: hidden;margin-left: -15px;}
.submainWrap .l_sec .minwon_list ul li {float: left;margin: 0 0 15px 15px;}
.submainWrap .l_sec .minwon_list ul li a {position: relative;display: block;width: 210px;min-height: 140px;max-height: 140px;overflow-y: hidden;padding: 53px 10px 25px 10px;border: 1px solid #d2d2d2;box-sizing: border-box;}
.submainWrap .l_sec .minwon_list ul li a .spot {position: absolute;top: 0;left: 0;display: block;width: 24px;height: 24px;line-height: 24px;background-color: #52647c;color: #fff;text-align: center;}
.submainWrap .l_sec .minwon_list ul li a .dates {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 24px;line-height: 24px;margin: 10px;text-align: left;}
.submainWrap .l_sec .minwon_list ul li .tt {display: block;font-size: 15px;color: #000;font-weight: 700;}
.submainWrap .l_sec .minwon_list ul li.nodata {position: relative;display: block;width: 210px;min-height: 140px;padding: 50px 10px 25px 10px;border: 1px solid #d2d2d2;text-align: center;box-sizing: border-box;}
.submainWrap .l_sec .minwon_list ul li.nodata .ico {display: block;width: 27px;height: 38px;margin: auto auto 10px auto;background-image: url(/resources/images/contents/ico_submain.png);background-position: -107px -9px;background-repeat: no-repeat;}
.submainWrap .l_sec .minwon_list ul li a:hover,.submainWrap .l_sec .minwon_list ul li.on a {background-color: #0c7d9b;border: 1px solid #0d7e9c;color: #fff;text-decoration: none;}
.submainWrap .l_sec .minwon_list ul li a:hover .tt,.submainWrap .l_sec .minwon_list ul li.on a .tt {color: #fff;}
/* 전자민원/보고 - 전자민원 - RIGHT Section */
.submainWrap .r_sec .submain_rtitle {height: 40px;line-height: 38px;margin:20px 0;font-size: 18px;color:#fff;font-weight: 700;text-align: center;background-color: #10537d;}
.submainWrap .r_sec .minwon_search {padding:0 20px;text-align: center;color: #fff;}
.submainWrap .r_sec .minwon_search .guide .ico {display: block;width: 60px;height: 60px;margin: 0 auto;margin-bottom: 10px;background-color: #437ea4;border-radius: 100%;background-image: url(/resources/images/contents/ico_submain.png);background-position: -138px -0px;background-repeat: no-repeat;}
.submainWrap .r_sec .minwon_search .rtab ul {overflow: visible;position: relative;height: 40px;}
.submainWrap .r_sec .minwon_search .rtab li {position: relative;width: 49%;margin-right: 2%;}
.submainWrap .r_sec .minwon_search .rtab li.on::after {content: "";position: absolute;bottom: -4px;left: 50%;display: block;width: 7px;height: 4px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -84px -44px;background-repeat: no-repeat;}
.submainWrap .r_sec .minwon_search .rtab li.last {margin-right: 0%;}
.submainWrap .r_sec .minwon_search .rtab li a {padding: 8px 0px 8px 0px;font-size: 14px;color: #fff;border: 1px solid #85abc4; background-image:none;}
.submainWrap .r_sec .minwon_search .rtab li a:hover,
.submainWrap .r_sec .minwon_search .rtab li.on a {background: #fff;border: 1px solid #fff;color: #103e5f;}
.submainWrap .r_sec .minwon_search input {border: 0 none;}
.submainWrap .r_sec .minwon_me {position: relative;margin: 30px 20px 20px 20px;padding: 20px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.submainWrap .r_sec .minwon_me .btnfix {position: absolute;top: 20px;right: 0px;width: 64px;height: 19px;line-height: 19px;padding: 0;font-size: 12px;border: 0 none;}
.submainWrap .r_sec .minwon_me .melist li a {display: block;height: 20px;color:#fff;}
.submainWrap .r_sec .minwon_me .melist li a .num {display: inline-block;width: 30px;height: 17px;line-height: 17px;border-radius: 10%;color: #fff;background-color: #000;text-align: center;}
.submainWrap .r_sec .minwon_me .melist li a .num.n1 {background-color: #fbb634;color:#000;}
.submainWrap .r_sec .minwon_me .melist li a .num.n2 {background-color: #2caec6;color:#000;}
.submainWrap .r_sec .minwon_me .melist li a .num.n3 {background-color: #10537d;}
.submainWrap .r_sec .minwon_me .melist li a .num.n4 {background-color: #da3610;}
.submainWrap .r_sec .minwon_recent {padding: 0 20px;}
.submainWrap .r_sec .minwon_recent .recentlist li a {display: block;height: 20px;color: #fff;}
.submainWrap .r_sec .login_ok {margin: 20px;padding: 20px 0;text-align: center;border-top:1px solid #fff;}
.submainWrap .r_sec .login_ok .note {display: block;color: #fff;line-height: 130%;}
.submainWrap .r_sec .login_ok button {background-color: #d0d0d0;color:#000 !important;border: 1px solid #d0d0d0;}
.submainWrap .r_sec .login_ok button:hover {background-color: #a6a6a6;border: 1px solid #a6a6a6;}
/* 서브메인 하단 */
.minwon_ut {overflow: hidden;background-color: #f2f5fa;}
.minwon_ut li {position: relative;float: left;}
.minwon_ut li::after {content: "l";position: absolute;top: 60px;right: 0px;width: 1px;height: 15px;color: #d2d2d2;}
.minwon_ut li:last-child::after {content: "";}
.minwon_ut li a {position: relative;display: block;padding: 60px 55px 20px 55px;text-align: center;}
.minwon_ut li a::after {content: "";position: absolute;top: 20px;left: 50%;display: block;width: 37px;height: 35px;margin-left:-18px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -260px -91px;background-repeat: no-repeat;}
.minwon_ut li.l1 a::after {background-position: -8px -91px;}
.minwon_ut li.l2 a::after {background-position: -49px -91px;}
.minwon_ut li.l3 a::after {background-position: -92px -91px;}
.minwon_ut li.l4 a::after {background-position: -134px -91px;}
.minwon_ut li.l5 a::after {background-position: -176px -91px;}
.minwon_ut li.l6 a::after {background-position: -217px -91px;}
.minwon_ut li.l7 a::after {background-position: -260px -91px;}
.minwon_ut li.l8 a::after {background-position: -302px -91px;}
.innerMinwon{display: block;}
.innerReport{display: none;}
.minwon_misc {overflow: hidden;border-bottom: 1px solid #d2d2d2;}
.minwon_misc .misc_notice {float: left;width: 32%;margin-right: 2%;}
.minwon_misc .misc_faq {float: left;width: 32%;margin-right: 2%;}
.minwon_misc .misc_pds {float: left;width: 32%;}
.minwon_misc.misc2col .misc_notice {float: left;width: 48%;margin-right: 2%;}
.minwon_misc.misc2col .misc_faq {float: left;width: 48%;margin-right: 0;}
.minwon_misc.misc2col .misc_pds {float: left;width: 48%;margin-right: 0;}
.minwon_misc .misc_title {position: relative;text-align: center;font-size: 16px;color: #333;font-weight: 700;}
.minwon_misc .misc_title::before {content: "";position: absolute;top: 20px;left: 0;display: block;width: 40%;height: 1px;background-color: #d2d2d2;}
.minwon_misc .misc_title::after {content: "";position: absolute;top: 20px;right: 0;display: block;width: 40%;height: 1px;background-color: #d2d2d2;}
.minwon_misc .misc_title .ico {display: block;width: 45px;height: 45px;margin: 0 auto;margin-bottom: 10px;}
.minwon_misc .misc_title .ico::after {content: "";position: absolute;top: 0px;left: 50%;display: block;width: 45px;height: 45px;margin-left: -23px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -0px -137px;background-repeat: no-repeat;border-radius: 100%;}
.minwon_misc .misc_notice .misc_title .ico::after {background-color: #97cb66;background-position: -0px -136px;}
.minwon_misc .misc_faq .misc_title .ico::after {background-color: #2caec6;background-position: -45px -136px;}
.minwon_misc .misc_pds .misc_title .ico::after {background-color: #10537c;background-position: -88px -136px;}
.minwon_misc .misc_list {padding: 17px 0 20px;}
.minwon_misc .misc_list ul li {position: relative;height: 25px;}
.minwon_misc .misc_list ul li a {padding-left: 15px;white-space: nowrap;overflow: hidden;word-break: break-all;display: block;text-align: left;width: 80%;text-overflow: ellipsis;}
.minwon_misc .misc_list ul li a::before {content: "";position: absolute;top: 6px;left: 4px;display: block;width: 3px;height: 3px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -273px -0px;background-repeat: no-repeat;}
.minwon_misc .misc_list ul li .dates {position: absolute;top: 0;right: 0;}
/* 전자민원/보고 - 시판후이상사례보고 */
.adverse_process {padding: 30px 0;}
.adverse_process ul {overflow: hidden;background-color: #f2f5fa;}
.adverse_process ul li {float: left;width: 33%;text-align: center;}
.adverse_process ul li {position: relative;float: left;width: 33%;padding: 30px;box-sizing: border-box;vertical-align: middle;}
.adverse_process ul li.l1 {width: 34%;}
.adverse_process ul li.l2 {background-color: #e3eaf0;}
.adverse_process ul li.l2::before {content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 10px;background-color: #f2f5fa;}
.adverse_process ul li.l2::after {content: "";position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 10px;background-color: #f2f5fa;}
.adverse_process ul li.l3 {background-color: #c9d8e5;}
.adverse_process ul li.l3::before {content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 20px;background-color: #f2f5fa;}
.adverse_process ul li.l3::after {content: "";position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 20px;background-color: #f2f5fa;}
.adverse_process ul li .tt {margin-bottom: 10px;padding-bottom: 10px;font-size: 16px;color: #10537d;font-weight: 700;border-bottom: 1px solid #81a4bb;}
.adverse_process ul li.l3 .ts {color: #555;}
.report_step ul {overflow: hidden;}
.report_step ul li {float: left;width: 32%;margin-right: 3%;padding: 20px;border: 1px solid #d2d2d2;text-align: center;box-sizing: border-box;}
.report_step ul li:last-child {width: 30%;margin-right: 0%;border: 1px solid #d2d2d2;}
.report_step ul li .num {display: block;width: 30px;height: 30px;line-height: 28px;margin: 0 auto;margin-bottom: 10px;background-color: #0d7e9c;text-align: center;color: #fff;border-radius: 100%;}
.report_step ul li .tt {margin-bottom: 10px;padding-bottom: 10px;font-size: 16px;color: #10537d;font-weight: 700;border-bottom: 1px solid #81a4bb;}
.report_step ul li .ts {display: block;margin-bottom: 10px;}
.report_step ul li .btnfix {padding-right: 20px;}
.report_method {position: relative;}
.report_method .note {position: relative;display: block;background-color: #fff;}
.report_method .note::before {content: "";position: absolute;top: 9px;right: 0px;display: block;width: 50%;height: 1px;background-color: #d2d2d2;}
.report_method .btnfix {position: absolute;bottom: -10px;right:0;padding-right: 20px;}
/* 고객지원 */
.supportWrap {position: relative;}
.supportWrap .l_sec {width: 660px;height: 430px;box-sizing: border-box;}
.supportWrap .r_sec {position: absolute;top:0;right:0;left: 690px;bottom: 100%;width: 240px;height: 100%;background: #f2f5fa;box-sizing: border-box;}
.r_sec .submain_rtitle{background: #10537d;height: 20px;color: #fff;font-weight: 600;font-size: 18px;text-align: center;padding: 10px 10px;margin-top: 20px;}
/* 고객지원 - LEFT Section */
.supportWrap .l_sec .faq_title {padding: 23px 0 19px;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;font-size: 18px;color: #333;text-align: center;}
.supportWrap .l_sec .faq_title strong {color: #027B90;}
.supportWrap .l_sec .faq_search {padding: 20px 0;text-align: center;}
.supportWrap .l_sec .faq_search .inp_faq_search {width: 360px;height: 40px;border: 1px solid #027B90;background-color: #f2f5fa;font-size: 16px;box-sizing: border-box;}
.supportWrap .l_sec .faq_search .btn_faq_search {width: 70px;height: 40px;margin-left: -10px;border: 1px solid #027B90;box-sizing: border-box;border-radius: 0;}
.btn_faq_search:hover, .btn_faq_search:focus, .btn_faq_search:active {background-color:#015E6F; border-color:#015E6F;}
.supportWrap .l_sec .faq_list ul {overflow: hidden;margin-top: -15px;margin-left: -15px;}
.supportWrap .l_sec .faq_list ul li {float: left;margin: 15px 0 0px 15px;}
.supportWrap .l_sec .faq_list ul li a {position: relative;display: block;width: 210px;min-height: 135px;max-height : 135px; /*고정 height*/padding: 45px 10px 25px 10px;border: 1px solid #d2d2d2;box-sizing: border-box;overflow-y: hidden;}
.supportWrap .l_sec .faq_list ul li a span{white-space: normal;line-height: 1.2;height: 45px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow-y: hidden;}
.supportWrap .l_sec .faq_list ul li a span:last-child{padding-top:5px;}
.supportWrap .l_sec .faq_list ul li a .qq {position: absolute;top: 0;left: 0;display: block;width: 30px;height: 24px;line-height: 24px;margin: 10px 0;background-color: #52647c;font-size: 13px;color: #fff;font-weight: 400;text-align: center;}
.supportWrap .l_sec .faq_list ul li a:hover,
.supportWrap .l_sec .faq_list ul li.on a {background-color: #0d7e9c;border: 1px solid #0d7e9c;color: #fff;text-decoration: none;}
.supportWrap .l_sec .faq_list ul li a.qnont:hover,
.supportWrap .l_sec .faq_list ul li.on a.qnont {background: url(/resources/images/contents/bg_notathing.png) no-repeat 45px 30px;border: 1px solid #0d7e9c;text-decoration: none;}
.supportWrap .l_sec .faq_list ul li a.qnont {background: url(/resources/images/contents/bg_notathing.png) no-repeat 45px 30px;}
.supportWrap .l_sec .faq_list ul li a.qnont > span ,.supportWrap .l_sec .faq_list ul li a.qnont > P{display: none;}
.supportWrap .l_sec .faq_list ul li a:hover .tt,
.supportWrap .l_sec .faq_list ul li.on a .tt {color: #fff;}
.supportWrap .l_sec .faq_list ul li.more {position: relative;background-image: url(/resources/images/contents/ico_submain.png);background-position: -132px -137px;background-repeat: no-repeat;}
.supportWrap .l_sec .faq_list ul li.more a {position: relative;padding-top:75px;text-align: center;box-sizing: border-box;}
.supportWrap .l_sec .faq_list ul li.more:hover a {opacity: 0.5;}
/* 고객지원 - RIGHT Section */
.supportWrap .r_sec .minwon_center {margin: 20px;text-align: center;border-bottom: 1px solid #d2d2d2;}
.supportWrap .r_sec .minwon_center .ico {display: block;width: 60px;height: 60px;margin: 0 auto;margin-bottom: 10px;background-color: #e3eaf0;background-image: url(/resources/images/contents/ico_submain.png);background-position: -198px -0px;background-repeat: no-repeat;border-radius: 100%;}
.supportWrap .r_sec .minwon_center em {display: block;font-style: italic;font-size: 24px;color: #666;font-weight: 700;}
.supportWrap .r_sec .minwon_center .sys_guide {margin-top: 15px;padding-bottom: 20px;line-height: 130%;}
.supportWrap .r_sec .minwon_center .btnfix {width: 100%;margin-bottom: 20px;padding-left: 40px;}
.supportWrap .r_sec .minwon_center .btnfix::before {content: "";position: absolute;top: 12px;left: 65px;display: block;width: 13px;height: 11px;background-image: url(/resources/images/contents/ico_submain.png);background-position: -258px -0px;background-repeat: no-repeat;}
.supportWrap .r_sec .search_word {padding: 0 20px;text-align: center;}
.supportWrap .r_sec .search_word .inp_word {display: block;width: 100%;margin-bottom: 5px;}
.bott_section {overflow: hidden;margin-left: -3%;}
.bott_section .bsec_con {float: left;width: 30%;margin-left: 3%;}
.bott_section .bsec_con:first-child {width: 31%;}
.bott_section .bsec_list {margin-top:10px;padding: 10px 0 5px;background-color: #f2f5fa;}
.bott_section .bsec_list ul {overflow: hidden;text-align: center;}
.bott_section .bsec_list ul li {display: inline-block;width: 30%;margin: 0 1%;}
.bott_section .bsec_list ul li a {display: block;height: 90px;padding-top: 10px;text-align: center;box-sizing: border-box;}
.bott_section .bsec_list ul li a .ico {position: relative;display: block;width: 39px;height: 34px;margin: 0 auto;margin-bottom: 7px;border-radius: 5px;}
.bott_section .bsec_list .ico::after {content: "";position: absolute;top: 0px;left: 0px;display: block;width: 39px;height: 34px;background-image: url(/resources/images/contents/ico_submain.png);background-repeat: no-repeat;}
.bott_section .bsec_list.list1 .ico {background-color: #2caec6;}
.bott_section .bsec_list.list2 .ico {background-color: #5c7aa0;}
.bott_section .bsec_list.list3 .ico {background-color: #5991de;}
.bott_section .bsec_list.list1 .l1 .ico::after {background-position: -0px -272px;}
.bott_section .bsec_list.list1 .l2 .ico::after {background-position: 0px -309px;}
.bott_section .bsec_list.list1 .l3 .ico::after {background-position: -39px -272px;}
.bott_section .bsec_list.list2 .l1 .ico::after {background-position: -117px -272px;}
.bott_section .bsec_list.list2 .l2 .ico::after {background-position: -156px -272px;}
.bott_section .bsec_list.list2 .l3 .ico::after {background-position: -195px -272px;}
.bott_section .bsec_list.list3 .l1 .ico::after {background-position: -234px -272px;}
.bott_section .bsec_list.list3 .l2 .ico::after {background-position: -273px -272px;}
.bott_section .bsec_list.list3 .l3 .ico::after {background-position: -312px -272px;}