@charset "euc-kr";
/* CSS Document */

body {font-family: 'nanumsquarer'; font-size: 16px; font-weight: 400; margin: 0; padding: 0;}
.wrap {width: 100%; overflow: hidden;}

.header {width: 100%; height: 96px !important; padding: 0 !important; background-image: none !important;}
.menu_w {width: 100%; height: 95px; border-bottom: 1px solid #dddddd; background: #fff; position: relative;}
.menu {width: 1240px; height: 100%; margin: 0 auto; position: relative;}
.menu h1 {width: 170px; height: 155px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 10;}
.menu h1 a {width: 100%; height: 100%; display: block; background: url('/images/logo.png') no-repeat; text-indent: -1000px;}
.menu .txt_mn {margin: 0 0 0 270px; padding: 0; height: 100%; float: left;}
.menu .txt_mn li {padding: 20px 40px 10px 40px; height: 100%; box-sizing: border-box; display: inline-block;}
.menu .txt_mn li a {padding: 23px 0 17px 0; border-bottom: 6px solid #fff; font-size: 19px; font-family: 'nanumsquareb'; text-decoration: none; color: #333; display: block;}
.menu .txt_mn li a:hover, .menu .txt_mn li a.on {color: #0050a5; border-bottom: 6px solid #0050a5;}
.menu li {list-style: none;}
.menu .icon_mn {margin: 26px 0 23px 0; padding: 0; float: right; height: 46px;}
.menu .icon_mn li {display: block; height: 100%; float: left; margin: 0 9px;}
.menu .icon_mn li:last-child {margin: 0 0 0 15px;}
.menu .icon_mn li a {font-family: 'Malgun Gothic', sans-serif; font-size: 12px; color: #777; text-decoration: none; padding-top: 33px; display: block; letter-spacing:-1px;}
.menu .icon_mn li a.home {background: url('/images/gnb_home.gif') 50% 5px no-repeat;}
.menu .icon_mn li a.login {background: url('/images/gnb_login.gif') 50% 4px no-repeat;}
.menu .icon_mn li a.logout {background: url('/images/gnb_logout.gif') 50% 4px no-repeat;}
.menu .icon_mn li a.join {background: url('/images/gnb_join.gif') 50% 5px no-repeat;}
.menu .icon_mn li a.kahpa {background: url('/images/gnb_kahpa.gif') 50% 7px no-repeat;}
.menu .icon_mn li a.all {padding-top: 0; border: 1px solid #cbccce; width: 44px; height: 44px;}
.menu .icon_mn li a.close {padding-top: 0; border: 1px solid #cbccce; width: 44px; height: 44px; display: none;}

.menu_w .all_w {clear: both; width: 100%; height: 329px; background: #fff; border-bottom: 1px solid #434555; position: absolute; left: 0; top: 96px; z-index: 2; display: none;}
.all_w .all_mn {margin: 0 auto; padding: 0 0 0 240px; width: 1000px; height: 100%;}
.all_w .all_mn li {list-style: none; float: left; border-right: 1px solid #dddddd; height: 100%; width: 250px; box-sizing: border-box; padding: 40px 0 0 40px;}
.all_w .all_mn li:first-child {border-left: 1px solid #dddddd;}
.all_w .all_mn li a {text-decoration: none; font-size: 18px; font-family: 'nanumsquareb'; color: #333;}
.all_w .all_mn li a:hover, .all_w .all_mn li a.on {color: #0050a5;}
.all_w .sub_mn  {margin: 0; padding: 7px 0 0 0; width: 209px;}
.all_w .sub_mn li {border-right: none; padding: 0; height: 36px; width: 100%; }
.all_w .sub_mn li:first-child {border-left: none;}
.all_w .sub_mn li a, .all_w .sub_mn li a.on {font-size: 16px; font-family: 'nanumsquarer'; color: #333; line-height: 36px; letter-spacing: -0.05em;}
.all_w .sub_mn li a:hover {text-decoration: underline; color: #0050a5;}

/* main */
.visual {width: 100%; height: 285px; position: relative;}
.visual.main {height: 685px;}/* ±âÁ¸ 760px */
.bx {height: 100%; overflow: hidden;}
.main_01 {width: 100%; height: 685px; background: url('/images/visual_01.jpg') 0 50% no-repeat; background-size: cover;}
.main_02 {width: 100%; height: 685px; background: url('/images/visual_02.jpg') 0 50% no-repeat; background-size: cover;}
.main_03 {width: 100%; height: 685px; background: url('/images/visual_04.jpg') 0 50% no-repeat; background-size: cover;}
.visual_01 {background: url('/images/sub_visual_01.jpg') 50% no-repeat; background-size: cover;}
.visual_02 {background: url('/images/sub_visual_02.jpg') 50% no-repeat; background-size: cover;}
.visual_03 {background: url('/images/sub_visual_03.jpg') 50% no-repeat; background-size: cover;}
.visual_04 {background: url('/images/sub_visual_04.jpg') 50% no-repeat; background-size: cover;}

.visual_txt {width: 1240px; margin: 0 auto;}
.visual .visual_txt h2 {text-align: inherit; font-size: 55px; font-family: 'nanumsquareb'; height: 55px; line-height: 1; margin: 0;}
.visual .visual_txt h3 {font-size: 43px;  height: 45px; line-height: 1; margin: 0;}
.visual .visual_txt p {font-size: 16px; line-height: 28px; margin: 0;}

.icon_w {width: 100%; height: 190px; position: absolute; bottom: 0; background: rgba(70,120,211,.8);}
.icon {width: 1200px; height: 100%; padding: 0 20px; margin: 0 auto;}
.icon ul {margin: 0; padding: 0;}
.icon ul li {list-style: none; float: left; width: 200px; height: 130px; padding: 30px 0;}
.icon ul li a {display: block; width: 100%; height: 30px; line-height: 38px; padding-top: 100px; color: #fff; text-decoration: none; font-size: 17px; text-align: center;}
.icon ul li a.icon_01 {background: url('/images/icon_01.png') 50% 0 no-repeat;}
.icon ul li a.icon_02 {background: url('/images/icon_02.png') 50% 0 no-repeat;}
.icon ul li a.icon_03 {background: url('/images/icon_03.png') 50% 0 no-repeat;}
.icon ul li a.icon_04 {background: url('/images/icon_04.png') 50% 0 no-repeat;}
.icon ul li a.icon_05 {background: url('/images/icon_05.png') 50% 0 no-repeat;}
.icon ul li a.icon_06 {background: url('/images/icon_06.png') 50% 0 no-repeat;}

.main_cont {width: 1240px; padding: 60px 0 45px 0; margin: 0 auto;}
.lastet_w {width: 100%; height: 250px;}
.tit {width: 100%; height: 27px; padding-bottom: 13px; border-bottom: 2px solid #636971;}
.tit h3 {font-size: 22px; font-family: 'nanumsquareb'; color: #333; line-height: 1; margin: 0; float:left;}
.tit a {width: 25px; height: 25px; border: 1px solid #d8d8d8; display: inline-block; float: right;}
.lastet_w ul {margin: 24px 0 0 0; padding: 0;}
.lastet_w ul li {list-style: none; margin: 0; padding: 0; width: 100%; display: block; height: 32px; line-height: 32px; font-family: 'nanumsquarer';}
.lastet_w ul li.tit {padding-bottom: 0; border-bottom: 0;}
.lastet_w ul li a {text-decoration: none; font-size: 16px; color: #666; width: 460px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url('/images/bullet.gif') 0 50% no-repeat; padding-left:10px;}
.lastet_w ul li a:hover {color: #000;}
.lastet_w ul li span.date {color: #b2b2b2; width: 100px; display: inline-block; float: right;}
.lastet_w ul li.tit a {width: inherit; border: 0; display: inline; float: inherit; color: #333; width: 410px; height: 32px; line-height: 32px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: none;}
.lastet_w ul li.tit:nth-child(2) {padding-bottom: 12px;}
.lastet_w ul li.tit span.noti {width: 50px; height: 21px; border: 1px solid #3da6ff; color: #1f82e0; font-size: 14px; text-align: center; line-height: 21px; display: inline-block; margin: 5px 5px 0 0; vertical-align: top;}
.lastet_w ul li.tit span.date {color: #333;}

.link_w {width: 100%; height: 260px; padding: 40px 0 45px 0; margin: 0;}
.link_w ul {width: 100%; height: 100%; margin: 0; padding: 0;}
.link_w ul li {width: 293px; height: 258px; margin: 0 20px 0 0; padding: 0; border: 1px solid #d2d2d2; float: left; list-style: none; text-align: center;}
.link_w ul li:last-child {margin: 0;}
.link_w ul li p {margin: 0; padding: 142px 0 20px 0; height: 20px; line-height: 1; font-size: 20px; color: #333; width: 100%; }
.link_w ul li:nth-child(1) p {background: url('/images/link_01.gif') 50% 46px no-repeat;}
.link_w ul li:nth-child(2) p {background: url('/images/link_02.gif') 50% 46px no-repeat;}
.link_w ul li:nth-child(3) p {background: url('/images/link_03.gif') 50% 46px no-repeat;}
.link_w ul li:nth-child(4) p {background: url('/images/link_04.gif') 50% 46px no-repeat;}
.link_w ul li a {display: inline-block; width: 129px; height: 32px; border: 1px solid #666; font-size: 14px; line-height: 32px; color: #333; text-decoration: none; font-family: 'nanumsquarer';}

.info_w {width: 100%; height: 190px; margin: 0; padding: 0;}
.info_w ul {width: 100%; height: 100%; margin: 0; padding: 0;}
.info_w ul li {list-style: none; width: 370px; height: 120px; margin: 0 20px 0 0; padding: 35px 0 35px 30px; float: left; color: #fff;}
.info_w ul li.cs {background: url('/images/info_01.png') 298px 77px no-repeat #808ba1;}
.info_w ul li.bank {background: url('/images/info_02.png') 303px 80px no-repeat #17abb0;}
.info_w ul li.map {width: 370px; margin: 0; background: url('/images/info_03.png') 283px 80px no-repeat #5985df;}
.info_w ul li h3 {margin: 0; padding: 0; font-size: 22px; font-family: 'nanumsquareb'; line-height: 1;}
.info_w ul li p {margin: 0; padding: 15px 0 0 0; font-size: 18px;  line-height: 22px;}
.info_w ul li.cs p {padding: 7px 0 0 0;}
.info_w ul li a {text-decoration: none; color: #fff; width: 100px; height: 29px; border: 1px solid #fff; line-height: 29px; display: inline-block; text-align: center; margin-top: 15px}
.info_w ul li span {display: inline-block}
.info_w ul li span.tel {font-size: 30px; font-weight: 800; line-height: 36px;}
.info_w ul li span.bank_num {display: block; font-size: 27px; font-weight: 800; line-height: 1; padding: 10px 0 5px 0;}
.info_w ul li span.txt {display: block; font-size: 16px;  letter-spacing: -0.05em;}

.banner_w  {width: 1238px; height: 114px; border: 1px solid #d7d7d7; margin-top: 43px;}
.banner_w .arrow {width: 193px; height: 100%; float: left; position: relative;}
.arrow .buttons {width: 37px; height: 40px; position:absolute; top: 39px; left: 76px;}
.arrow .buttons button {width: 37px; height: 38px; border: 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; text-indent: -10000px; cursor: pointer;}
.arrow .buttons button.pause {background: url('/images/btn_pause.gif');}
.arrow .buttons button.play {background: url('/images/btn_play.gif'); display: none;}
.slick-arrow {width: 39px; height: 38px; border: 1px solid #e3e3e3; position: absolute; top: 39px; text-indent: -10000px; cursor: pointer;}
.slick-prev {left: -156px; background: url('/images/btn_prev.gif');}
.slick-next {left: -80px; background: url('/images/btn_next.gif');}
.banner_w ul {margin: 0; padding: 0; width: 1045px; height: 100%; float: left; position: relative;}
.banner_w ul li {list-style: none; padding: 0; margin: 0; width: 209px; height: 100%; float:left; text-align: center;}
.banner_w ul li a {padding: 42px 0; display: block; width: 100%; height: 30px; text-align: center;}

/* sub */

.visual h2 {margin: 0; padding-top: 99px; font-size: 45px; font-family: 'nanumsquareb'; color: #fff; text-align: center;}

.line_map {position: absolute; bottom: 0; left: 50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width: 1240px; height: 60px; background: rgba(16,105,204,.8); z-index: 1;}
.line_map ul {margin: 0; padding: 0; width: 100%; height: 100%;}
.line_map ul li {list-style: none; border-right: 1px solid rgba(255,255,255,.2); float: left; width: 260px; overflow: visible;}
.line_map ul li a {color: #fff; text-decoration: none; line-height: 60px; height: 60px; padding: 0 25px; box-sizing: border-box; display: block;}
.line_map ul li a span {float: right; padding: 26px 0 27px 0; line-height: 7px;}
.line_map ul li.home {width: 60px; height: 100%;}
.line_map ul li.print {width: 60px; border-right: 0; border-left: 1px solid rgba(255,255,255,.2); float: right;}
.line_map ul li.home a, .line_map ul li.print a {padding: 0;}

.line_map .line_sub {width: 260px; height: 200px; display: none; z-index: 10; position: absolute;}
.line_map .line_sub li {width: 100%; height: 50px; border-right: 0;}
.line_map .line_sub li a {width: 100%; height: 100%; color: #fff; background: #1377d4; line-height: 50px; font-size: 16px; }
.line_map .line_sub li a:hover {background: #0059bb;}

.content_w {width: 1240px; margin: 0 auto; padding: 0 0 50px 0; z-index: 0;}
.content_w h3 {font-size: 38px;  color: #333; margin: 0; padding: 50px 0 35px 0; text-align: center;}
.content_w:after {content: ''; display: block; clear: both;}

/* ¿¬±¸¿ø ¼Ò°³ */
.info_img {width: 100%; height: 330px; border-top: 2px solid #2b405b; background: url('/images/info_img.jpg') no-repeat;}
.info_img h4 {font-size: 35px; font-family: 'nanumsquareb'; color: #1069cc; margin: 0; padding: 100px 0 45px 53px; line-height: 1;}
.info_img p {font-size: 23px; font-family: 'nanumsquareb'; color: #333; line-height: 36px; margin: 0; padding: 0 0 0 55px;}
.info_txt {width: 100%; margin: 0; padding: 50px 0 0 0;}
.info_txt p {width: 100%; font-size: 16px; line-height: 30px; font-family: 'nanumsquarer'; color: #333; margin: 0; padding: 0 0 50px 0;}
.info_txt p.sign {font-size: 25px; font-family: 'nanumsquareb'; color: #333;}
.info_txt p.sign span {font-size: 16px;  padding-right: 20px; border: none; width:inherit; display: inline;}

.purpose {width: 1150px; height: 365px; margin: 0 auto; padding: 30px 0 70px 0;}
.purpose ul {width: 100%; height: 100%; margin: 0; padding: 0;}
.purpose ul li {width: 370px; height: 100%; margin-right: 20px; float: left; list-style: none;}
.purpose ul li:nth-child(1) {background: url('/images/purpose_arrow_01.gif') 50% 163px no-repeat;}
.purpose ul li:nth-child(2) {background: url('/images/purpose_arrow_02.gif') 50% 163px no-repeat;}
.purpose ul li:nth-child(3) {margin-right: 0; background: url('/images/purpose_arrow_03.gif') 50% 163px no-repeat;}
.purpose ul li span {display: block; width: 170px; height: 170px; border-radius: 50%; box-sizing: border-box; margin: 0 auto 25px auto; text-align: center; font-size: 22px; font-family: 'nanumsquareb'; line-height: 146px;}
.purpose ul li:nth-child(1) span {border: 12px solid #4289c7;}
.purpose ul li:nth-child(2) span {border: 12px solid #3ca3dd;}
.purpose ul li:nth-child(3) span {border: 12px solid #6784c0;}
.purpose ul li ul.box {width: 100%; height: 170px; border: 1px solid #dadada; box-sizing: border-box; margin: 0; padding: 25px 0;}
.purpose ul li ul.box li {margin: 0; padding: 0; width: 304px; min-height: 30px; height: auto; max-height: 60px; font-size: 16px; line-height: 30px; background: url('/images/bullet_01.gif') 20px 13px no-repeat; padding: 0 32px; letter-spacing: -0.05em;font-family: 'nanumsquarer';}

.history_w {width: 100%; height: 1400px;}
.history_w ul {width: 100%; height: 100%; margin: 0; padding: 0; background: url('/images/history_bg.gif') center 5px repeat-y;}
.history_w ul li {margin: 0; padding: 0; width: 100%; list-style: none; font-family: 'nanumsquarer';}
.history_w ul li .fl.txt_r {width: 50%; padding-right: 50%;}
.history_w ul li .fr.txt_l {width: 50%; padding-left: 50;}
.history_w ul li h5 {font-size: 30px; font-family: 'nanumsquareb'; color: #0c2e86; margin: 0; padding: 0 80px; position: relative; line-height: 1;}
.history_w ul li:nth-child(odd) h5 {background: url('/images/history_line.png') 100% 49% no-repeat;}
.history_w ul li:nth-child(even) h5 {background: url('/images/history_line.png') 0 49% no-repeat;}
.history_w ul li h5:after {position: absolute; display: block; width: 23px; height: 23px; background: url('/images/history_dot.png') no-repeat; margin: 0 auto; content: ""; top: 3px;}
.history_w ul li:nth-child(1) .fl h5:after{padding-top: 3px; top: 0; background: url('/images/history_dot.png') center 3px no-repeat #fff;} 
.history_w ul li .fl h5:after {left: 608px;}
.history_w ul li .fr h5:after {left: -11px;}
.history_w ul li dl {margin: 15px 0;}
.history_w ul li .fl dl {padding: 0 80px 0 0;}
.history_w ul li .fr dl {padding: 0 0 0 80px;}
.history_w ul li .fl dl dt {float: right;}
.history_w ul li dl dt {display: inline-block; width: 110px; margin: 0; padding: 0; font-size: 16px; line-height: 30px; color: #555; vertical-align: top;}
.history_w ul li dl dd {display: inline-block; width: 420px; margin: 0; padding: 0; font-size: 16px; line-height: 30px; color: #555; vertical-align: top; letter-spacing: -0.06em;}

.org_w {width: 100%;}
.org {position: relative;}
.org .btn {position: absolute; top : 379px; left: 86px; width: 100%;}
.org .btn a {display:inline-block; width: 290px; height: 60px; margin-right: 95px; cursor: pointer; text-indent: -10000px;}
.org ul {display: none;}
.org .org_01, .org .org_02, .org .org_03 {text-align: center; padding-bottom: 66px;}
/*.img_1, .img_2, .img_3 {cursor: pointer;}*/
.org .org_02, .org .org_03, .org_step_02, .org_step_03 {display: none;}
.content_w h5 {font-size: 22px; font-family: 'nanumsquareb'; color: #1069cc; margin: 24px 0 13px 0;}
.org_step_01 ul, .org_step_02 ul, .org_step_03 ul {margin: 0 0 22px 0; padding: 0;}
.org_step_01 ul li, .org_step_02 ul li, .org_step_03 ul li {margin: 0; padding: 0 0 0 13px; background: url('/images/bullet_01.gif') 0 13px no-repeat; list-style: none; line-height: 30px; font-size: 16px; color: #555;}
.org_txt {width: 100%; border-top: 2px solid #2b405b; border-collapse: collapse;}
.org_txt th.col {background: #e8eaef; color: #000; font-size: 16.5px; font-family: 'nanumsquareb'; height: 53px; border-bottom: 1px solid #2b405b; border-right: 1px solid #ccc;}
.org_txt th.col:last-child {border-right: 0;}
.org_txt th.row1 {background: #f5f7f9; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16.5px; font-family: 'nanumsquareb'; color: #333;}
.org_txt th.row2 {background: #f5f7f9; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 26px;  color: #555;}
.org_txt td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 11px 0 9px 0; font-size: 16px; line-height: 26px; font-family: 'nanumsquarer';}
.org_txt td a.ex {display: inline-block; width: 75px; height: 25px; line-height: 25px; font-size: 16px; background: #1069cc; color: #fff; text-align: center; text-decoration: none; margin: 0 0 0 5px;}
.org_txt td.txt_l {padding: 11px 30px 9px 20px;} 
.org_txt td:last-child {border-right: 0;}
.org_txt td.bor_r {border-right: 1px solid #ccc;}
.org_txt td ul {margin: 0 20px; padding: 0;}
.org_txt td ul li {text-align: left;}

.map_w {width: 100%; height: 622px; border-top: 2px solid #2b405b; border-bottom: 1px solid #ccc; margin-bottom: 60px;}
.map_w .map {width: 100%; height: 473px; /*background: url('/images/map.gif') no-repeat;*/}
.map_w .map_txt {width: 100%; height: 149px; background: #f7f8fa;}
.map_w .map_txt ul {width: 100%; height: 100%; margin: 0; padding: 0 0 0 70px;}
.map_w .map_txt ul li {list-style: none; margin: 24px 0; padding: 0 70px 0 128px; height: 100px; float: left; font-size: 16px; color: #333; line-height: 24px; font-family: 'nanumsquarer';}
.map_w .map_txt ul li:nth-child(1) {background: url('/images/map_01.png') no-repeat;}
.map_w .map_txt ul li:nth-child(2) {background: url('/images/map_02.png') no-repeat;}
.map_w .map_txt ul li:nth-child(3) {background: url('/images/map_03.png') no-repeat;}
.map_w .map_txt ul li span {display: block; font-size: 18px; font-family: 'nanumsquareb'; color: #333; padding: 22px 0 12px 0;}

.device_w {width: 1120px; margin: 5px auto 0 auto;}
.device {width: 100%; height: 360px; margin-bottom: 35px;}
.device_img, .device_txt {width: 510px; height: 100%;}
.device_txt {box-sizing: border-box; padding-top: 60px;}
.device_txt span.num {display: block; width: 50px; height: 50px; background: #5082c7; color: #fff; font-size: 30px; line-height: 50px; font-family: 'nanumsquareb'; text-align: center;}
.device_txt h4 {margin: 0; padding: 20px 0 13px 0; color: #333; font-size: 30px; font-family: 'nanumsquareb';}
.device_txt ul {margin: 0; padding: 0;}
.device_txt ul li {list-style: none; background: url('/images/bullet_01.gif') 0 13px no-repeat; font-size: 16px; line-height: 30px; color: #555; margin: 0; padding: 0 0 0 13px; word-break: keep-all; font-family: 'nanumsquarer';}

.traffic {width: 100%;}
.traffic h5 {margin: 0; font-size: 22px; font-family: 'nanumsquareb'; color: #1069cc; padding: 23px 0 14px 0;}
.traffic dl {margin: 0 0 23px 0; padding: 0; width: 100%;}
.traffic dl dt.tit {display: block; margin: 0; padding: 0 0 11px 0; font-size: 19px; font-family: 'nanumsquareb'; color: #333; width: 100%; border-bottom: 0; border-radius: 0; text-align: left;}
.traffic dl dt {display: inline-block; width: 95px; height: 30px; border-radius: 15px; color: #fff; font-size: 16.5px; font-family: 'nanumsquareb'; line-height: 30px; text-align: center; margin-right: 20px;}
.traffic dl dd {display: inline-block; width: 1100px; margin: 0; padding: 0; font-size: 16px;  color: #555; line-height: 35px; vertical-align: top; font-family: 'nanumsquarer';}

.traffic dl dt.blue {background: #557ad6;}
.traffic dl dt.red {background: #e95237; color: #fff !important;}
.traffic dl dt.green {background: #5fb73c;}
.traffic dl dt.l_blue {background: #00aeef;}
.traffic dl dt.yellow {background: #edb217;}
.traffic dl dt.gray {background: #47505c; color: #fff !important;}

/* »ç¾÷ ¾È³» */
.test_w {width: 100%;}
.use {margin: 0 auto 70px auto; padding: 0; width: 1106px; height: 102px;}
.use li {list-style: none; float: left; margin: 0 10px 0 0; padding: 0; width: 342px; height: 82px; border-radius: 51px; text-align: center; line-height: 82px; color: #333; font-size: 22px; font-family: 'nanumsquareb';}
.use li:nth-child(1) {border: 10px solid #5082c7;}
.use li:nth-child(2) {border: 10px solid #67a8dd;}
.use li:nth-child(3) {border: 10px solid #7b9ad6; margin: 0;}
.test_w p {width: 100%; margin: 0; padding: 0;font-size: 16px; line-height: 30px; color: #555; }
.test {margin: 60px 0 66px 0; padding: 0; width: 100%; height: 224px;}
.test li {list-style: none; margin: 0 20px 0 0; padding: 0; width: 295px; height: 100%; float: left;}
.test li:nth-child(4) {margin: 0;}
.test li p {width: 100%; text-align: center; font-size: 21px;  color: #fff; height: 25px;padding: 28px 0 27px;}
.test li p.db {padding: 15px 0; height: 45px; line-height: 23px;}
.test li:nth-child(1) p {background: #3f8ed3;}
.test li:nth-child(2) p {background: #3ca3dd;}
.test li:nth-child(3) p {background: #6784c0;}
.test li:nth-child(4) p {background: #38b4af;}
.test li ul {box-sizing: border-box; border: 1px solid #ccc; border-top: 0; width: 100%; height: 144px; margin: 0; padding: 20px;}
.test li ul li {font-size: 16px; line-height: 26px; /*min-height: 30px;*/ height: auto; max-height: 60px; width: 100%; margin: 0; letter-spacing: -0.05em;}

p.txt {margin: 0; padding: 0 0 50px 0; font-size: 16px; color: #555; line-height: 1; font-family: 'nanumsquarer';}
p.txt span, p.txt a {color: #fe790a; text-decoration: none;}
p.cont_txt {margin: 7px 0; padding: 0; font-size: 16px; color: #555; line-height: 30px; letter-spacing: -0.05em; font-family: 'nanumsquarer';}
p.cont_txt span {color: #fe790a; font-size: 16px;}
.bis_w {width: 100%; display: table;}
a.down {width: 130px; height: 45px; display: block; margin: 0 0 20px 0; padding: 0 30px 0 0; background: url('/images/down.png') 132px 50% no-repeat #1f4bb4; color: #fff; text-decoration: none; font-size: 16.5px; font-family: 'nanumsquareb'; line-height: 45px; text-align: center;}
a.down.wid_240 {background: url('/images/down.png') 215px 50% no-repeat #1f4bb4;}
.pop.down.wid_240 {background-image: none; padding: 0;}
.content_w h6 {font-size: 19px; font-family: 'nanumsquareb'; color: #000; margin: 0; padding: 0 0 10px 0;}
ul.txt_dot {margin: 10px 0 25px 0; padding: 0;}
ul.txt_dot li {list-style: none; margin: 0; padding: 0 0 0 13px; background: url('/images/bullet_01.gif') 0 13px no-repeat; font-size: 16px; line-height: 30px; color: #555; font-family: 'nanumsquarer';}
ul.txt_dot li ul li {background: url('/images/bullet.gif') 0 13px no-repeat;}
ul.txt_dot.marl_20 {margin: 10px 0 5px 0;}
ol.txt_dot {margin: 10px 0 25px 0; padding: 0;}
ol.txt_dot li {list-style-position: inside; font-size: 16px; color: #555; line-height: 30px;}
ol.txt_dot li ol {margin-left: 20px;}
ol.txt_dot li ol li {list-style: none;}
ol.txt_p {margin: 10px 0 25px 0; padding: 0;}
ol.txt_p li {list-style:none;  margin: 0; padding: 0; font-size: 16.5px;  line-height: 30px; color: #333;}
ol.txt_p li span {display: block; font-family: 'nanumsquareb'; font-size: 17px;}
ol.txt_p li .txt_dot {margin: 5px 0;}
ol.txt_p li .txt_dot li {list-style-type:none;  padding: 0 0 0 13px; font-size: 16px;}

.img {width: 100%; text-align: center;}
.pop_w .img {width: 100%; text-align: center; background: #f8f8f8;}

.test_box {width: 100%; height: 148px; box-sizing: border-box; border: 1px solid #ccc; border-bottom: 1px solid #2b405b; display: table; padding-left: 146px; background: url('/images/test_box.png') 34px 34px no-repeat; margin-bottom: 23px;}
.test_box p {margin: 0; padding: 0; display: table-cell; vertical-align: middle; font-size: 16px; line-height: 30px; color: #555; font-family: 'nanumsquarer';}
.test_box.hei_118 {background: url('/images/test_box.png') 34px 50% no-repeat;}
.test_box ul {margin: 0; padding: 0; display: table-cell; vertical-align: middle;}
.test_box ul li {list-style: none; margin: 0; padding: 0 0 0 13px; background: url('/images/bullet_01.gif') 0 13px no-repeat; line-height: 30px;}

.step_w {width: 1010px; height: 940px; margin: 0 auto; padding: 0 0 55px 0;}
.step {width: 100%; height: 100%; margin: 0; padding: 0; }
.step li {list-style: none; font-size: 20px;  text-align: center; position: relative;}
.step li.step_01 {display: block; width: 214px; height: 214px; box-sizing: border-box; border: 10px solid #00baf2; border-radius: 50%; margin: 0 auto 50px auto; padding: 110px 0 0 0; background: url('/images/step_01.gif') 50% 47px no-repeat;}
.step li.step_02 {display: block; width: 355px; height: 72px; border: 1px solid #ccc; border-top: 4px solid #3f8ed3; margin: 0 auto 30px auto; line-height: 67px;}
.step li.step_03 {display: block; width: 100%; height: 193px; margin: 60px auto;}
.step li.step_04 {display: block; width: 355px; height: 72px; border: 1px solid #ccc; border-top: 4px solid #3f8ed3; line-height: 67px; margin: 0 auto 30px auto;}
.step li.step_05 {display: block; width: 355px; height: 72px; background: #47bdb8; color: #fff; margin: 0 auto; line-height: 72px; font-family: 'nanumsquareb';}
.step li.step_01:after {position: absolute; width: 1px; height: 50px; background: url('/images/step_01_bg.gif') no-repeat; content: ''; top: 205px; left: 50%;}
.step li.step_02:after {position: absolute; width: 1px; height: 30px; background: url('/images/step_02_bg.gif') no-repeat; content: ''; top: 73px; left: 50%;}
.step li.step_03:before {position: absolute; width: 635px; height: 60px; background: url('/images/step_03_bg_s.gif') no-repeat; content: ''; top: -30px; left: 192px;}
.step li.step_03:after {position: absolute; width: 635px; height: 60px; background: url('/images/step_03_bg.gif') no-repeat; content: ''; top: 193px; left: 192px;}
.step li.step_04:after {position: absolute; width: 1px; height: 30px; background: url('/images/step_02_bg.gif') no-repeat; content: ''; top: 73px; left: 50%;}

.step_dl {width: 395px; height: 100%;}
.step_dl:nth-child(1) {float: left;}
.step_dl:nth-child(2) {float: right;}
.step_dl dt {display: block; margin: 0; padding: 0; width: 100%; height: 62px; line-height: 62px; font-size: 20px; color: #fff;}
.step_dl:nth-child(1) dt {background: #6784c0;}
.step_dl:nth-child(2) dt {background: #3f8ed3;}
.dl_01:before {content: ''; position: absolute; width: 17px; height: 17px; border: 4px solid #fff; background: #6784c0; border-radius: 50%; top: -8px; left: 183px; box-sizing: border-box;}
.dl_02:before {content: ''; position: absolute; width: 17px; height: 17px; border: 4px solid #fff; background: #3f8ed3; border-radius: 50%; top: -8px; left: 818px; box-sizing: border-box;}
.step_dl dd {display: block; margin: 0; padding: 0; width: 100%; height: 131px; border: 1px solid #ccc; border-top: 0; box-sizing: border-box; text-align: left; padding: 20px 25px; font-size: 16px; line-height: 28px;}

.online_1 {-ms-display: flexbox; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; width: 100%; padding-bottom: 50px;}
.online_2 {-ms-display: flexbox; display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: flex-start; width: 100%; padding-bottom: 50px;}
.on_step {width: 200px; height: 175px; margin: 0 55px; box-sizing:border-box; border-style:solid; border-width: 3px; border-radius: 12px; text-align: center; padding-top: 120px; font-size: 18px; color: #333; font-family: 'nanumsquarer'; position: relative;}
.on_01 {background: url('/images/on_step_01.png') 50% 27px no-repeat;}
.on_02 {background: url('/images/on_step_02.png') 50% 27px no-repeat;}
.on_03 {background: url('/images/on_step_03.png') 50% 27px no-repeat;}
.on_04 {background: url('/images/on_step_04.png') 50% 27px no-repeat;}
.on_05 {background: url('/images/on_step_05.png') 50% 27px no-repeat;}
.on_06 {background: url('/images/on_step_06.png') 50% 27px no-repeat;}
.on_07 {background: url('/images/on_step_07.png') 50% 27px no-repeat;}
.on_08 {background: url('/images/on_step_08.png') 50% 27px no-repeat;}
.on_01:after, .on_02:after, .on_03:after {content: ''; position: absolute; background: url('/images/on_arrow.png') no-repeat; top: 75px; right: -70px; width: 25px; height: 23px;}
.on_04:after {content: ''; position: absolute; background: url('/images/on_arrow.png') -2px 0 no-repeat; bottom: -40px; left: 88px; width: 23px; height: 25px; transform: rotate(90deg)}
.on_05:after, .on_06:after, .on_07:after {content: ''; position: absolute; background: url('/images/on_arrow.png') no-repeat; top: 75px; left: -70px; width: 25px; height: 23px; transform: rotate(180deg)}
p.txt_r {width: 100%; line-height: 24px; height: 43px; padding: 0 55px 20px 0; box-sizing: border-box;}
p.txt_r span {width: 18px; height: 18px; border-style:solid; border-width: 3px; display: inline-block; border-radius: 3px; vertical-align: bottom; margin: 0 8px 0 25px;}
.com {border-color: #dfe1e3;}
.lab {border-color: #84dbf9;}


/* search */
.search_box {width: 100%; height: 160px; border: 1px solid #d9d9d9; box-shadow: 0px 3px 0px #f1f1f1; box-sizing: border-box; padding: 23px 48px 23px 60px;}
.search_box ul {width: 100%; height: 100%; margin: -5px 0 0 0; padding: 0;}
.search_box ul li {list-style: none; line-height: 41px; float: left; font-size: 16px; color: #444; font-family: 'nanumsquarer';}
.search_box ul li span {font-size: 16.5px; font-family: 'nanumsquareb'; color: #000; padding-right: 48px;}
.search_box ul li.search_btn {float: right; width: 56px; height: 42px; margin-top: -41px;}
.search_box.hei_83 ul li.search_btn {margin-top: 0;}
.search_box ul li.search_btn a {background: #06378e; width: 100%; height: 100%; display: block; color: #fff; text-align: center;}
.search_box ul li.search_btn a img {margin: 11px 0;}
.search_box ul li select {width: 95px; height: 31px; border: 1px solid #ccc; vertical-align: middle; margin-right: 4px; font-size: 16px;font-family: 'nanumsquarer';}
.search_box ul li input[type=text] {height: 29px; padding: 0; border: 1px solid #ccc; vertical-align: middle; padding-left: 10px; font-size: 16px; color: #444; box-sizing: border-box;font-family: 'nanumsquarer';}
.search_box ul li img {vertical-align: middle; margin: 0 5px;}

.search_bx {width: 100%; height: 39px; border-top: 2px solid #2b405b; border-bottom: 1px solid #2b405b; box-sizing: border-box; padding: 5px 20px; line-height: 26px; margin-bottom: 7px}
.search_bx span {padding: 0 10px 0 0;}
.search_bx input {height: 26px; padding: 0 0 0 10px; border: 1px solid #ccc; vertical-align: middle; font-size: 16px; color: #444; box-sizing: border-box; vertical-align: top;}
.search_bx a {width: 55px; height: 26px; line-height: 26px; background:#1377d4; color: #fff; display: inline-block; text-align: center; text-decoration: none;}

/* table */
.table_w {width: 100%;}
.table_w:after {content: ''; display: block; clear: both;}
.table_head {width: 100%; height: 40px; padding: 10px 0 6px 0;}
.btns {height: 100%;}
.btns a {width: 80px; height: 100%; display: inline-block; color: #fff; text-align: center; line-height: 40px; font-size: 15px;  text-decoration: none; font-family: 'nanumsquarer';}
.btns a.new {background: #005fca;}
.btns a.del {background: #5a6273;}
.table_head .txt {padding-top: 20px; font-size: 16px; color: #222; }

.table_w .list {width: 100%; border-top: 2px solid #2b405b; border-collapse: collapse;}
.table_w .list th {border-bottom: 1px solid #2b405b; border-right: 1px solid #ccc; font-size: 16.5px; color: #000; font-family: 'nanumsquareb'; height: 46px; /*padding: 0 25px;*/ background:#f8f8f8; white-space:nowrap}
.table_w .list td {text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px;  color: #444; height: 45px; padding: 0 25px; font-family: 'nanumsquarer';}
.table_w .list th:last-child, .table_w .list td:last-child, .table_w .list td.no_rl {border-right: none;}
.table_w .list td a {color: #000000; text-decoration: none; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.table_w .list td a.accept {color: #1e64ba;}
.table_w .list td a.notice {color: #444;}
.table_w .list td a.notice:hover {color: #000; text-decoration: underline;}
.table_w .list td a.btn {width: 55px; height: 30px; line-height: 30px; background: #1377d4; color: #fff;}
.table_w .list td a.dis {width: 55px; height: 30px; line-height: 30px; background: #ccc; color: #999; cursor: default;}
.table_w .list td span {padding: 4px 6px;}
.table_w .list td span.ing {border: 1px solid #fcb0b2; color: #ed1c24;}
.table_w .list td span.fin {border: 1px solid #9fc6e7; color: #1069cc;}
.table_w .list td select {border: 1px solid #ccc; height: 30px;}
.table_w .list.thin th, .table_w .list.thin td {padding: 0 10px;}

.table_w .paging {height: 34px; padding: 29px 0; text-align: center;}
.table_w .paging a {width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 32px; border: 1px solid #dfdfdf; vertical-align: top; text-decoration: none; color: #444; background: #fbfbfb; font-size: 16px; }
.table_w .paging a.on {background: #1069cc; border: 1px solid #1069cc; color: #fff;}
.table_w .paging img.border {border: 1px solid #dfdfdf;}

.write_w {width: 100%; padding-bottom: 40px; /*position: relative;*/}
.cont_tit {margin-bottom: 8px; height: 49px;}
.cont_tit span {display: inline-block; height: 4px; margin-bottom: 10px;}
.cont_tit span.point1 {width: 8px; background: #1069cc;}
.cont_tit span.point2 {width: 16px; background: #2ab7f5;}
.cont_tit h4 {color: #333; font-size: 25px; font-family: 'nanumsquareb'; margin: 0; padding: 0 0 5px 0; line-height: 1;}
.write_w .cont_tit .txt {height: 40px; margin-top: 8px;}
.write_w .cont_tit .txt a {display: inline-block; margin-right: 5px; height: 100%; background: #5a6273; color: #fff; font-size: 16px; text-align: center; line-height: 40px; text-decoration: none;}
.write_w .cont_tit .txt a.print {width: 156px;}
.write_w .cont_tit .txt a.new {width: 80px; background: #005fca;}
.write_w .cont_tit .txt a.del {width: 80px;}
.write_w .cont_tit .txt span {line-height: 40px;}
.write_w .write {width: 100%; border-top: 2px solid #2b405b; border-collapse: collapse;}
.write_w .write th {width: 149px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 45px; padding-left: 30px; font-size: 16.5px; font-family: 'nanumsquareb'; color: #000; text-align: left; background: #f8f8f8;}
.write_w .write td {width: 430px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 45px; padding-left: 10px; font-size: 16px;  color: #444; font-family: 'nanumsquarer';}
.write_w .write td:last-child {border-right: none;}
.write_w .write td.nb_line {border-bottom: 0;}
.write_w .write td select {width: 145px; height: 31px; border: 1px solid #ccc; vertical-align: middle; float: left; margin-right: 3px;font-family: 'nanumsquarer';}
.write_w .write td .terms {/*background: #fffcd3;*/}
.write_w .write td input {height: 31px; border: 1px solid #ccc; padding: 0; margin: 0; vertical-align: middle; float: left; margin-right: 3px; box-sizing: border-box; text-indent: 5px;font-family: 'nanumsquarer';}
.write_w .write td input[type=password] {font-family: dotum;}
.write_w .write td input:read-only {background: #f0f0f0;}
.write_w .write td input[type=radio] {width: 11px; height: 11px; border: 1px solid #707070; float: inherit; vertical-align: middle;} 
.write_w .write td input[type=checkbox] { border: 1px solid #707070;}
.write_w .write td input[type=file] {border: 0; text-indent: 0px; line-height: 31px;font-family: 'nanumsquarer';}
.write_w .write td a {display: inline-block; color: #fff; background: #17abb0; width: 69px; height: 31px; text-decoration: none; line-height: 31px; vertical-align: middle; float: left; text-align: center; margin-right: 4px;}
.write_w .write td span {float: left; height: 31px; line-height: 31px; margin: 0; display: block; text-align: center;}
.write_w .write td img {vertical-align: middle;}
.write_w .write td.cont_w {padding: 10px;}
.write_w .write td.cont_w textarea {border: 1px solid #ccc; width: 100%; margin: 0; padding: 20px; height: 360px; box-sizing: border-box;font-family: 'nanumsquarer';}
.write_w p {margin: 0;}
/*.write_w .write td.cont {padding: 10px 0 10px 10px;}
.write_w .write td.cont textarea {border: 1px solid #ccc; width: 100%; margin: 0; padding: 20px; height: 360px; box-sizing: border-box;}
.write_w p {margin: 0;}*/
.write_w .detail {width: 100%; border-top: 2px solid #2b405b; border-collapse: collapse;}
.write_w .detail th {height: 46px; border-bottom: 1px solid #2b405b; border-right: 1px solid #ccc; font-size: 16.5px; font-family: 'nanumsquareb'; color: #000; background: #f8f8f8;}
.write_w .detail td {height: 45px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; font-size: 16px; color: #444; font-family: 'nanumsquarer';}
.write_w .txt_l {padding-left: 20px;}
.write_w .detail td a {color: #1e64ba; text-decoration: none; font-size: 16px;}
.write_w .detail th:last-child, .write_w .detail td:last-child {border-right: 0;}

.write_w .view {width: 100%; border-top: 2px solid #2b405b; border-collapse: collapse;}
.write_w .view th {height: 46px; border-bottom: 1px solid #2b405b; font-size: 16.5px; font-family: 'nanumsquareb'; color: #000; background: #f8f8f8;}
.write_w .view td {height: 45px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; color: #444; padding-left: 20px;}
.write_w .view td:last-child {border-right: none;}
.write_w .view td.txt_c {text-indent: 0;}
.write_w .view th span {background: url('/images/th_bar.png') no-repeat; width: 20px; height: 10px; display: inline-block; margin: 0;}
.write_w .view td img {vertical-align: middle; margin-right: 5px;}
.write_w .view td a {color: #1e64ba; text-decoration: none;}
.write_w .view td a.del {font-size: 15px; background: #888; color: #fff; padding: 3px 5px;}
.write_w .view td.cont {padding: 20px; line-height: 1.5; height: inherit}

.table_w .btn_w {text-align: left; height: 40px;}
.table_w .btn_w.txt_c a {float: inherit}
.table_w .btn_w a {border-top: 0; display: inline-block; width: 80px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; text-decoration: none; background: #5a6273; margin-right: 5px; float: left;}
.table_w .btn_w .txt_c a {float: inherit}
.table_w .btn_w .fr a {background: #fc6719; margin-right: 0; margin-left: 5px;} 
.table_w .btn_w a.save {background: #005fca;}
.table_w .btn_w a.edit {background: #005fca;}
.table_w .btn_w a.print, .table_w .btn_w a.copy {width: 126px;}
.table_w .btn_w a.add {background: #fc6719;}
.table_w .btn_w p {clear: both; margin: 0; padding: 10px 0 0 0;}
.table_w .btn_w span.red {line-height: 40px;}

/* join */
.join_step_w {width: 100%; height: 140px; padding-bottom: 40px; text-align: center;}
.join_step_w ul {width: 684px; height: 100%; margin: 0 auto;}
.join_step_w ul li {list-style: none; float: left; width: 110px; height: 100%; padding-right: 177px; background: url('/images/step_arrow.png') 173px 41px no-repeat;}
.join_step_w ul li.on { background: url('/images/step_arrow_on.png') 173px 41px no-repeat;}
.join_step_w ul li:last-child {padding-right: 0; background: none;}
.join_step_w ul li .circle {width: 100px; height: 100px; margin: 0 auto; border-radius: 50px; border: 5px solid #e2e2e2; box-sizing: border-box; padding-top: 26px;}
.join_step_w ul li .circle span {display: block; line-height: 23px; color: #333;}
.join_step_w ul li .circle span.txt {font-size: 18px; padding-top: 0;}
.join_step_w ul li .circle span.tit {font-size: 22px; font-family: 'nanumsquareb'; border-bottom: 0; padding-bottom: 0;}
.join_step_w ul li.on .circle {background: #104a97; border: 5px solid #104a97;}
.join_step_w ul li.on .circle span {color: #fff;}
.join_step_w ul li span.txt {font-size: 20px; font-family: 'nanumsquareb'; color: #333; padding-top: 13px; line-height: 1; display: block;}

.tarea_w {width: 100%; height: 320px;}
.tarea_w .tarea {width: 100%; height: 270px; border: 1px solid #ccc; border-top: 2px solid #2b405b; padding: 27px; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden;}
.tarea_w .tarea div {display: inline-block;}
.tarea_w .tarea h3 {text-align: left; font-size: 20px; font-family: 'nanumsquareb'; margin: 0; padding: 0 0 15px 0;}
.tarea_w .tarea p {font-size: 16px;  line-height: 30px;}
.tarea_w .tarea p span {font-family: 'nanumsquareb'; font-size: 16.5px; display: block; margin: 0; padding: 0; height: 26px;}
.tarea_w p {margin: 0; padding: 0; height: 50px; width: 100%; line-height: 50px; font-size: 16px; color: #444;}
.tarea_w p input[type=checkbox] {border: 1px solid #707070; width: 13px; height: 13px; margin: 0 10px 0 0;}

.join_fin {width: 100%; height: 410px; border: 1px solid #ccc; border-top: 2px solid #2b405b; box-sizing: border-box; overflow: hidden; display: table;}
.join_fin .txt {display: table-cell; vertical-align: middle; line-height: 30px; padding-left: 500px; background: url('/images/join_fin.png') 145px 50% no-repeat;}
.join_fin .txt h3 {text-align: left; font-size: 27px; font-family: 'nanumsquareb'; color: #333; margin: 0; padding: 0;}
.join_fin .txt p {font-size: 16px;  color: #888;}
.join_fin .txt a {display: block; background: #005fca; color: #fff; font-size: 16.5px; font-family: 'nanumsquareb'; text-align: center; width: 177px; height: 40px; line-height: 40px; text-decoration: none; margin-top: 40px;}

.log_w {width: 100%; height: 460px; border: 1px solid #ccc; border-top: 2px solid #2b405b; box-sizing: border-box; overflow: hidden; display: table;}
.log_w .txt {display: table-cell; vertical-align: middle; line-height: 30px; padding-left: 500px; background: url('/images/log_w.png') 145px 50% no-repeat;}
.log_w .txt h3 {text-align: left; font-size: 27px; font-family: 'nanumsquareb'; color: #333; margin: 0; padding: 0;}
.log_w .txt p {font-size: 16px;  color: #888;}
.log_w .txt a {display: inline-block; background: #f6f6f6; border: 1px solid #ccc; color: #444; font-size: 16.5px; font-family: 'nanumsquareb'; text-align: center; width: 205px; height: 45px; line-height: 45px; text-decoration: none;}

.log_box {width: 508px; height: 170px; margin: 29px 0 0 0;}
.log_box ul {width: 100%; height: 107px; margin: 0; padding: 0;}
.log_box ul li {list-style: none; display: block; width: 368px; height: 48px; margin: 0 ; padding: 0; float: left;}
.log_box ul li:last-child {width: 130px; height: 100%; float: right; margin-top: -57px;}
.log_w .log_box p {margin: 0; padding: 16px 0 33px 0; height: 17px; line-height: 1; font-size: 16px; color: #888;}
.log_w .log_box p input[type=checkbox] {border: 1px solid #707070; width: 13px; height: 13px; margin: 0 6px 0 0; vertical-align: middle;}
.log_w .log_box ul li input {width: 351px; height: 46px; border: 1px solid #ccc; padding-left:15px; color: #888}
.log_w .log_box ul li a {display: block; width: 100%; height: 100%; background: #1f4bb4; color: #fff; text-align: center; line-height: 107px; border: 0;}

.tab_w {width: 100%; height: 53px; border-bottom:1px solid #104a97; margin-bottom: 40px;}
.tab_w ul {margin: 0; padding: 0;}
.tab_w ul li {list-style: none; height: 52px; float:left;}
.tab_w ul li.mem_c {width: 234px; border: 1px solid #ccc; border-right: 1px solid #104a97; border-bottom: 0;}
.tab_w ul li.mem_c.on {border: 1px solid #104a97;}
.tab_w ul li.mem_p {width: 234px; border: 1px solid #ccc; border-left: 0; border-bottom: 0;}
.tab_w ul li.mem_p.on {border: 1px solid #104a97; border-left: 0;}
.tab_w ul li a {display: block; width: 100%; height: 100%; text-align: center; line-height: 52px; text-decoration: none; font-size: 16px; color: #444;}
.tab_w ul li.on a {color: #104a97; font-family: 'nanumsquareb';}
.log_w .wid_50p {padding: 0 76px; box-sizing: border-box;}
.log_w .wid_50p.bor_l {border-left: 1px solid #ccc; box-sizing: border-box; height: 100%;}
.log_w .wid_50p h3 {font-size: 25px; font-family: 'nanumsquareb'; text-align: left; color: #333333; margin: 0; padding: 70px 0 10px 0;}
.log_w .wid_50p p {font-size: 16px; color: #888; padding: 0; padding: 0 0 36px 0; letter-spacing: -0.05em;}
.log_w .exit {padding: 0; box-sizing: border-box; width: 500px; margin: 0 auto;}
.log_w .exit h3 {font-size: 25px; font-family: 'nanumsquareb'; text-align: left; color: #333333; margin: 0; padding: 40px 0 10px 0;}
.log_w .exit p {font-size: 16px; color: #888; padding: 0; padding: 0 0 36px 0; letter-spacing: -0.05em;}

.log_w .find {width: 100%;}
.log_w .find ul {width: 100%; margin: 0; padding: 0;}
.log_w .find ul li {list-style: none; width: 100%; height: 48px; margin: 0; padding: 0 0 10px 0;}
.log_w .find ul li input {width: 465px; height: 46px; border: 1px solid #ccc; text-indent: 10px;}
.log_w .wid_50p a {width: 125px; height: 47px; display: block; margin: 17px auto 0 auto; color: #fff; text-decoration: none; background: #1f4bb4; font-size: 16px; font-family: 'nanumsquareb'; text-align: center; line-height: 47px;}
.log_w .exit a {width: 125px; height: 47px; display: block; margin: 17px auto 0 auto; color: #fff; text-decoration: none; background: #1f4bb4; font-size: 16px; font-family: 'nanumsquareb'; text-align: center; line-height: 47px;}
.mem_per {display: none;}

/* footer */
.footer {width: 100%; height: 179px !important; padding: 0 !important; margin: 0 !important; background: none !important;}
.policy_w {background: #696971; width: 100%; height: 60px;}
.policy_w ul {width: 1240px; height: 100%; margin: 0 auto; padding: 0;}
.policy_w ul li {list-style: none; float: left; padding: 21px 0;}
.policy_w ul li:nth-child(2) a {border-right: 0;}
.policy_w ul li:last-child {float: right; padding: 13px 0 12px;}
.policy_w ul li a {font-size: 16px;  color: #fff; text-decoration: none; line-height: 18px; border-right: 1px solid #fff; padding-right: 18px; margin-right: 14px;}
.policy_w ul li select {width: 198px; height: 35px; background: none; border: 1px solid #b4b4b8;color: #fff; padding: 0 0 0 14px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: url('/images/link_arrow.png') 92% 50% no-repeat;}
.policy_w ul li select::-ms-expand {opacity: 0;}
.policy_w ul li select option {color: #666;}

.addr {width: 1240px; height: 119px; margin: 0 auto; position: relative;}
.addr p {font-size: 16px;  color: #666; line-height: 28px; margin: 0; padding: 30px 0 0 0;}
.addr a {position: absolute; top: 20px; right: 0; display: block; width: 50px; height: 50px; background: url('/images/btn_top.gif') no-repeat; text-indent: -10000px;}


/* popup */
.pop_w {margin: 0 auto; position: relative; }
.pop_w h3 {width: 100%; height: 60px; background: #1377d4; font-size: 20px; font-family: 'nanumsquareb'; color: #fff; text-indent: 20px; line-height: 60px; margin: 0; padding: 0;}
.pop_cont {width: 100%; height: 669px; padding: 40px 20px 50px 20px; box-sizing: border-box; background: #fff;}
.pop_cw {width: 100%; height: 509px; overflow-y: auto;}
.pop_cw .pop_search {width: 100%; height: 35px; margin-bottom: 10px;}
.pop_cw .pop_search select {height: 35px; vertical-align: middle; border: 1px solid #ccc;}
.pop_cw .pop_search input {height: 35px; vertical-align: middle; border: 1px solid #ccc; box-sizing: border-box; padding-left: 5px;}
.pop_cw .pop_search a {width: 55px; height: 35px; line-height: 35px; text-decoration: none; display: inline-block; text-align: center; color: #fff; background: #005fca;}
.pop_cw .pop_search span {width: 75px; height: 35px; line-height: 35px; display: inline-block; font-size: 16.5px; font-family: 'nanumsquareb'; color: #333;}
.pop_cw table {width: 100%; border-top: 2px solid #2b405b; border-collapse: collapse;}
.pop_cw table th {border-bottom: 1px solid #2b405b; border-right: 1px solid #ccc; height: 44px; background: #f8f8f8; text-align: center;}
.pop_cw table td {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 43px;}
.pop_cw table td.txt_l {text-indent: 10px;}
.pop_cw table td.txt_r {padding-right: 10px;}
.pop_cw table th:last-child, .pop_cw table td:last-child {border-right: 0;}
.pop_cw table td select {height: 31px; border: 1px solid #ccc; vertical-align: middle; background: #fffcd3;}
.pop_cw table td input {height: 27px; border: 1px solid #ccc; vertical-align: middle; text-indent: 5px;}
.pop_cw table td input[type=button] {height: 31px; border: 1px solid #005fca; background: #005fca; color: #fff; cursor: pointer; text-indent: 0;} 
.pop_cw table td input[type=button]:disabled {border:1px solid #ccc; background: #ebebe4; color: #d1d1ca; cursor: default;}
.pop_cw .paging {text-align: center; padding-top: 30px; height: 34px;}
.pop_cw .paging a {width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 32px; border: 1px solid #dfdfdf; vertical-align: top; text-decoration: none; color: #444; background: #fbfbfb; font-size: 16px; }
.pop_cw .paging a.on {background: #1069cc; border: 1px solid #1069cc; color: #fff;}
.pop_cw.wid_97 {padding-top: 161px; box-sizing: border-box;}
.pop_cw a.arrow {width: 44px; height: 83px; display: block; margin: 5px auto 4px; border: 1px solid #2b405b;}
.pop_cont .btn_w {height: 40px; padding-top: 30px; clear: both;}
.pop_cont .btn_w a {width: 80px; height: 40px; line-height: 40px; text-align: center; display: inline-block; margin: 0 3px 0 2px; text-decoration: none; font-size: 15px; color: #fff; font-family: 'nanumsquarer';}
.pop_cont .btn_w a.mfp-close {background: #5a6273; position: relative; padding: 0;}
.pop_cont .btn_w a.save {background: #005fca;}
.pop_cont .btn_w a.pop_close {background: #5a6273}
.pop_cont .btn_w a.id_use {background: #fe790a}

.pop_cont.main {height: 295px;}
.main .pop_cw {height: 135px; overflow: hidden;}
.pop_cw .result {border-top: 2px solid #2b405b; border-bottom: 1px solid #ccc; padding: 19px 0; margin: 25px 0 40px 0; text-align: center;}
.result span {padding: 0 15px; font-size: 16px; font-family: 'nanumsquareb';}
.pop_cont.pop_id {height: 275px; padding: 20px}
.pop_id .pop_cw {height: 170px; overflow: hidden;}
.pop_cw p {color: #555; text-align: center; padding: 20px 0; margin-top: 20px; line-height: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.pop_cw p span {color: #fe790a;}
.pop_cw p a {display: block; width: 70px; height: 35px; background: #fe790a; color: #fff; text-decoration: none; line-height: 35px; margin: 15px auto 0 auto;}
.pop_cont.pop_id .btn_w {padding-top: 15px;}
/*.txt_01, .txt_03 {display: none;}*/
.pop_content {width: 100%; padding:  30px; box-sizing: border-box; background: #fff;}
.pop_content .pop_cw {height:inherit;}
.pop_content p {margin-top: 0;}
.pop_content .btn_w {height: 40px; padding-top: 30px; clear: both;}
.pop_content .btn_w a {width: 80px; height: 40px; line-height: 40px; text-align: center; display: inline-block; margin: 0 3px 0 2px; text-decoration: none; font-size: 15px; color: #fff; font-family: 'nanumsquarer'; background: #5a6273; position: relative;}
.pop_cw h4 {font-size: 18px; margin: 0.5em 0;}
.pop_cw p.txt{line-height: 1.6; text-align: left; border: 0; margin: 0;}

.popup_in {width: 100%; height: 100%; margin: 0; background: rgba(0,0,0,0.6); padding: 65px; box-sizing: border-box; display: none; position: absolute; top: 0 !important; left: 0;}
.popup_in .pop_cont {height: 549px;}
.popup_in .pop_cw {height: 419px;}
.popup_in .pop_close {position: absolute; color: #fff; top: 15px; right: 20px; font-size: 25px; cursor: pointer;}
.popup_in .btn_w a.pop_close {position: inherit;}


/* 404 error */
.wrap_404 {width: 100%; height: 100vh; position: relative; overflow: hidden;}
.box_404 {width: 1240px; height: 460px; border: 1px solid #ccc; border-top: 2px solid #2b405b; box-sizing: border-box; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: table; background: url('/images/404.png') 150px 50% no-repeat;}
.box_404 .txt {padding-left: 500px; display: table-cell; vertical-align: middle;}
.box_404 .txt h3 {font-size: 25px; font-family: 'nanumsquareb'; text-align: left; color: #333; margin: 0; padding: 10px 0;}
.box_404 .txt p {font-size: 16px; color: #888; padding: 0 0 36px 0; letter-spacing: -0.05em; line-height: 30px;}
.box_404 .txt a {display: inline-block; background: #f6f6f6; border: 1px solid #ccc; color: #444; font-size: 16.5px; font-family: 'nanumsquareb'; text-align: center; height: 45px; line-height: 45px; text-decoration: none; padding: 0 30px; margin-right: 5px;}

.txt_l {text-align: left !important;}
.txt_c {text-align: center !important;}
.txt_r {text-align: right !important;}

.wid_50p {width: 50%;}
.wid_100 {width: 100%;}
.wid_25 {width: 25px !important;}
.wid_35 {width: 35px !important;}
.wid_40 {width: 40px !important;}
.wid_50 {width: 50px !important;}
.wid_74 {width: 74px !important;}
.wid_97 {width: 97px !important;}
.wid_107 {width: 107px !important;}
.wid_118 {width: 118px !important;}
.wid_130 {width: 130px !important;}
.wid_145 {width: 145px !important;}
.wid_180 {width: 180px !important;}
.wid_195 {width: 195px !important;}
.wid_213 {width: 213px !important;}
.wid_240 {width: 240px !important;}
.wid_290 {width: 290px !important;}
.wid_330 {width: 330px !important;}
.wid_360 {width: 360px !important;}
.wid_384 {width: 384px !important;}
.wid_406 {width: 406px !important;}
.wid_420 {width: 420px !important;}
.wid_428 {width: 428px !important;}
.wid_475 {width: 475px !important;}
.wid_500 {width: 500px !important;}
.wid_545 {width: 545px !important;}
.wid_580 {width: 580px !important;}
.wid_600 {width: 600px !important;}
.wid_650 {width: 650px !important;}
.wid_675 {width: 675px !important;}
.wid_684 {width: 684px !important;}
.wid_710 {width: 710px !important;}
.wid_715 {width: 715px !important;}
.wid_800 {width: 800px !important;}
.wid_877 {width: 877px !important;}
.wid_1028 {width: 1028px !important;}
.wid_1240 {width: 1240px !important;}

.hei_36 {height: 36px !important;}
.hei_83 {height: 83px !important;}
.hei_118 {height: 118px !important;}
.hei_203 {height: 203px !important;}
.hei_350 {height: 350px !important;}
.hei_367 {height: 367px !important;}

.padt_9 {padding-top: 9px !important;}
.padt_15 {padding-top: 15px !important;}
.padt_20 {padding-top: 20px !important;}
.padt_25 {padding-top: 25px !important;}
.padt_30 {padding-top: 30px !important;}
.padt_38 {padding-top: 38px !important;}
.padt_155 {padding-top: 155px !important;}
.padt_175 {padding-top: 175px !important;}
.padt_240 {padding-top: 240px !important;}
.padb_9 {padding-bottom: 9px !important;}
.padb_20 {padding-bottom: 20px !important;}
.padb_30 {padding-bottom: 30px !important;}
.padb_35 {padding-bottom: 35px !important;}
.padb_45 {padding-bottom: 45px !important;}
.padb_55 {padding-bottom: 55px !important;}
.padl_0 {padding-left: 0 !important;}

.mart_6 {margin-top: 6px !important;}
.mart_30 {margin-top: 30px !important;}
.mart_5 {margin-right: 5px !important;}
.marb_0 {margin-bottom: 0 !important;}
.marb_11 {margin-bottom: 11px !important;}
.marb_55 {margin-bottom: 55px !important;}
.marl_20 {margin-left: 20px !important;}

.gray {color: #3a3a3a !important;}
.white {color: #fff !important;}
.red {color: #ed1c24 !important;}

.fl {float: left;}
.fr {float: right;}

/* °¡·Î Çػ󵵰¡ 1240px º¸´Ù ÀÛÀº È­¸é¿¡ Àû¿ë */
@media (max-width: 1240px) {
	.wrap {min-width: 1240px; overflow: auto}	
}
/*
@media (max-width: 1240px) {
	.menu {width: 100%;}
	.all_w .all_mn {padding: 0 0 0 20%; width: 80%;}
	.all_w .all_mn li {width: 25%;}
	.all_w .sub_mn {width: 100%;}
	.all_w .sub_mn li {width: 100%;}
	.menu h1 {width: 17%;}
	.menu h1 a {background-size: contain; background-position: center}
	.menu .txt_mn {margin: 0 0 0 17%; width:46.5%}
	.menu .txt_mn li {padding: 20px 2.5% 10px 2.5%;}
	.menu .icon_mn {width: 35%;}
	.bx-wrapper, .bx-viewport {height: 100% !important;}
	.visual_txt {width: 90%;}
	.main_01, .main_02, .main_03 {height: inherit;}
	.icon {width: 100%; padding: 0;}
	.icon ul li {width: 16.66%;}
	.main_cont {width: 100%;}
	.lastet_w {width: 94%; margin: 0 3%;}
	.lastet_w .wid_580 {width: 49% !important;}
	.lastet_w ul li.tit a {width: 55%;}
	.lastet_w ul li a {width: 55%;}
	.link_w {width: 94%; margin: 0 3%;}
	.link_w ul li {width: calc(25% - 17px);}
	.info_w  {width: 94%; margin: 0 3%;}
	.info_w ul li {width: 29%;}
	.info_w ul li.map {width: 29%;}
	.banner_w {width: 94%; margin: 3% 3% 0 3%;}
	.banner_w .arrow {width: 25%;}
	.banner_w ul {width: 75%;}
	.policy_w ul {width: 100%; padding: 0 10px; box-sizing: border-box;}
	.addr {width: 100%; padding: 0 10px; box-sizing: border-box;}
	.addr a {right: 10px;}
	
	.line_map {width: 94%;}
	.content_w {width: 94%; padding: 0 3%;}
	
	.info_img {background:url('/images/info_img.jpg') 40% 0 no-repeat;}
	.info_img p span {display: block;}
	.purpose {width: 100%;}
	.purpose ul li {width: 30%; margin-right: 3%;}
	.purpose ul li ul.box {height: 220px;}
	.purpose ul li ul.box li {width: 85%;}
	.history_w ul li .fl h5:after {left: 97.5%;}
	
	.org .org_01 img, .org .org_02 img, .org .org_03 img {width: 100%;}
	.org .btn {left: 0; bottom: 36%;}
	.org .btn a {width: 27%; margin-right: 9%}
	.org .btn a.img_3 {margin-right: 0;}
	
	.device_w {width: 100%;}
	.device_img, .device_txt {width: 49%;}
	.device_img img {width: 100%;}
	.map_w .map_txt ul {padding: 0 0 0 2%; width: 98%;}
	.map_w .map_txt ul li {padding: 0 2% 0 7%;}
	.map_w .map_txt ul li:nth-child(1) {background-size: 14%; background-position: 0 50%; width: 38%;}
	.map_w .map_txt ul li:nth-child(2) {background-size: 25%; background-position: 0 50%; width: 17%}
	.map_w .map_txt ul li:nth-child(3) {background-size: 25%; background-position: 0 50%; width: 17%;}
	
	.cont_tit {clear: both;}
	.traffic dl dt {width: 10%;}
	.traffic dl dd {width: 87%;}
	
	.use {width: 100%;}
	.use li {width: 30%;}
	.test li {width: 23%; margin: 0 2.6% 0 0;}
	.img img {width: 100%;}
	
	.step_w {width: 100%;}
	
	.search_box ul li.wid_360 {width: 35% !important;}
	.search_box ul li.wid_710 {width: 55% !important;}
	.search_box ul li input[type=text].wid_384 {width: 50% !important;}
	.search_box ul li input[type=text].wid_118 {width: 18% !important;}
	.table_w form {overflow-x: auto; width: 100%;}
	.table_w .btn_w {margin-bottom: 30px;}
	
	.log_w .txt {padding-left: 30%; background: url('/images/log_w.png') 30px 50% no-repeat;}
	.join_fin .txt {padding-left: 30%; background: url('/images/join_fin.png') 30px 50% no-repeat;}
	
	.btns {margin-bottom: 30px;}
	
	.write_w .write th {width: inherit;}
	.write_w .write td {width: inherit;}
	.write_w .write td input.wid_290 {width: 48% !important;}
	.write_w .write td input.wid_1028 {width: 98% !important;}
	
	.table_w .wid_800 {width: 65% !important;}
	.table_w .wid_800 .wid_800 {width: 100% !important;}
	.table_w .wid_420 {width: 30% !important;}
	.table_w .wid_420 .wid_420 {width: 100% !important;}
	.search_bx input.wid_145 {width: 115px !important;}
	.pop_w.wid_1240 {width: 94% !important;}
	.pop_cw.wid_675 {width: 60% !important;}
	.pop_cw.wid_500 {width: 37% !important;}
	.write_w .write td input.wid_118 {width: 25% !important;}
	.write_w .write td input.wid_213 {width: 50% !important;}
	.write_w .write td input.wid_406 {width: 95% !important;}
	.write_w .write td input.wid_877 {width: 80% !important;}
	
	.on_step {width: 20%; margin: 0 2.5%;}
	.on_01:after, .on_02:after, .on_03:after {right: -21%;}
	.on_04:after {left: 30%;}
	.on_05:after, .on_06:after, .on_07:after {left: -21%;}
}

@media (max-width: 900px) {
	.menu .txt_mn {width: 42%;}
	.menu .txt_mn li {width: initial; text-align: center; padding: 20px 2% 10px 2%;}
	.menu .txt_mn li a {font-size: 1em;}
	.menu .icon_mn li {width: 17%; margin: 0; text-align: center;}
	.menu .icon_mn li a {font-size: .6em;}
	.on_01:after, .on_02:after, .on_03:after {right: -24%;}
	.on_04:after {left: 45%;}
	.on_05:after, .on_06:after, .on_07:after {left: -24%;}
}*/