@charset "utf-8";

.txtPurple{color:#564cd4;}
.txtGreen{color:#31a8a2;}
.txtPink{color:#da39ed;}
.txtRed{color:#f54325;}
input[type='text'], 
input[type='password'], 
input[type='number'], 
select{height:42px;border:1px solid #dedede;border-radius:4px;}
textarea{border:1px solid #dedede;border-radius:4px;}
input.useDatepicker{background:#fff url(/images/n21/sub/icon_inputDate.gif) no-repeat 92% center}
.ui-datepicker select{height:25px;}
h4{margin-bottom:20px;font-size:26px;font-weight:500;color:#101010;line-height:130%;}
h5{margin-bottom:15px;padding-left:40px;background:url(/images/n21/sub/icon_h5.png) no-repeat left top;font-size:23px;font-weight:500;color:#3e35aa;line-height:100%;letter-spacing:-.5px;}
h6{margin-bottom:8px;font-size:19px;font-weight:500;}
h5 span{font-weight:400;}
.h4Content{padding-bottom:50px;}
.h4Content p{font-size:16px;line-height:145%;}
.h4Content p + p,
.h4Content p + ul,
.h4Content p + div{margin-top:15px;}
.h5Content{padding-left:40px;}
.h5Content + *{margin-top:50px;}
.h5Content > h6{margin-top:25px;}
.h5Content > p,
.h6Content > p{font-size:16px;line-height:145%;}
.topTxtArea{margin-bottom:15px;font-size:16px;line-height:145%;}

/* btn */
.btnArea{margin:35px 0;}
.paging + .btnArea.right{margin-top:-105px;}
.btnArea a{margin:0 5px;}
.btnArea .btn_l{min-width:102px;}
.btn_l{padding:0 30px;height:50px;border-radius:4px;line-height:48px;font-size:18px;}
.btn_l.on{background:#3e35aa;border:1px solid #3e35aa;color:#fff;}
.btn_l.gray{background:#7e7d8c;border:1px solid #7e7d8c;color:#fff;}
.btn_m{padding:10px 20px;min-width:110px;height:auto;border-radius:4px;background:#535353;border:0px none;line-height:135%;font-size:16px;color:#fff;}
.btn_m.on{background:#31a8a2;border:0px none;}
.btn_m.down{padding-left:42px;background-image:url(/images/n21/sub/icon_down.png);background-repeat:no-repeat;background-position:left 20px center;}
.btn_m.white{height:41px;color:#535353;background:#fff;border:1px solid #535353;box-sizing:border-box;}
.btn_s{padding:0 15px;height:34px;background:#7e7d8c;border-radius:4px;border:0px none;color:#fff;line-height:34px;font-size:14px;}
.downIcon{display:inline-block;vertical-align:text-top;margin-right:8px;width:15px;height:15px;background:url(/images/n21/sub/btn_downIcon.png) no-repeat;}

/* tab */
.tabBar{margin-bottom:40px;text-align:center;}
.tabBar li{display:inline-block;vertical-align:middle;margin:0 1px;padding:0 30px;min-width:160px;height:50px;border:1px solid #cdcdcd;border-radius:6px;box-sizing:border-box;line-height:48px;}
.tabBar li.active{border:2px solid #3e35aa;box-shadow:2px 2px 6px #d8d8d8;}
.tabBar li a{display:block;font-size:18px;font-weight:500;color:#808080;}
.tabBar li.active a{color:#3e35aa;}
.tabBar.type2 li{padding:0 10px;min-width:auto;height:auto;border:0px none !important;box-shadow:none !important;line-height:140%;}
.tabBar.type2 li a{position:relative;font-size:20px;font-weight:400;}
.tabBar.type2 li.active a{font-weight:500;}
.tabBar.type2 li.active a:after{display:block;content:'';position:absolute;left:-1px;right:-1px;bottom:-2px;height:10px;background:#f6cdfa;z-index:-1;}
.tabBar + .tabBar.type2{margin-top:-15px;}

/* ======================================== subLayout ======================================== */
#container.bg1{background:url(/images/n21/sub/bg_subVisual1.jpg) no-repeat center 31px;}
#container.bg2{background:url(/images/n21/sub/bg_subVisual2.jpg) no-repeat center 31px;}
#container.bg3{background:url(/images/n21/sub/bg_subVisual3.jpg) no-repeat center 31px;}
#container.bg4{background:url(/images/n21/sub/bg_subVisual4.jpg) no-repeat center 31px;}
#container.bg5{background:url(/images/n21/sub/bg_subVisual5.jpg) no-repeat center 31px;}
#container.bg6{background:url(/images/n21/sub/bg_subVisual6.jpg) no-repeat center 31px;}
#subVisual > .inner{height:220px;}
#subVisual h2{padding-top:65px;text-align:center;font-size:36px;font-weight:900;color:#fff;line-height:130%;}
#naviBar{position:absolute;bottom:0;left:0;right:0;background:rgba(62,53,170,.88);border-top-left-radius:30px;}
#naviBar:after{display:block;content:'';clear:both;position:absolute;left:100%;top:0;width:1000px;height:48px;background:rgba(62,53,170,.88);}
#naviBar .naviList{float:left;}
#naviBar .naviList > li{display:block;float:left;position:relative;}
#naviBar .naviList > li.home{width:60px;background:url(/images/n21/sub/icon_naviBar_home.png) no-repeat center;border-right:1px solid rgba(255,255,255,.3);line-height:48px;text-indent:-9999em;}
#naviBar .naviList > li.home a{display:block;}
#naviBar .naviList > li.type2 > a{display:block;padding:0 30px 0 14px;min-width:200px;background:url(/images/n21/sub/icon_naviList_ar.png) no-repeat 93% center;border-right:1px solid rgba(255,255,255,.3);box-sizing:border-box;line-height:48px;color:#fff;font-size:16px;}
#naviBar .naviList > li ul{display:none;position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid #7f7ed4;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:hidden;z-index:1;}
#naviBar .naviList > li ul li a{display:block;padding:14px;border-bottom:1px solid #e3e3e3;font-size:16px;letter-spacing:-.5px;color:#333;}
#naviBar .naviList > li ul li:last-child a{border-bottom:0px none;}
#naviBar .naviList > li ul li a:hover{background:#f4f3ff;color:#3e35aa;font-weight:500;}
#naviBar .rightArea{float:right;border-left:1px solid rgba(255,255,255,.3);}
#naviBar .rightArea > a{display:block;float:left;width:50px;height:48px;border-right:1px solid rgba(255,255,255,.3);text-indent:-9999em;}
#naviBar .rightArea .shareSns{display:none;position:absolute;right:0;top:48px;padding:12px 18px;background:#fff;border:1px solid #7f7ed4;border-bottom-left-radius:6px;border-bottom-right-radius:6px;z-index:1;}
#naviBar .rightArea .shareSns::before{display:block;content:'';position:absolute;right:70px;top:-4px;width:7px;height:4px;background:url(/images/n21/sub/icon_shareSns_ar.png) no-repeat;}
#naviBar .rightArea .shareSns a{display:inline-block;margin:0 2px;}
#naviBar .rightArea .shareSns a span{display:block;width:40px;height:40px;background-repeat:no-repeat;text-indent:-9999em;}
#naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1.png);}
#naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2.png);}
#naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3.png);}
#naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4.png);}
#naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5.png);}
#naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6.png);}
#naviBar .rightArea .likeBtn{background:url(/images/n21/sub/icon_naviBar_likeBtn.png) no-repeat center;}
#naviBar .rightArea .shareBtn{background:url(/images/n21/sub/icon_naviBar_shareBtn.png) no-repeat center;}
#naviBar .rightArea .printBtn{background:url(/images/n21/sub/icon_naviBar_printBtn.png) no-repeat center;}
.bg2 #naviBar,
.bg2 #naviBar:after{background:rgba(0,144,131,.88);}
.bg3 #naviBar,
.bg3 #naviBar:after{background:rgba(8,123,212,.88);}
.bg4 #naviBar,
.bg4 #naviBar:after{background:rgba(216,97,31,.88);}
.bg5 #naviBar,
.bg5 #naviBar:after{background:rgba(136,73,218,.88);}
.bg2 #naviBar .naviList > li ul,
.bg2 #naviBar .rightArea .shareSns{border-color:#07ad9e;}
.bg3 #naviBar .naviList > li ul,
.bg3 #naviBar .rightArea .shareSns{border-color:#1a8ae1;}
.bg4 #naviBar .naviList > li ul,
.bg4 #naviBar .rightArea .shareSns{border-color:#e37b42;}
.bg5 #naviBar .naviList > li ul,
.bg5 #naviBar .rightArea .shareSns{border-color:#8f51df;}
.bg2 #naviBar .naviList > li ul li a:hover{background:#edf7f6;color:#009083;}
.bg3 #naviBar .naviList > li ul li a:hover{background:#f3f6ff;color:#087bd4;}
.bg4 #naviBar .naviList > li ul li a:hover{background:#fcf6f6;color:#d8611f;}
.bg5 #naviBar .naviList > li ul li a:hover{background:#f8f3ff;color:#8849da;}

.bg2 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_2.png);}

.bg3 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_3.png);}

.bg4 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_4.png);}

.bg5 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_5.png);}

#container h3{padding:45px 0 40px;font-size:33px;font-weight:900;text-align:center;line-height:110%;}
#subContents{padding-bottom:130px;min-height:480px;}
#mobileNavTab{display:none;padding-top:15px;/* border-bottom:1px solid #313131; */border-bottom:1px solid #e3e3e3;overflow-x:auto;}
#mobileNavTab ul{display:table;padding:0 3%;}
#mobileNavTab ul li{display:table-cell;white-space:nowrap;}
#mobileNavTab ul li a{display:block;padding:0 8px 15px;font-size:16px;font-weight:500;color:#3d3d3d;}
#mobileNavTab ul li.active a{position:relative;color:#564cd4;font-weight:900;}
#mobileNavTab ul li.active a:after{display:block;content:'';position:absolute;bottom:0;left:8px;right:8px;border-bottom:4px solid #564cd4;}

/* 게시판 */
.bbsSearch{position:relative;margin-bottom:30px;padding:30px;padding-left:230px;background:#f3f3f3;text-align:right;}
.bbsSearch .totalNum{position:absolute;left:30px;bottom:30px;}
.bbsSearch input,
.bbsSearch select,
.bbsSearch a{margin:1px 0;}
.totalNum{display:block;padding-left:30px;background:url(/images/n21/sub/icon_totalNum.png) no-repeat left center;font-size:16px;line-height:21px;}
.totalNum em{font-weight:500;}
.bbsSearch input[type="submit"]{width:73px;height:42px;background:#373272;border:0px none;border-radius:4px;text-align:center;color:#fff;line-height:42px;font-size:16px;}
.bbsSearch .btnAll{display:inline-block;vertical-align:middle;width:42px;height:42px;background:#7e7d8c url(/images/n21/sub/icon_bbsSearch_btnAll.png) no-repeat center;border-radius:4px;text-indent:-9999em;text-align:left;}
.bbsSearch.type2{padding:20px 0;background:none;border-bottom:1px solid #e3e3e3;}
.bbsSearch.type3{padding-left:30px;text-align:center;}
.bbsSearch dl{display:inline-block;vertical-align:middle;}
.bbsSearch dl dt{display:inline-block;vertical-align:middle;margin-right:5px;font-size:16px;}
.bbsSearch dl dd{display:inline-block;vertical-align:middle;}
.bbsSearch dl dd + dt{margin-left:20px;}
.listCondition{padding:0 5px 15px;}
.listCondition:after{display:block;content:'';clear:both;}
.listCondition .totalNum{float:left;}
.listCondition .sortItem{float:right;}
.listCondition .sortItem li{display:inline-block;vertical-align:middle;}
.listCondition .sortItem li a{display:block;position:relative;padding:0 10px;color:#535353;}
.listCondition .sortItem li a:after{display:block;content:'';position:absolute;top:50%;right:-1px;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;}
.listCondition .sortItem li:last-child a:after{display:none;}
.listCondition .sortItem li.active a{text-decoration:underline;color:#3e35aa;font-weight:500;}

.tableList{border-top:2px solid #313131;}
.tableList ul{display:table;width:100%;border-collapse:collapse;table-layout:fixed;}
.tableList ul li{display:table-row;clear:both;border-bottom:1px solid #e3e3e3;}
.tableList ul li:hover{background:#f3faf7;}
.tableList ul li:hover .title a{color:#0a6f6a;}
.tableList ul li:after{display:block;content:'';clear:both;}
.tableList ul li > *{display:table-cell;padding:10px 0;height:74px;vertical-align:middle;box-sizing:border-box;}
.tableList ul li .num{width:8%;font-size:16px;text-align:center;}
.tableList ul li .num em{display:inline-block;width:50px;height:50px;background:#31a8a2;border-radius:50%;font-size:15px;color:#fff;line-height:50px;}
.tableList ul li .title{width:100%;}
.tableList ul li .title a{display:block;padding:0 20px;font-size:19px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:50px;}
.tableList ul li .title a .cateItem{display:inline-block;margin-right:7px;color:#31a8a2;font-weight:500;}
.tableList ul li .fileDown{width:40px;text-align:center;}
.tableList ul li .quickView{width:102px;text-align:center;}
.tableList ul li .quickView a{display:inline-block;width:83px;height:34px;background:#fff;border:1px solid #cbcbd1;border-radius:17px;line-height:32px;color:#555;box-sizing:border-box;}
.tableList ul li .date{width:128px;font-size:16px;text-align:center;}
.tableList ul li .etc{padding-right:18px;width:21%;text-align:right;box-sizing:border-box;font-size:15px;color:#6c6c6c;}
.tableList ul li .etc em{display:inline-block;padding:0 8px;font-size:13px;color:#dedede;}
.tableList ul li .etc.type2{width:33%;}
.tableList ul li .etc.type2 span{display:block;margin-bottom:3px;}

.tableView{border-top:2px solid #313131;border-bottom:1px solid #e3e3e3;}
.tableView .viewTitle{display:block;padding:30px 10px;background:#f3f3f3;border-bottom:1px solid #e3e3e3;text-align:center;}
.tableView .viewTitle b{font-size:25px;font-weight:500;}
.tableView .viewDetail > li{display:table;padding:15px 30px;width:100%;box-sizing:border-box;border-bottom:1px solid #e3e3e3;font-size:15px;line-height:30px;}
.tableView .viewDetail > li .head{display:inline-block;vertical-align:middle;position:relative;width:70px;}
.tableView .viewDetail > li .head:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-7px;height:14px;border-right:1px solid #e3e3e3;}
.tableView .viewDetail > li .desc{display:inline-block;vertical-align:middle;padding-left:15px;}
.tableView .viewDetail > li .desc + .head{margin-left:100px;}
.tableView .viewDetail > li > div + div{margin-left:60px;}
.tableView .viewDetail > li > div{display:table-cell;}
.fileLink{display:inline-block;}
.fileLink img{display:inline-block;margin-right:8px;}
.tableView .viewDetail > li .quickView{display:inline-block;vertical-align:middle;margin-left:20px;width:83px;height:34px;box-sizing:border-box;border:1px solid #cbcbd1;border-radius:17px;text-align:center;font-size:14px;color:#555;line-height:32px;}
.tableView .viewCon{padding:45px 30px;min-height:400px;font-size:16px;line-height:180%;}
.tableView .viewCon h6{margin-top:30px;}
#container .tableView .viewCon h3,
.tableView .viewCon h5{margin-bottom:8px;padding:0;background:none;color:#313131;font-size:19px;font-weight:500;text-align:left;}
#container .tableView .viewCon h3{margin-top:30px;font-size:22px;}
.tableView .viewCon .list_type1 > li{display:block;position:relative;padding:4px 0;padding-left:17px;font-size:16px;color:#555;line-height:140%;}
.tableView .viewCon .list_type1 > li:after{display:block;content:'';position:absolute;left:8px;top:13px;width:3px;height:3px;border-radius:50%;background:#3e35aa;}
.tableView .viewCon .table_01 table{width:100%;border-top:2px solid #313131;border-left:1px solid #e3e3e3;}
.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td{padding:8px 20px;height:50px;box-sizing:border-box;}
.tableView .viewCon .table_01 table thead th{border-bottom:1px solid #8a8a8a;}
.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td{padding:17px 8px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;line-height:145%;text-align:center;word-break:break-all;}
.tableView .viewCon .table_01 table th:last-child,
.tableView .viewCon .table_01 table td:last-child{border-right:1px solid #e3e3e3;}

.tableCon + .tableCon,
.tableCon + .tableView{margin-top:20px;}
.tableCon .list{width:100%;border-top:2px solid #313131;}
.tableCon .list.type2{border-left:1px solid #e3e3e3;}
.tableCon .list thead th{border-bottom:1px solid #8a8a8a;}
.tableCon .list th,
.tableCon .list td{padding:17px 8px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;line-height:145%;text-align:center;word-break:break-all;}
.tableCon .list th.alignLeft,
.tableCon .list td.alignLeft{padding-left:15px;}
.tableCon .list th:last-child,
.tableCon .list td:last-child{border-right:0px none;}
.tableCon .list th{font-weight:500;}
.tableCon .list.type2 thead th.bgGray{background:#f6f6f6;border-bottom:1px solid #e3e3e3;font-weight:500;}
.tableCon .list.type2 tbody td b{font-weight:500;}
.tableCon .list.type2 th:last-child,
.tableCon .list.type2 td:last-child{border-right:1px solid #e3e3e3;}
.tableCon .list.type2 th{font-size:18px;font-weight:900;}
.tableCon .list.type2 td b{font-weight:900;}
.tableCon .list.type2 th,
.tableCon .list.type2 td{padding:15px 25px;}
.tableCon .list.type3{border-left:1px solid #e3e3e3;}
.tableCon .list.type3 th,
.tableCon .list.type3 td{padding:8px 20px;height:50px;box-sizing:border-box;}
.tableCon .list.type3 th:last-child,
.tableCon .list.type3 td:last-child{border-right:1px solid #e3e3e3;}

.moveList{position:relative;margin:30px 0;text-align:center;}
.moveList ul li{display:block;position:absolute;top:0;}
.moveList ul li.prev{left:0;right:50%;}
.moveList ul li.next{right:0;left:50%;}
.moveList ul li a{display:block;position:relative;line-height:50px;font-size:16px;}
.moveList ul li.prev a{padding-left:100px;text-align:left;}
.moveList ul li.next a{padding-right:100px;text-align:right;}
.moveList ul li a em{display:block;position:absolute;top:0;font-size:15px;color:#373272;}
.moveList ul li.prev a em{left:0;padding-left:26px;background:url(/images/n21/sub/icon_moveList_prev.gif) no-repeat left center;}
.moveList ul li.next a em{right:0;padding-right:26px;background:url(/images/n21/sub/icon_moveList_next.gif) no-repeat right center;}
.moveList ul li a:hover span{text-decoration:underline;}
.moveList .btn_l{position:relative;z-index:1;}

/* 페이징 */
.paging{padding:40px 0;}
.paging a{display:inline-block;vertical-align:middle;margin:0 2px;min-width:38px;height:38px;border-radius:4px;border:1px solid #d9d9d9;text-indent:-9999px;}
.paging a.first{background:url(/images/n21/sub/btn_pageFirst.png) no-repeat center center;}
.paging a.prev{margin-right:10px;background:url(/images/n21/sub/btn_pagePrev.png) no-repeat center center;}
.paging a.next{margin-left:10px;background:url(/images/n21/sub/btn_pageNext.png) no-repeat center center;}
.paging a.last{background:url(/images/n21/sub/btn_pageLast.png) no-repeat center center;}
.paging a.num{text-indent:0;font-size:17px;line-height:38px;color:#313131;}
.paging a.num.active{background:#373272;color:#fff;font-weight:500;}
.mobilePaging{display:none;}
.mobilePaging .mobileNum{display:inline-block;vertical-align:middle;margin:0 10px;line-height:40px;font-size:17px;}
.mobilePaging .mobileNum .active{display:inline-block;color:#373272;}


/* 만족도조사 */
.satisfaction{margin-top:80px;padding:25px 38px;background:#f6f6f6;border-top:1px solid #939393;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.satisfaction p{margin-bottom:14px;padding-left:23px;background:url(/images/n21/sub/icon_satisfaction_alert.png) no-repeat left center;line-height:18px;color:#555;}
.satisfaction .satisBox{margin-bottom:15px;padding:10px;background:#fff;}
.satisfaction .satisBox:after{display:block;content:'';clear:both;}
.satisfaction .satisBox .title{display:block;float:left;position:relative;padding-left:115px;padding-right:30px;background:url(/images/n21/sub/icon_satisBox_title.png) no-repeat 45px center;font-size:17px;font-weight:500;color:#31a8a2;line-height:52px;}
.satisfaction .satisBox .title:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-10px;height:20px;border-right:1px solid #e9e9e9;}
.satisfaction .satisBox .radiobox{float:left;padding-left:55px;}
.satisfaction .satisBox .radiobox > span{display:inline-block;vertical-align:middle;margin-right:30px;line-height:48px;}
.satisfaction .satisBox .radiobox input{position:relative;margin-right:10px;width:22px;height:22px;appearance:none;}
.satisfaction .satisBox .radiobox input:after{display:block;content:'';position:absolute;left:0;top:0;width:22px;height:22px;border:1px solid #cdcdcd;border-radius:50%;box-sizing:border-box;}
.satisfaction .satisBox .radiobox input:checked:before{display:block;content:'';position:absolute;left:5px;top:5px;width:12px;height:12px;background:#31a8a2;border:0px none;border-radius:50%;}
.satisfaction .satisBox .radiobox label{font-size:16px;color:#555;}
.satisfaction .satisBox .radiobox label img{display:inline-block;vertical-align:text-bottom;margin-left:8px;}
.satisfaction .satisBox .satisBtn{display:block;float:left;margin-left:30px;margin-top:7px;width:98px;height:38px;border-radius:4px;border:1px solid #31a8a2;box-sizing:border-box;line-height:36px;font-size:16px;color:#109891;text-align:center;}
.satisfaction .satisBox .satisBtn:hover{background:#31a8a2;color:#fff;}
.satisfaction > ul:after{display:block;content:'';clear:both;}
.satisfaction > ul > li{display:block;float:left;position:relative;margin-right:40px;padding-left:15px;line-height:32px;font-size:15px;color:#555;}
.satisfaction > ul > li:last-child{margin-right:0;}
.satisfaction > ul > li:after{display:block;content:'';position:absolute;top:13px;left:3px;width:3px;height:3px;border-radius:50%;background:#000;}
.satisfaction > ul > li b{font-weight:500;}
.satisfaction > ul > li .pageQna{display:inline-block;}
.satisfaction > ul > li .pageQna li{display:inline-block;padding:0 8px;border:1px solid #d3d3d3;line-height:30px;text-align:center;color:#555;font-size:14px;}

/* 카드형게시판 */
.listType{margin-bottom:15px;text-align:right;}
.listType a{display:inline-block;margin-right:25px;padding-left:34px;background:url(/images/n21/sub/icon_listType1.png) no-repeat left center;line-height:27px;color:#535353;}
.listType a.type2{position:relative;margin-right:0;background:url(/images/n21/sub/icon_listType2.png) no-repeat left center;}
.listType a.type2:after{display:block;content:'';position:absolute;left:-15px;top:50%;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;}
.listType a.active{background:url(/images/n21/sub/icon_listType1_on.png) no-repeat left center;color:#3e35aa;font-weight:500;}
.listType a.type2.active{background:url(/images/n21/sub/icon_listType2_on.png) no-repeat left center;}
.thumbList{border-top:2px solid #313131;}
.thumbList li{display:block;position:relative;padding:20px 250px 20px 20px;min-height:140px;border-bottom:1px solid #e3e3e3;}
.thumbList li a{display:block;}
.thumbList li .title{display:block;padding:10px 0;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.thumbList li .desc{display:block;display:-webkit-box;margin-bottom:25px;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:15px;color:#6c6c6c;}
.thumbList li .date{display:block;font-size:15px;color:#6c6c6c;}
.thumbList li .img{display:block;position:absolute;right:0;top:20px;width:222px;height:140px;}
.thumbList li .img img{width:100%;height:100%;}
.cardList ul{margin:0 -12px;}
.cardList ul:after{display:block;content:'';clear:both;}
.cardList ul li{display:block;float:left;margin-bottom:24px;padding:0 12px;width:25%;box-sizing:border-box;}
.cardList ul li > a{display:block;padding:30px;border:1px solid #e3e3e3;}
.cardList ul li .title{display:block;display:-webkit-box;margin-bottom:25px;height:90px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:30px;font-size:21px;font-weight:500;}
.cardList ul li .date{display:block;color:#6c6c6c;}
.cardList.thumb ul{margin:0 -16px;}
.cardList.thumb ul li{padding:0 15px;}
.cardList.thumb ul li > a{padding:0;}
.cardList.thumb ul li .img{display:block;height:237px;overflow:hidden;}
.cardList.thumb ul li .img img{display:block;width:100% !important;height:100%;}
.cardList.thumb ul li > a:hover img{transform:scale(1.06);transition:0.3s;}
.cardList.thumb ul li .title{margin:24px 24px 15px;height:50px;line-height:25px;font-size:19px;-webkit-line-clamp:2;}
.cardList.thumb ul li .date{margin:0 24px 24px;}
.cardList.thumb ul li > div{display:block;border:1px solid #e3e3e3;}
.cardList.thumb ul li .btnItem{display:block;padding:0 24px 15px;text-align:center;}
.cardList.thumb ul li .btnItem a{margin:2px;}
.cardList.thumb.type2 ul li > div{height:430px;}

/* 영상게시판 */
.topVideoView{position:relative;margin-bottom:40px;padding:50px 0;background:#f4f7fe;}
.topVideoView:before,
.topVideoView:after{display:block;content:'';position:absolute;top:0;bottom:0;background:#f4f7fe;z-index:-1;}
.topVideoView:before{left:-1000px;right:50%;}
.topVideoView:after{right:-1000px;left:50%;}
.topVideoView .title{display:block;margin-bottom:25px;font-size:25px;font-weight:500;}
.topVideoView .videoBox{border-top:2px solid #313131;}
.topVideoView .videoBox:after{display:block;content:'';clear:both;}
.topVideoView .videoBox .videoArea{float:left;width:830px;height:470px;}
.topVideoView .videoBox .videoArea iframe{width:100%;height:100%;}
.topVideoView .videoBox .infoArea{float:left;padding:30px 0 0 45px;width:450px;height:470px;box-sizing:border-box;}
.topVideoView .videoBox .infoArea ul{margin:0 -10px 30px;padding-bottom:12px;border-bottom:1px solid #e0e3eb;}
.topVideoView .videoBox .infoArea ul:after{display:block;content:'';clear:both;}
.topVideoView .videoBox .infoArea ul li{display:block;float:left;position:relative;padding:0 10px;font-size:15px;font-weight:500;}
.topVideoView .videoBox .infoArea ul li:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #e0e3eb;}
.topVideoView .videoBox .infoArea ul li:last-child:after{border-right:0px none;}
.topVideoView .videoBox .infoArea .subTitle{height:380px;font-size:15px;line-height:165%;overflow-y:scroll;}
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar{width:8px;}
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-thumb{background-color:#3e35aa;}
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-track{background-color:#e0e3eb;}
.videoList ul:after{display:block;content:'';clear:both;}
.videoList ul li{display:block;float:left;padding:20px 12px;width:20%;box-sizing:border-box;}
.videoList ul li .img{display:block;margin:0 auto 15px;width:230px;height:145px;text-align:center;overflow:hidden;}
.videoList ul li .img img{width:100% !important;height:100%;}
.videoList ul li a:hover img{transform:scale(1.06);transition:0.3s;}
.videoList ul li .title{display:block;display:-webkit-box;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:17px;text-align:center;letter-spacing:-.5px;}

/* 상단 아이콘박스 */
.topIconBox{position:relative;margin-bottom:55px;padding:40px;padding-left:250px;min-height:200px;box-sizing:border-box;border:1px solid #e0e0e0;border-bottom-left-radius:80px;box-sizing:border-box;}
.topIconBox .icon{display:block;position:absolute;left:68px;top:28px;}
.topIconBox .title{display:block;margin-bottom:10px;font-size:24px;font-weight:500;}
.topIconBox p{font-size:15px;color:#555;line-height:165%;}
.topIconBox .btn_m{margin-top:25px;}
.topIconBox .btn_m + .btn_m{margin-left:5px;}
.topIconBox.type2{padding-left:195px;min-height:136px;}
.topIconBox.type2 .icon{top:23px;}
.topIconBox.type2 .title{font-size:18px;}

/* list type style */
.stepList:after{display:block;content:'';clear:both;}
.stepList > li{display:block;float:left;padding:0 4px;box-sizing:border-box;}
.stepList.col4 > li{width:25%;}
.stepList > li > div{position:relative;padding:23px 35px;background:#f4f7fe;border:1px solid #e5e9f4;border-radius:10px;text-align:center;}
.stepList > li > div:after{display:block;content:'';position:absolute;top:50%;right:-20px;margin-top:-17px;width:34px;height:34px;background:#fff url(/images/n21/sub/icon_stepList_ar.png) no-repeat center;border-radius:50%;z-index:1;box-shadow:1px 1px 4px #bdbdbd;}
.stepList > li:last-child > div:after{display:none;}
.stepList > li .state{display:block;margin:0 auto 12px;width:54px;height:54px;border-radius:50%;background:#685fd7;font-size:15px;font-weight:500;color:#fff;line-height:54px;}
.stepList > li.col1 .state{background:#7e7d8c;}
.stepList > li.col2 .state{background:#31a8a2;}
.stepList > li.col3 .state{background:#31a6d7;}
.stepList > li .head{display:block;margin-bottom:12px;font-size:21px;font-weight:500;color:#685fd7;}
.stepList > li.col1 .head{color:#7e7d8c;}
.stepList > li.col2 .head{color:#31a8a2;}
.stepList > li.col3 .head{color:#31a6d7;}
.stepList > li .desc{display:block;padding-top:14px;border-top:1px solid #e5e9f4;font-size:16px;line-height:140%;}
.listCon.dot > li{display:block;position:relative;padding:4px 0;padding-left:17px;font-size:16px;color:#555;line-height:140%;}
.listCon.dot > li:after{display:block;content:'';position:absolute;left:8px;top:13px;width:3px;height:3px;border-radius:50%;background:#3e35aa;}
.listCon.dot.blue > li{color:#3e35aa;}
.listCon.dot > li.type{margin-top:25px;}
.listCon.minus > li{display:block;position:relative;padding-left:10px;font-size:16px;line-height:150%;}
.listCon.minus > li:after{display:block;content:'-';position:absolute;left:0;top:0px;}
.grayConBox{padding:25px 40px;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;}
.checkList li{display:block;padding:4px 0;padding-left:22px;background:url(/images/n21/sub/icon_checkList_check.png) no-repeat left 10px;line-height:140%;font-size:16px;}
.checkList.blue li{background:url(/images/n21/sub/icon_checkList_check_blue.gif) no-repeat left 10px;}
.checkList.green li{background:url(/images/n21/sub/icon_checkList_check_green.gif) no-repeat left 10px;}
.checkList.yellow li{background:url(/images/n21/sub/icon_checkList_check_yellow.gif) no-repeat left 10px;}
ul + .listCon,
div + .listCon{margin-top:20px;}
.listCon .listCon{margin-top:5px;}
.listCon.numList{margin:10px 0;}
.listCon.numList > li{display:block;position:relative;padding:2px 0 2px 15px;font-size:15px;line-height:150%;}
.listCon.numList > li > .num{position:absolute;left:0;top:2px;}

/* 등록폼 */
.tableCon .reqTop{display:block;font-size:15px;color:#6c6c6c;text-align:right;}
.tableCon > .listCon + .reqTop{margin-top:-22px;}
.tableCon .req{display:inline-block;vertical-align:middle;margin-right:3px;font-size:15px;font-weight:500;color:#f54325;}
.tableCon .form{width:100%;border-top:2px solid #313131;font-size:16px;}
.tableCon .form tbody th{padding:20px;vertical-align:top;text-align:left;font-size:16px;font-weight:400;color:#313131;}
.tableCon .form td{padding:12px 20px;height:67px;border-left:1px solid #e3e3e3;box-sizing:border-box;}
.tableCon .form th,
.tableCon .form td{border-bottom:1px solid #e3e3e3;}
.tableCon .form th .req{margin-left:3px;}
.tableCon .form input,
.tableCon .form select,
.tableCon .form textarea{border:1px solid #c7c7c7;}
.tableCon .form input[type="radio"]{border:0px none;}
.tableCon .form label{font-size:15px;}
.inputSet{display:inline-block;vertical-align:middle;}
.tableCon .form .inputSet + .btn_s{margin-left:15px;}
.inputSet + .inputSet{margin-left:30px;}
.tableCon .tableExp{vertical-align:middle;color:#0a6f6a;font-size:14px;}
.tableCon input + .tableExp{margin-left:10px;}
.tableCon .form textarea{resize:none;}
.tableCon p.tableExp{margin-left:0;padding-top:10px;}
.tableCon .tableDesc{margin-bottom:10px;}
input[type="radio"]{position:relative;margin-right:5px;width:22px;height:22px;background:#fff;border-radius:50%;appearance:none;}
input[type="radio"]:after{display:block;content:'';position:absolute;left:0;top:0;width:22px;height:22px;border:1px solid #cdcdcd;border-radius:50%;box-sizing:border-box;}
input[type="radio"]:checked:before{display:block;content:'';position:absolute;left:6px;top:6px;width:10px;height:10px;background:#313131;border:0px none;border-radius:50%;}
input[type='checkbox']{width:22px;height:22px;border-radius:4px;appearance:none;border:1px solid #cdcdcd;background:#fff;}
input[type='checkbox']:checked{appearance:auto;}
input + label{font-size:16px;color:#555;}
.filebox{margin-bottom:3px;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox label {display: inline-block;width:82px;height:34px;color: #999;vertical-align: middle;border:1px solid #313131;cursor: pointer;border-radius: 4px;line-height:32px;box-sizing:border-box;color:#313131;text-align:center;}
.filebox label.file-focus{outline:2px solid #000;}
.filebox .upload-name {display: inline-block;width:50%;height: 34px;font-size:15px;background-color: #fff;border:0px none;line-height:34px;text-indent:5px;}
.filebox .btn_delFile{display:inline-block;margin-left:8px;}

/* 참여 */
.reportBox{margin-bottom:30px;padding:35px 60px;background:#f4f7fe url(/images/n21/sub/img_reportBox.png) no-repeat 92% center;border:1px solid #e5e9f4;border-radius:10px;}
.reportBox .title{display:block;margin-bottom:15px;font-size:28px;font-weight:500;line-height:110%;}
.reportBox p{font-size:16px;line-height:160%;}
.reportBox p b{font-weight:500;}
.numberList{margin-bottom:50px;}
.numberList li{display:block;position:relative;margin-bottom:25px;padding-left:45px;}
.numberList li .num{display:block;position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#31a8a2;text-align:center;line-height:32px;color:#fff;font-size:18px;font-weight:500;}
.numberList li > b{display:block;margin-bottom:5px;line-height:32px;font-size:18px;font-weight:500;}
.numberList li p{font-size:16px;line-height:150%;}
.hopeConTop{position:relative;margin-bottom:40px;height:180px;background:url(/images/n21/sub/bg_hopeConTop.gif) repeat-x center;border:1px solid #e5e9f4;border-bottom-left-radius:80px;box-sizing:border-box;}
.hopeConTop:before,
.hopeConTop:after{display:block;content:'';position:absolute;bottom:0;}
.hopeConTop:before{left:94px;width:223px;height:154px;background:url(/images/n21/sub/bg_hopeConTop_before.png) no-repeat;}
.hopeConTop:after{right:27px;width:292px;height:148px;background:url(/images/n21/sub/bg_hopeConTop_after.png) no-repeat;}
.hopeConTop p{padding-top:35px;line-height:150%;font-weight:700;font-size:26px;color:#555;text-align:center;}
.hopeConTop p b{display:block;margin-top:3px;font-size:36px;}
.hopeConTop p .txtSmall{display:inline-block;vertical-align:middle;position:relative;font-size:18px;font-weight:500;}
.hopeConTop p .txtSmall:after{display:block;content:'';position:absolute;bottom:10px;left:0;right:0;height:7px;background:rgba(45,168,162,.2);}

/* 이용안내 */
.loginExp{margin-left:40px;margin-bottom:18px;font-size:16px;line-height:160%;}
.loginBox{padding:55px 0;border:1px solid #e0e0e0;border-bottom-left-radius:80px;text-align:center;}
.loginInput{margin-bottom:25px;}
.loginInput span{display:inline-block;vertical-align:middle;margin-right:15px;}
.loginInput input{display:block;width:490px;}
.loginInput input + input{margin-top:8px;}
.loginInput .btnLogin{display:inline-block;vertical-align:middle;width:100px;height:92px;background:#3e35aa;border-radius:4px;color:#fff;text-align:center;line-height:92px;font-size:16px;}
.loginBox .goLink{display:inline-block;vertical-align:middle;padding-right:25px;background:url(/images/n21/sub/icon_loginBox_goLink.gif) no-repeat right center;font-size:16px;color:#0a6f6a;line-height:20px;}
.loginBox .goLink:hover{text-decoration:underline;}
.loginBox .goLink + .goLink{margin-left:20px;}
.loginBox .loginCertify{padding:0 40px;}
.loginBox .loginCertify ul:after{display:block;content:'';clear:both;}
.loginBox .loginCertify ul li{display:block;float:left;position:relative;padding-left:100px;width:35%;background-repeat:no-repeat;background-position:30px top;text-align:left;box-sizing:border-box;}
.loginBox .loginCertify ul.col2 li{padding-left:200px;width:50%;background-position:130px top;}
.loginBox .loginCertify ul.col2 li.snsLogin{padding-left:0;width:50%;}
.loginBox .loginCertify ul.col2 li.snsLogin a{margin:0 auto;}
.loginBox .loginCertify ul.col2 li.icon1 p + .btnPurple{margin-top:20px;}
.loginBox .loginCertify ul li:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid #e3e3e3;}
.loginBox .loginCertify ul li:last-child:after{display:none;}
.loginBox .loginCertify ul li.icon1{background-image:url(/images/n21/sub/icon_loginCertify1.gif);}
.loginBox .loginCertify ul li.icon2{background-image:url(/images/n21/sub/icon_loginCertify2.gif);}
.loginBox .loginCertify ul li p{font-size:15px;color:#555;line-height:145%;}
.loginBox .loginCertify ul li p + .goLink{margin:8px 0 20px;}
.loginBox .loginCertify ul li p + .btnPurple{margin-top:27px;}
.loginBox .loginCertify ul li.icon1 p + .btnPurple{margin-top:48px;}
.loginBox .loginCertify ul li .btnPurple{display:block;width:220px;height:58px;background:#3e35aa;border-radius:4px;text-align:center;color:#fff;line-height:58px;font-size:16px;}
.loginBox .loginCertify ul li.snsLogin{padding-left:43px;width:30%;}
.loginBox .loginCertify ul li.snsLogin a{display:block;width:270px;height:60px;border-radius:4px;text-align:center;line-height:60px;font-size:16px;}
.loginBox .loginCertify ul li.snsLogin a.kakao{background:#fee101;}
.loginBox .loginCertify ul li.snsLogin p + a{margin-top:15px;}
.loginBox .loginCertify ul li.snsLogin p + a + a.naver{margin-top:10px;}
.loginBox .loginCertify ul li input[type="text"]{display:block;margin-bottom:22px;width:220px;}
.loginBox .loginCertify ul li.icon1 input[type="text"]{margin-top:23px;}
.loginBox .loginCertify ul li.icon2 input[type="text"]{margin-top:50px;}
.loginBox .loginCertify ul li.snsLogin input[type="text"]{margin-top:10px;}
.loginBox .loginCertify ul li.snsLogin a.naver{margin-top:20px;background:#2db400;color:#fff;}
.loginBox .loginCertify ul li.snsLogin a img{display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-5px;}
.loginBox + .listCon{margin-left:40px;margin-top:35px;}
.loginBox + h5,
.listCon + h5{margin-top:60px;}
.joinStep{margin-bottom:40px;text-align:center;}
.joinStep li{display:inline-block;vertical-align:middle;position:relative;padding:0 6px;}
.joinStep li:after{display:block;content:'';position:absolute;left:-10px;top:20px;width:16px;border-bottom:1px solid #bebec5;z-index:0;}
.joinStep li:first-child:after{display:none;}
.joinStep li em{display:inline-block;vertical-align:middle;width:42px;height:42px;border-radius:50%;border:2px solid #81808f;text-align:center;line-height:38px;color:#7e7d8c;font-size:18px;font-weight:500;box-sizing:border-box;}
.joinStep li.active .num{background:#3e35aa;border-color:#3e35aa;color:#fff;}
.joinStep li .txt{display:none;vertical-align:middle;padding:0 8px;line-height:42px;color:#3e35aa;font-size:22px;font-weight:500;}
.joinStep li.active .txt{display:inline-block;}
.joinType{margin-top:50px;text-align:center;}
.joinType > div{display:inline-block;margin:0 20px;padding:45px 0 55px;width:480px;border:1px solid #e0e0e0;border-bottom-left-radius:80px;box-sizing:border-box;}
.joinType > div img{display:block;margin:0 auto 15px;}
.joinType > div span{display:block;margin-bottom:45px;font-size:26px;}
.joinType > div span b{font-weight:700;}
.joinType .btnPurple{display:block;margin:0 auto;width:150px;height:50px;background:#3e35aa;border-radius:4px;text-align:center;color:#fff;line-height:50px;font-size:16px;}
.agreeBox{margin-bottom:20px;padding:35px;border:1px solid #e0e0e0;box-sizing:border-box;}
.agreeBox textarea{display:block;width:100%;height:215px;resize:none;border:0px none;font-size:15px;color:#555;line-height:160%;}
.agreeBox + input{margin-left:38px;}
.joinEnd{padding:65px 0;border:1px solid #e0e0e0;border-bottom-left-radius:80px;text-align:center;}
.joinEnd p{padding:25px 0 40px;font-size:16px;color:#555;line-height:160%;}
.joinEnd .txtBig{display:block;margin-bottom:10px;font-size:26px;line-height:160%;font-weight:400;}

/* 정보공간 */
.politiName{margin:10px 0 40px;}
.politiName ul:after{display:block;content:'';clear:both;}
.politiName ul li{display:block;float:left;width:16.6666%;}
.politiName ul li a{display:block;margin:-1px;height:46px;background:#f6f6f6;border:1px solid #e3e3e3;line-height:46px;text-align:center;font-size:16px;}
.politiName ul li.active a{background:#31a8a2;border:1px solid #31a8a2;color:#fff;font-weight:500;}

/* 위원회소개 */
.missionCon{margin-bottom:60px;}
.missionCon .topVision{margin:0 auto;padding-top:75px;width:450px;height:348px;background:url(/images/n21/sub/bg_topVision.gif) no-repeat 17px center;box-sizing:border-box;text-align:center;font-size:24px;line-height:140%;letter-spacing:-1px;}
.missionCon .topVision .topTitle{display:block;margin-bottom:18px;font-size:30px;font-weight:900;}
.missionCon .topVision b{font-weight:900;}
.missionCon .topVision .txtGreen{color:#685fd7;}
.missionCon .purposeCon{padding-top:73px;background:url(/images/n21/sub/bg_purposeCon.gif) no-repeat center top;}
.missionCon .purposeCon .topTitle{display:block;position:relative;margin:0 auto 48px;width:292px;height:53px;border:4px solid #7e7d8c;border-radius:26.5px;background:#fff;box-sizing:border-box;font-size:26px;text-align:center;font-weight:900;line-height:45px;}
.missionCon .purposeCon .topTitle:after{display:block;content:'';position:absolute;left:-14px;right:-14px;bottom:-14px;top:-14px;border-radius:35px;border-bottom:1px solid #b5b7c1;}
.missionCon .purposeCon > ul{text-align:center;}
.missionCon .purposeCon > ul > li{display:inline-block;vertical-align:middle;padding:0 50px;}
.missionCon .purposeCon > ul li .head{display:table;position:relative;margin-bottom:85px;width:263px;height:200px;border-radius:40px;}
.missionCon .purposeCon > ul li .head:before{display:block;content:'';position:absolute;left:50%;bottom:-19px;margin-left:-14.5px;width:29px;height:9px;background:#fff;}
.missionCon .purposeCon > ul li .head:after{display:block;content:'';position:absolute;bottom:-15px;left:-15px;right:-15px;top:15px;border-bottom:1px solid #685fd7;border-left:1px solid #fff;border-right:1px solid #fff;border-radius:55px;z-index:-1;}
.missionCon .purposeCon > ul li.item2 .head:after{border-bottom:1px solid #31a6d7;}
.missionCon .purposeCon > ul li.item3 .head:after{border-bottom:1px solid #d7a947;}
.missionCon .purposeCon > ul li.item1 .head{background:#685fd7;}
.missionCon .purposeCon > ul li.item2 .head{background:#31a6d7;}
.missionCon .purposeCon > ul li.item3 .head{background:#d7a947;}
.missionCon .purposeCon > ul li .head b{display:table-cell;vertical-align:middle;font-size:22px;font-weight:900;line-height:145%;color:#fff;}
.missionCon .purposeCon > ul ul{position:relative;}
.missionCon .purposeCon > ul ul:before{display:block;content:'';position:absolute;top:-75px;left:126px;width:9px;height:9px;background:#7e7d8c;border-radius:50%;}
.missionCon .purposeCon > ul ul:after{display:block;content:'';position:absolute;top:-66px;left:130px;height:52px;border-right:1px solid #7e7d8c;}
.missionCon .purposeCon > ul ul li{text-align:left;font-size:18px;}
.statusCon{padding-top:10px;}
.statusCon ul li{display:block;position:relative;padding:10px 0 10px 250px;min-height:180px;box-sizing:border-box;}
.statusCon ul li + li{margin-top:20px;}
.statusCon .head{display:table;position:absolute;left:0;top:0;width:180px;height:180px;}
.statusCon .head:before{display:block;content:'';position:absolute;right:-16px;top:50%;margin-top:-15px;width:9px;height:30px;background:#fff;}
.statusCon .head:after{display:block;content:'';position:absolute;right:-12px;top:-12px;bottom:-12px;left:-12px;border-right:1px solid #31a6d7;border-radius:45px;border-top:1px solid #fff;border-bottom:1px solid #fff;z-index:-1;}
.statusCon .item2 .head:after{border-right:1px solid #d7a947;}
.statusCon .head b{display:table-cell;vertical-align:middle;border-radius:40px;font-size:22px;font-weight:900;line-height:145%;color:#fff;text-align:center;}
.statusCon .item1 .head b{background:#31a6d7;}
.statusCon .item2 .head b{background:#d7a947;}
.statusCon .desc{position:relative;display:table;padding:0 40px;width:100%;height:160px;background:#f4f7fe;border-radius:10px;border:1px solid #e5e9f4;box-sizing: border-box;}
.statusCon .desc:before{display:block;content:'';position:absolute;left:-64px;top:50%;margin-top:-4.5px;width:9px;height:9px;border-radius:50%;background:#7e7d8c;}
.statusCon .desc:after{display:block;content:'';position:absolute;left:-55px;top:50%;width:54px;border-top:1px solid #7e7d8c;}
.statusCon .desc p{display:table-cell;vertical-align:middle;font-size:17px;line-height:160%;}
.historyList{position:relative;}
.historyList:after{display:block;content:'';position:absolute;left:50%;top:0;bottom:20px;margin-left:-px;border-right:1px solid #e3e3e3;z-index:-1;}
.historyList ul:after{display:block;content:'';clear:both;}
.historyList ul li{display:block;position:relative;clear:both;margin-bottom:20px;padding-top:5px;width:50%;min-height:180px;box-sizing:border-box;}
.historyList ul li:before{display:block;content:'';position:absolute;top:86px;width:9px;height:9px;border-radius:50%;background:#7e7d8c;z-index:1;}
.historyList ul li:nth-child(2n-1):before{left:94px;}
.historyList ul li:nth-child(2n):before{right:94px;}
.historyList ul li:after{display:block;content:'';position:absolute;width:32px;top:90px;border-bottom:1px solid #7e7d8c;}
.historyList ul li:nth-child(2n-1):after{left:103px;}
.historyList ul li:nth-child(2n):after{right:103px;}
.historyList ul li:nth-child(2n-1){float:right;padding-left:158px;}
.historyList ul li:nth-child(2n){float:left;padding-right:158px;}
.historyList ul li .year{display:block;position:absolute;top:0;width:180px;height:180px;border-radius:50%;text-align:center;line-height:180px;color:#fff;font-size:24px;font-weight:900;}
.historyList ul li:nth-child(2n-1) .year{left:-90px;background:#31a6d7;}
.historyList ul li:nth-child(2n) .year{right:-90px;background:#d7a947;}
.historyList ul li .year:before{display:block;content:'';position:absolute;top:50%;margin-top:-15px;width:9px;height:30px;background:#fff;}
.historyList ul li:nth-child(2n-1) .year:before{right:-14px;}
.historyList ul li:nth-child(2n) .year:before{left:-14px;}
.historyList ul li .year:after{display:block;content:'';position:absolute;right:-10px;top:-10px;bottom:-10px;left:-10px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-radius:100px;box-sizing:border-box;z-index:-1;}
.historyList ul li:nth-child(2n-1) .year:after{border-right:1px solid #31a6d7;}
.historyList ul li:nth-child(2n) .year:after{border-left:1px solid #d7a947;}
.historyList ul li .subject{display:block;margin-bottom:15px;font-size:20px;font-weight:500;line-height:140%;}
.historyList ul li .desc{position:relative;font-size:15px;line-height:155%;}
.processList{margin:20px -4px 0;}
.processList::after{display:block;content:'';clear:both;}
.processList li{display:block;float:left;position:relative;padding:0 4px;box-sizing:border-box;}
.processList.col4 li{width:25%;}
.processList.col6 li{width:16.6666%;}
.processList li:after{display:block;content:'';position:absolute;right:-15px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:50%;background:#fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;z-index:1;box-shadow:1px 1px 4px #adadad;}
.processList li:last-child:after{display:none;}
.processList li div{display:table;width:100%;height:95px;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;box-sizing:border-box;}
.processList li b{display:table-cell;vertical-align:middle;text-align:center;font-size:17px;line-height:130%;}
.processList li.active div{background:#31a6d7;color:#fff;}
.processList li .txtSmall{font-size:15px;}
.checkBoxList{margin:30px -5px 0;}
.checkBoxList:after{display:block;content:'';clear:both;}
.checkBoxList > li{display:block;float:left;padding:0 5px;width:33.3333%;box-sizing:border-box;}
.checkBoxList > li > div{display:table;padding:0 35px;width:100%;height:115px;border:1px solid #ececec;background:#f6f6f6;border-radius:10px;box-sizing:border-box;}
.checkBoxList .checkList{display:table-cell;vertical-align:middle;}
.checkBoxList .checkList li{font-size:17px;letter-spacing:-1px;}
.greetingCon{position:relative;padding-bottom:50px;}
.greetingCon .img{position:absolute;display:block;right:0;top:0;}
.greetingCon .img span{display:block;position:absolute;right:30px;bottom:-50px;width:460px;height:76px;background:url(/images/n21/sub/bg_greetingCon_name.gif) no-repeat right top;border-bottom-left-radius:53px;font-size:19px;color:#fff;text-align:center;line-height:76px;z-index:2;box-shadow:1px 2px 7px #9e9e9e;}
.greetingCon .txtBig{display:block;margin-bottom:35px;line-height:130%;font-size:36px;}
.greetingCon .txtGreen{color:#d19a26;}
.greetingCon p{margin-right:610px;margin-bottom:28px;font-size:18px;line-height:150%;}
.ceoHistory:after{display:block;content:'';clear:both;}
.ceoHistory .leftArea{float:left;margin-right:10%;width:32%;text-align:center;}
.ceoHistory .leftArea > .img{display:block;margin:0 auto;padding:20px 0;width:180px;border:1px solid #dbdbdb;box-sizing:border-box;text-align:center;}
.ceoHistory .leftArea p{margin:20px 0 30px;font-size:16px;}
.ceoHistory .leftArea p b{display:block;margin-top:8px;font-size:22px;color:#3e35aa;font-weight:900;}
.ceoHistory .rightArea{float:right;width:58%;}
.ceoHistory .personList > ul > li{float:none;padding:0;width:auto;}
.ceoHistory.type2 .leftArea{margin-right:7%;width:43%;text-align:left;}
.ceoHistory.type2 .rightArea{width:50%;}
.historyList2{position:relative;margin-top:30px;}
.historyList2:after{display:block;content:'';position:absolute;top:0;bottom:0;left:11px;border-left:1px solid #e3e3e3;z-index:-1;}
.historyList2 li{display:block;position:relative;margin-bottom:30px;padding-left:40px;font-size:17px;line-height:24px;}
.historyList2 li:before,
.historyList2 li:after{display:block;content:'';position:absolute;border-radius:50%;}
.historyList2 li:before{left:0;top:0;width:24px;height:24px;background:#fff;border:1px solid #31a6d7;box-sizing:border-box;}
.historyList2 li:after{top:8px;left:8px;width:8px;height:8px;background:#31a6d7;}
.historyList2 li .year{display:inline-block;vertical-align:top;margin-right:12px;color:#31a6d7;font-size:22px;}
.personList > ul{margin:0 -10px;}
.personList > ul:after{display:block;content:'';clear:both;}
.personList > ul > li{display:block;float:left;padding:10px;width:50%;box-sizing:border-box;}
.personList > ul > li > a{display:block;position:relative;padding:25px 40px 25px 210px;height:202px;background:#f6f6f6;border:1px solid #ececec;border-radius:8px;box-sizing:border-box;}
.personList > ul > li .img{display:block;position:absolute;left:40px;top:25px;width:130px;height:155px;background:#fff;text-align:center;line-height:155px;}
.personList > ul > li .img img{display:inline-block;vertical-align:middle;}
.personList > ul > li .title{display:block;margin:15px 0;font-size:22px;font-weight:900;}
.personList .listCon > li{font-size:16px;}
.personList .listCon > li:after{top:13px;}
.personList.promotion li a{padding-left:185px;}
.personList.promotion li .img{padding:8px;width:110px;height:160px;box-sizing:border-box;line-height:140px;}
.markItem{padding-left:30px;background:url(/images/n21/sub/icon_markItem.png) no-repeat left top;font-size:15px;line-height:22px;}
span.markItem{display:inline-block;}
.bbsSearch .markItem{margin-right:25px;}
.organDiagram{margin-top:30px;padding-bottom:80px;background:url(/images/n21/sub/bg_organDiagram.png) no-repeat 55% 30px;text-align:center;}
.organDiagram li{display:inline-block;vertical-align:bottom;margin:0 8px;}
.organDiagram li.item1{width:250px;}
.organDiagram li.item2,
.organDiagram li.item3{width:210px;}
.organDiagram li.item4{margin-left:55px;width:190px;}
.organDiagram li a{display:block;}
.organDiagram li .head{display:block;position:relative;margin-bottom:95px;height:85px;border-radius:18px;text-align:center;line-height:85px;color:#fff;font-size:18px;font-weight:500;}
.organDiagram li.item1 .head{background:#685fd7;}
.organDiagram li.item2 .head{background:#31a6d7;}
.organDiagram li.item3 .head{background:#d7a947;}
.organDiagram li.item4 .head{margin-bottom:8px;height:54px;border:1px solid #7e7d8c;background:#fff;line-height:54px;color:#555;font-size:17px;}
.organDiagram li .desc{display:block;position:relative;font-size:17px;text-align:center;line-height:150%;}
.organDiagram li .desc:before{display:block;content:'';position:absolute;top:-75px;left:50%;margin-left:-6px;width:12px;height:67px;background:url(/images/n21/sub/icon_organDiagram_ar.png) no-repeat center bottom;}
.organDiagram li.item1 .desc{padding:15px 0 10px;}
.organDiagram li.item4 .desc{margin-top:50px;}
.organDiagram li.item4 .desc:before{top:-40px;height:30px;}
.organDiagram li .desc:after{display:block;content:'';position:absolute;bottom:-50px;left:50%;margin-left:-17.5px;width:35px;height:35px;background:url(/images/n21/sub/icon_organDiagram_more.png) no-repeat;border-radius:50%;box-shadow: 1px 1px 5px #c3c3c3;}
.imgWrap{padding:20px;text-align:center;}
.h5Content + .grayConBox,
.listCon + .grayConBox{margin-top:35px;}
.grayConBox + .markItem{margin-top:10px;}
.memberOrgan{padding:30px 0;}
.memberOrgan .topItem{display:table;position:relative;margin:0 auto 60px;width:190px;height:110px;background:#00a8d9;border-radius:18px;font-size:18px;font-weight:500;text-align:center;}
.memberOrgan .topItem:after{display:block;content:'';position:absolute;left:50%;bottom:-30px;height:30px;border-right:1px solid #7e7d8c;}
.memberOrgan .topItem a{display:table-cell;vertical-align:middle;line-height:145%;color:#fff;}
.memberOrgan .topItem b{display:block;font-size:24px;}
.memberOrgan ul{position:relative;text-align:center;}
.memberOrgan ul::before{display:block;content:'';position:absolute;left:97px;right:96px;top:-30px;border-bottom:1px solid #7e7d8c;}
.memberOrgan ul li{display:inline-block;vertical-align:middle;position:relative;margin:0 5px;width:130px;background:#fff;border:1px solid #7e7d8c;border-radius:18px;box-sizing:border-box;}
.memberOrgan ul li::before{display:block;content:'';position:absolute;top:-30px;left:50%;height:30px;border-right:1px solid #7e7d8c;}
.memberOrgan ul li span{display:table;width:100%;height:90px;}
.memberOrgan ul li span a{display:table-cell;vertical-align:middle;font-size:16px;font-weight:500;text-align:center;line-height:150%;}
.memberOrgan ul li span a strong{display:block;font-size:20px;font-weight:500;}
.mainOrganList{padding:30px 0;}
.mainOrganList .organDept{position:relative;margin-bottom:40px;background:url(/images/n21/sub/bg_mainOrganList.png) no-repeat 86px 112px;text-align:center;}
.mainOrganList .organDept::after{display:block;content:'';clear:both;}
.mainOrganList .organDept > li{border-radius:18px;}
.mainOrganList .organDept > li a{text-align:center;}
.mainOrganList .organDept .dept1 > a{display:block;margin:0 auto 20px;width:230px;height:112px;background:#685fd7;border-radius:18px;line-height:112px;color:#fff;font-size:20px;font-weight:500;}
.mainOrganList .organDept .dept2{display:inline-block;vertical-align:middle;margin:0 30px 35px;}
.mainOrganList .organDept .dept2 a{display:block;width:140px;height:54px;background:#535353;border-radius:18px;line-height:54px;color:#fff;font-size:17px;font-weight:500;}
.mainOrganList .organDept .dept2_3 > a{display:block;margin:0 auto 20px;width:230px;height:62px;background:#31a6d7;border-radius:18px;line-height:62px;font-size:20px;font-weight:500;color:#fff;}
.mainOrganList .organDept .dept3_1.deptBoxItem{display:block;position:relative;left:50%;margin-bottom:93px;margin-left:105px;}
.mainOrganList .organDept .dept3_1.deptBoxItem > ul{min-height:auto;}
.mainOrganList .organDept .deptBoxItem{display:inline-block;vertical-align:middle;width:160px;}
.mainOrganList .organDept .deptBoxItem > a{display:block;height:54px;background:#ebeaf0;border:1px solid #7e7d8c;border-top-left-radius:18px;border-top-right-radius:18px;line-height:54px;font-size:17px;font-weight:500;box-sizing:border-box;}
.mainOrganList .organDept .deptBoxItem > ul{padding:15px;min-height:130px;background:#fff;border:1px solid #d1d0d7;border-top:0px none;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-sizing:border-box;}
.mainOrganList .organDept .deptBoxItem > ul li a{display:block;position:relative;padding:3px 0 3px 10px;font-size:16px;color:#555;text-align:left;line-height:120%;}
.mainOrganList .organDept .deptBoxItem > ul li a::after{display:block;content:'-';position:absolute;left:0;top:4px;width:6px;}
.mainOrganList .organDept .dept3_2,
.mainOrganList .organDept .dept3_3{display:block;position:absolute;left:50%;margin-left:-285px;padding:0 15px;width:160px;height:54px;background:#fff;border:1px solid #d1d0d7;border-radius:18px;box-sizing:border-box;}
.mainOrganList .organDept .dept3_2{margin-top:-174px;}
.mainOrganList .organDept .dept3_3{margin-top:-113px;}
.mainOrganList .organDept .dept3_2 a,
.mainOrganList .organDept .dept3_3 a{display:block;position:relative;padding-left:10px;line-height:54px;font-size:16px;color:#555;text-align:left;}
.mainOrganList .organDept .dept3_2 a::after,
.mainOrganList .organDept .dept3_3 a::after{display:block;content:'-';position:absolute;left:0;top:1px;width:6px;}
.mainOrganList .organDept .dept3_4,
.mainOrganList .organDept .dept3_5{float:left;margin-right:15px;}
.mainOrganList .organDept .dept3_4 > a,
.mainOrganList .organDept .dept3_5 > a{display:block;margin-bottom:38px;width:160px;height:58px;border-radius:18px;background:#7e7d8c;color:#fff;line-height:58px;font-size:17px;font-weight:500;}
.mainOrganList .organDept .dept3_4 > a{margin-left:168px;}
.mainOrganList .organDept .dept3_5 > a{margin-left:162px;}
.mainOrganList .organDept .dept3_4 .deptBoxItem,
.mainOrganList .organDept .dept3_5 .deptBoxItem{margin:0 2px;}
.mainOrganList .organDept .dept3_6{float:left;margin-top:97px;}
.mainOrganList .organType{text-align:center;}
.mainOrganList .organType > li{display:inline-block;vertical-align:middle;margin:0 3px;width:260px;}
.mainOrganList .organType > li > a{display:block;background:#d7a947;border-top-left-radius:18px;border-top-right-radius:18px;line-height:54px;color:#fff;text-align:center;font-size:17px;font-weight:500;}
.mainOrganList .organType > li ul{padding:15px;background:#fff;border:1px solid #d1d0d7;border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top:0px none;}
.mainOrganList .organType > li ul li a{display:block;position:relative;padding:3px 0 3px 10px;font-size:16px;color:#555;text-align:left;line-height:120%;}
.mainOrganList .organType > li ul li a::after{display:block;content:'-';position:absolute;left:0;top:4px;width:6px;}
.managerBox{margin-bottom:20px;padding:25px 0;background:#f4f7fe;border:1px solid #e5e9f4;text-align:center;font-size:20px;}
.managerBox p{line-height:50px;}
.managerBox .icon{display:inline-block;padding-left:60px;background:url(/images/n21/sub/icon_managerBox.png) no-repeat left top;font-size:24px;}
.managerBox .icon em{color:#31a6d7;}
.symbolWrap:after{display:block;content:'';clear:both;}
.symbolWrap .symbolDown{float:left;width:40%;text-align:center;}
.symbolWrap .symbolDown img{display:block;margin-bottom:30px;}
.symbolWrap .expArea{float:right;width:58%;}
.symbolWrap .expArea > h5{margin-top:0;}
.symbolWrap .expArea .h5Content{margin-bottom:35px;}
.colorList:after{display:block;content:'';clear:both;}
.colorList li{display:block;float:left;position:relative;margin-bottom:10px;padding:7px 0;padding-left:85px;width:50%;box-sizing:border-box;}
.colorList li .colorItem{display:block;position:absolute;left:0;top:0;}
.colorUseList{margin:0 -13px;}
.colorUseList:after{display:block;content:'';clear:both;}
.colorUseList li{display:block;float:left;margin-bottom:25px;padding:0 13px;width:25%;box-sizing:border-box;text-align:center;font-size:16px;}
.colorUseList li .img{display:block;margin-bottom:14px;}
.colorUseList.type2 li{width:33.3333%;}
.promoPerson{position:relative;padding:78px 78px 0 485px;height:654px;background:url(/images/n21/sub/bg_promoPerson.jpg) no-repeat center top;box-sizing:border-box;}
.promoPerson .bigImg{position:absolute;top:78px;left:100px;padding:15px;width:346px;height:486px;background:#fff;box-sizing:border-box;}
.promoPerson .bigImg img{width:100%;height:100%;}
.promoPerson .infoList{margin-bottom:140px;padding-top:25px;}
.promoPerson .infoList li{display:block;padding-left:15px;border-bottom:1px dashed #b1b3b7;line-height:47px;font-size:22px;}
.promoPerson .infoList li b{font-weight:900;}
.promoPersonList:after{display:block;content:'';clear:both;}
.promoPersonList li{display:block;float:left;padding:0 5px;width:16.6666%;box-sizing:border-box;}
.promoPersonList li a{display:block;position:relative;border:1px solid #e3e3e3;box-sizing:border-box;}
.promoPersonList li.active a:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:2px solid #564cd4;}
.divisionWork{text-align:center;}
.divisionWork li span{display:block;position:relative;border-radius:18px;text-align:center;font-weight:500;box-sizing:border-box;}
.divisionWork > li > span{margin:0 auto 20px;width:230px;height:64px;background:#31a6d7;font-size:20px;color:#fff;line-height:64px;}
.divisionWork > li > span:after{display:block;content:"";position:absolute;bottom:-50px;left:50%;height:50px;border-right:1px solid #7e7d8c;z-index:-1;}
.divisionWork .dep2{position:relative;}
.divisionWork .dep2:after{display:block;content:'';position:absolute;left:50%;margin-left:-55px;width:110px;top:50%;border-top:1px solid #7e7d8c;z-index:-1;}
.divisionWork .dep2 > li{display:inline-block;vertical-align:middle;margin:0 50px;}
.divisionWork .dep2 > li > span{width:270px;height:54px;background:#fff;border:1px solid #7e7d8c;line-height:54px;font-size:17px;}
.divisionWork .dep3{position:relative;margin-top:56px;}
.divisionWork .dep3:after{display:block;content:'';position:absolute;top:-85px;left:50%;height:65px;border-right:1px solid #7e7d8c;z-index:-1;}
.divisionWork .dep3 > li{display:inline-block;vertical-align:middle;position:relative;margin:0 4px;}
.divisionWork .dep3 > li::before{display:block;content:'';position:absolute;top:-20px;left:-6px;right:-6px;border-top:1px solid #7e7d8c;}
.divisionWork .dep3 > li:first-child::before{left:50%;}
.divisionWork .dep3 > li:last-child::before{right:50%;}
.divisionWork .dep3 > li > span{width:190px;height:54px;background:#ebeaf0;border:1px solid #7e7d8c;font-size:17px;line-height:54px;}
.divisionWork .dep3 > li > span:after{display:block;content:'';position:absolute;top:-20px;left:50%;height:20px;border-right:1px solid #7e7d8c;}
.voteInfoCon{background:url(/images/n21/sub/img_voteInfoCon.jpg) no-repeat right top;}

/* 미래유권자 */
.boxInfoItem > ul{margin:0 -8px;}
.boxInfoItem > ul:after{display:block;content:'';clear:both;}
.boxInfoItem > ul > li{display:block;float:left;padding:0 8px;width:33.3333%;box-sizing:border-box;}
.boxInfoItem > ul > li > div{padding:8px;background:#f4f7fe;border:1px solid #e5e9f4;border-radius:20px;;}
.boxInfoItem > ul > li .title{display:block;line-height:50px;text-align:center;font-size:20px;}
.boxInfoItem > ul > li > div > ul > li{margin-bottom:10px;padding:0 15px;background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-sizing:border-box;}
.boxInfoItem > ul > li > div > ul > li:last-child{margin-bottom:0;}
.boxInfoItem > ul > li > div > ul > li > b{display:block;border-bottom:1px solid #eee;line-height:42px;font-size:18px;text-align:center;color:#31a6d7;}
.boxInfoItem .listCon{padding:15px 0;}
.stepList2{display:table;width:100%;border-spacing:8px;}
.stepList2::after{display:block;content:'';clear:both;}
.stepList2 > li{display:table-cell;position:relative;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;width:25%;box-sizing:border-box;}
.stepList2 > li > div{padding:12px 25px;}
.stepList2 > li .head{display:block;margin-bottom:15px;border-bottom:1px solid #e6e6e6;line-height:40px;text-align:center;font-size:18px;color:#31a8a2;}
.stepList2 > li:after{display:block;content:'';position:absolute;right:-15px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:50%;background:#fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;z-index:1;box-shadow:1px 1px 4px #adadad;}
.stepList2 > li:last-child:after{display:none;}
.rowStepList > li{display:block;position:relative;margin-bottom:8px;padding-left:210px;}
.rowStepList > li .head{display:table;position:absolute;left:0;top:0;width:170px;height:140px;background:#31a6d7;border-radius:10px;line-height:140px;}
.rowStepList > li .head::after{display:block;content:'';position:absolute;left:50%;bottom:-20px;margin-left:-15px;width:30px;height:30px;border-radius:50%;background:#fff url(/images/n21/sub/icon_processList_ar2.png) no-repeat center;z-index:1;box-shadow:1px 1px 4px #adadad;}
.rowStepList > li:last-child .head::after{display:none;}
.rowStepList > li .head b{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:140%;color:#fff;}
.rowStepList > li .desc{display:table;position:relative;width:100%;height:140px;background:#f6f6f6;border-radius:10px;border:1px solid #ececec;line-height:140px;}
.rowStepList > li .desc:before{display:block;content:'';position:absolute;top:67px;left:-46px;width:9px;height:9px;border-radius:50%;background:#7e7d8c;}
.rowStepList > li .desc:after{display:block;content:'';position:absolute;top:71px;left:-37px;width:37px;border-top:1px solid #7e7d8c;}
.rowStepList > li .desc p{display:table-cell;vertical-align:middle;padding:0 35px;line-height:140%;font-size:16px;}

/* 이용안내 */
.sitemap .siteDepth1{position:relative;height:1800px;}
.sitemap .siteDepth1:after{display:block;content:'';clear:both;}
.sitemap .siteDepth1 > li{float:left;padding:10px 38px;width:25%;border-right:1px solid #e0e0e0;box-sizing:border-box;}
.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2){height:800px;}
.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4){height:100%;}
.sitemap .siteDepth1 > li:nth-child(5){position:absolute;top:850px;left:0;}
.sitemap .siteDepth1 > li:nth-child(6){position:absolute;top:850px;left:25%;height:920px;}
.sitemap .siteDepth1 > li > .title{display:block;margin:2px 0 30px;font-size:28px;font-weight:800;color:#31a8a2;}
.sitemap .siteDepth1 > li > .title span{position:relative;top:-8px;left:8px;font-size:17px;font-weight:500;}
.sitemap .siteDepth2 > li{margin-bottom:25px;}
.sitemap .siteDepth2 > li > a{display:block;margin-bottom:15px;font-size:18px;font-weight:600;color:#1e1e1e;}
.sitemap .siteDepth3 > li{padding:5px 0;}
.sitemap .siteDepth3 > li a{display:inline-block;position:relative;padding-left:11px;font-size:15px;color:#6c6c6c;}
.sitemap .siteDepth3 > li a.siteNew{padding-right:22px;background:url(/images/n21/sub/icon_siteNew.gif) no-repeat right 2px;}
.sitemap .siteDepth3 > li a:after{display:block;content:'';position:absolute;top:7px;left:0px;width:3px;height:3px;background:#3e35aa;}
.referenceBox.type2{margin-top:30px;}
.referenceBox > ul{margin:0 -8px;}
.referenceBox > ul:after{display:block;content:'';clear:both;}
.referenceBox > ul > li{float:left;margin-bottom:80px;padding:0 8px;width:33.3333%;box-sizing:border-box;}
.referenceBox > ul > li.lastLine{ margin-bottom:0; }
.referenceBox > ul > li > div{position:relative;padding:100px 15px 0;height:292px;text-align:center;background:#f6f6f6;border:1px solid #ececec;border-radius:5px;box-sizing:border-box;}
.referenceBox > ul > li > div img{position:absolute;top:-29px;left:50%;margin-left:-50px;}
.referenceBox > ul > li > div .title{display:block;margin-bottom:15px;font-size:23px;font-weight:600;color:#1e1e1e;}
.referenceBox > ul > li > div p{margin-bottom:30px;line-height:150%;font-size:16px;color:#1e1e1e;}
.bannerZone{padding-bottom:50px;}
.bannerZone ul{margin:0 -7px;}
.bannerZone ul:after{display:block;content:'';clear:both;}
.bannerZone ul li{float:left;margin-bottom:15px;padding:0 7px;width:25%;box-sizing:border-box;}
.bannerZone ul li.lastLine{ margin-bottom:0; }

/* 마이페이지 */
.mypageMain ul:after{display:block;content:'';clear:both;}
.mypageMain ul li{display:block;float:left;margin-bottom:40px;padding:0 4px;width:25%;box-sizing:border-box;}
.mypageMain ul li div{padding:25px 0 30px;height:315px;background:#f6f6f6;border:1px solid #e3e3e3;border-radius:6px;box-sizing:border-box;}
.mypageMain ul li .icon{display:block;margin-bottom:20px;text-align:center;}
.mypageMain ul li .title{display:block;margin-bottom:25px;font-size:24px;text-align:center;font-weight:900;}
.mypageMain ul li a{display:block;margin:0 auto 5px;width:190px;height:42px;background:#535353;border-radius:4px;line-height:42px;color:#fff;font-size:16px;text-align:center;}
.mypageMain ul li.last div{background:#f3faf7;}
.mypageMain ul li p{font-size:16px;line-height:145%;text-align:center;}

.mapArea{text-align:center;}
.mapArea p{margin-top:10px;}
.mapArea p .markItem{margin-right:8px;}
.listYearType{margin-bottom:-25px;}
.listYearType span{display:inline-block;vertical-align:middle;margin:0 8px;font-size:17px;color:#564cd4;font-weight:500;}
.listYearType a{display:inline-block;vertical-align:middle;width:25px;height:25px;background:#eee;border-radius:50%;text-align:center;}