@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; font-family:"맑은 고딕", malgun gothic, sans-serif; overflow: hidden;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form {margin: 0; padding: 0; font-family:"맑은 고딕", malgun gothic, sans-serif;}

.log_wrap {width: 100%; height: 100vh; background: url(../images/log_bg.jpg) 50% 50% no-repeat; background-size: cover; position: relative; overflow: hidden;}

.log_w {width: 594px; height: 319px; padding: 43px 54px 30px 54px; background: rgba(255,255,255,.7); border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.log_w h1 {text-align: center; width: 100%; height: 35px;}
.log_w h2 {width: 100%; border-bottom: 1px solid #c8c9ca; text-align: center; font-weight: bold; font-size: 28px; color: #1e1e1e; letter-spacing: -0.05em; padding: 19px 0 23px 0; font-family:"맑은 고딕", malgun gothic, sans-serif;}

.input_w {width: 452px; height: 81px; margin: 25px auto 0 auto; position: relative;}
.input_w input {width: 326px; height: 37px; background: #fff; text-indent: 14px; font-size: 15px; color: #333; border: 0; padding: 0;}
.input_w input:nth-child(1) {margin-bottom: 7px;}
.input_w button, .input_w input[type=button] {width: 120px; height: 100%; border: 0; padding: 0; position: absolute; top: 0; right: 0; background: #5180d7; color: #fff; font-size: 16px; font-weight: bold; text-align: center; cursor: pointer; text-indent: 0;}
.input_w input:focus, .input_w button:focus {outline: 0;}
.txt_w {width: 452px; margin: 0 auto; padding: 14px 0; height: 13px; font-size: 13px; line-height: 13px;}
.txt_w p {color: #3a3a3a; font-weight: bold;}
.txt_w p a {color: #3a3a3a; text-decoration: none;}
.txt_w p.id_save input {border: 1px solid #707070; width: 13px; height:13px; margin: 0; background: #fff;}
.txt_w p label {margin: 0 5px;}

.log_w .btn_w {width: 100%; height: 30px;  text-align: center;}
.log_w .btn_w a {height: 100%; border: 0; color: #fff; text-align: center; font-size: 12px; font-weight: bold; cursor: pointer; letter-spacing: -0.05em; display: inline-block; text-decoration: none; line-height: 30px;}
.log_w .btn_w a:nth-child(1) {background: #0fa9ff; width: 85px;}
.log_w .btn_w a:nth-child(2) {background: #00a8ad; width: 90px;}
.log_w .btn_w a:nth-child(3) {background: #5180d7; width: 90px;}
.log_w .btn_w a:nth-child(4) {background: #f277ab; width: 80px;}
.log_w .btn_w a:nth-child(5) {background: #8d9eb9; width: 90px;}
.log_w p.txt {font-size: 13px; color: #333; width: 362px; margin: 0 auto; padding-top: 20px; letter-spacing: -0.01em;}

.txt_w.fin {width: 100%; height: 100px; padding: 0;}
.txt_w.fin .t_box {border: 0; height: auto; text-align: center;}
.txt_w.fin .t_box h3 {padding: 5px;}

.find_wrap {width: 100%; height: 100vh; background: url(../images/log_bg.jpg) 50% 50% no-repeat; background-size: cover; position: relative; overflow: hidden;}
.find_w {width: 594px; height: 535px; padding: 43px 54px 30px 54px; background: rgba(255,255,255,.7); border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.find_w h1 {text-align: center; width: 100%; height: 35px;}
.find_w h2 {text-align: center; width: 100%; border-bottom: 1px solid #c8c9ca; height: 35px; padding: 19px 0 20px 0; font-size: 25px; font-weight: bold; color: #1e1e1e; font-family:"맑은 고딕", malgun gothic, sans-serif;}
.find_w h3 {width: 100%; text-align: center; font-weight: bold; font-size: 20px; color: #2a2a2a; letter-spacing: -0.05em; padding: 15px 0 15px 0; font-family:"맑은 고딕", malgun gothic, sans-serif;}
.tab_w {width: 100%; height: 40px; border-bottom: 1px solid #5180d7;}
.tab_w ul {width: 100%; height: 100%;}
.tab_w ul li {width: 150px; height: 100%; list-style: none; text-align: center; display: inline-block; float: left; box-sizing: border-box;}
.tab_w ul li.f_id {border: 1px solid #ccc; border-right: #5180d7; border-bottom: 0;}
.tab_w ul li.f_id.on {border: 1px solid #5180d7; border-bottom: 0;}
.tab_w ul li.f_pw {border: 1px solid #ccc; border-left: 0; border-bottom: 0;}
.tab_w ul li.f_pw.on {border: 1px solid #5180d7; border-bottom: 0;}
.tab_w ul li a {width: 100%; height: 100%; line-height: 40px; color: #777; text-decoration: none; text-align: center; font-family:"맑은 고딕", malgun gothic, sans-serif; font-size: 14px; background: #fff; display: block;}
.tab_w ul li.on a {color: #fff; background: #5180d7; font-weight: bold;}
.tab_w:after {content: ''; display: block; clear:both;}
.find {width: 100%; height: 200px; margin: 25px 0; padding: 30px 0; border: 2px solid #5180d7; box-sizing: border-box; display: table; background: #fff;}
.find ul {width: 380px; margin: 0 auto;}
.find ul li {list-style: none; width: 100%; height: 45px; line-height: 45px;}
.find ul li span {display: inline-block; width: 125px; height: 100%; font-size: 14px; font-weight: "맑은 고딕", malgun gothic, sans-serif;}
.find ul li input {width: 100%; height: 35px; border: 1px solid #ccc; padding: 5px 10px; box-sizing: border-box; font-size: 14px; font-weight: "맑은 고딕", malgun gothic, sans-serif;}
.find_w a.btn {width: 75%; height: 60px; line-height: 60px; background: #5180d7; color: #fff; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; display: block; margin: 0 auto;}
.find_w p {text-align: center; font-size: 16px; line-height: 25px; font-family: "맑은 고딕", malgun gothic, sans-serif; display: table-cell; vertical-align: middle;}
.find_w p span {font-weight: bold; color: #5180d7;}
.find_w p span.block {display: inline-block; padding: 5px 20px; margin: 20px 0 0 0; background: #d9eae9; color: #1e1e1e; font-weight: normal; font-size: 14px;}

.wrap {width: 100%; height: 100vh; overflow: hidden;}
.wrap_join {width: 1200px; height: 100vh; overflow: hidden; margin: 0 auto;}

.header {width: 100%; height: 75px; border-bottom: 2px solid #bbbbbb;}
.gnb {width: 100%; height: 30px; background: #3f51b5;}
.link_c {margin-left: 30px;}
.link_c li {list-style: none; display: block; float: left; width: 105px; height: 100%;}
.link_c li a {width: 100%; height: 30px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; display: block; text-align: center; line-height: 30px; overflow: hidden;}
.link_c li a.usa {background: #5180d7;}
.link_c li a.eu {background: #00a8ad;}

.noti_w {margin-left: 30px; width: -webkit-calc(100% - 800px); width: -moz-calc(100% - 800px); width: -o-calc(100% - 800px); width: -ms-calc(100% - 800px); width: calc(100% - 800px); height: 100%; float: left;}
.slide_noti {height: 100%;}
.slide_noti li {list-style: none; padding-left: 80px}
.slide_noti li a {color: #fff; font-size: 12px; line-height: 30px; text-decoration: none; width: 530px; display: inline-block;}
.slide_noti li a:hover {text-decoration: underline;}
.slide_noti li a span.date {color: #fff200; padding-right: 25px;}

.gnb_mn {position: absolute; right: 30px;top:0;}
.gnb_mn li {list-style: none; display: block; float: left; font-size: 12px; color: #fff; font-weight: bold; line-height: 30px; margin-left: 5px;}
.gnb_mn li:nth-child(1) {padding-right: 25px;}
.gnb_mn li a {border-radius: 3px; display: block; background: #6498f3; text-decoration: none; height: 20px; line-height: 20px; margin-top: 5px; color: #fff; text-align: center;}
.gnb_mn li a.home {background: #2ab3ff; width: 67px;}
.gnb_mn li a.log {width: 67px;}
.gnb_mn li a.home_2 {width: 87px;}

.head_mn {width: 100%; height: 45px;}
.head_mn h1 {width: 210px; height: 100%; margin: 0 21px 0 30px; float: left;}
.head_mn h1 a {padding: 7px 0 6px 0; width: 100%; height: 32px; margin: 0; display: block;}
.head_mn h1 a img {vertical-align: top}
.head_mn .docu_w {width: -webkit-calc(100% - 361px); width: -moz-calc(100% - 361px); width: -o-calc(100% - 361px); width: -ms-calc(100% - 361px); width: calc(100% - 361px); height: 30px; padding: 8px 0 7px; float:left;}
.head_mn.user .docu_w {width: -webkit-calc(100% - 325px); width: -moz-calc(100% - 325px); width: -o-calc(100% - 325px); width: -ms-calc(100% - 325px); width: calc(100% - 325px);}
.head_mn.user .btns {width: 30px;}

.docu_w ul.docu {height: 30px; width: -webkit-calc(100% - 34px); width: -moz-calc(100% - 34px); width: -o-calc(100% - 34px); width: -ms-calc(100% - 34px); width: calc(100% - 34px); min-width: 100% !important; float: left; /*overflow: hidden;*/}
.docu_w ul.docu li {list-style: none; display: block; float: left; margin-right: 2px; height: 30px; border-radius: 5px; background: #dddddd; padding: 0 10px; width: auto !important;}
.docu_w ul.docu li a {text-decoration: none; font-weight: normal; font-size: 14px; color: #333; line-height: 30px; width: 100%; height: 100%; display: block;}
.docu_w ul.docu li a span {padding-left: 7px;}
.docu_w ul.docu li.on {background: #498ae1;}
.docu_w ul.docu li.on a {color: #fff;}
.slick-track {height: 35px; width: calc(100% - 70px) !important;}
.slick-prev.slick-arrow {background: url(../images/docu_prev.gif) no-repeat; width: 30px; height: 30px; border: 0; text-indent: -10000px; position: absolute; right: 34px; top: 3px; cursor: pointer;}
.slick-next.slick-arrow {background: url(../images/docu_next.gif) no-repeat; width: 30px; height: 30px; border: 0; text-indent: -10000px; position: absolute; right: 0px; top: 3px; cursor: pointer;}

.head_mn ul.btns {width: 66px; padding: 8px 30px 7px 0; height: 30px; float: right; margin-left: 4px; position: relative;}
.head_mn ul.btns li {width: 30px; height: 100%; list-style: none; display: inline-block; vertical-align: top;}

.head_mn ul.btns li.country:hover .country_select {display: none;}
.head_mn ul.btns li .country_select {position: absolute; width: 55px; right: 15px; display: none;}
.head_mn ul.btns li .country_select li {width: 100%; height: 25px; text-align: left; font-size: 13px; line-height: 25px; background: #efefef; text-align: center; cursor: pointer;}
.head_mn ul.btns li .country_select li.on, .head_mn ul.btns li .country_select li.on:hover	 {background: #5a6273; color: #fff;}
.head_mn ul.btns li .country_select li:hover {background: #8b919d; color: #fff;}

.container_w {width: 100%; height: -webkit-calc(100vh - 76px); height: -moz-calc(100vh - 76px); height: -o-calc(100vh - 76px); height: -ms-calc(100vh - 76px); height: calc(100vh - 76px);}
.container_w .left {width: 239px; height: 100%; border-right: 1px solid #d7d7d7; position: relative; overflow-y: auto; overflow-x: hidden; float: left; background: #edeff5;}
.btn.btn_left {position: absolute; top: 82px; left: 239px; width: 19px; height: 33px; border: 1px solid #d7d7d7; border-left: 0; background: #fff;}



.container_w .left.icon {width: 54px; overflow:visible;}

/* left menu scrollbar */
.left::-webkit-scrollbar, .left_1::-webkit-scrollbar {width: 5px;}
/* Track */
.left::-webkit-scrollbar-track, .left_1::-webkit-scrollbar-track {background: #eff0f2;}
/* Handle */
.left::-webkit-scrollbar-thumb, .left_1::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.left::-webkit-scrollbar-thumb:hover, .left_1::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.left::-ms-scrollbar, .left_1::-ms-scrollbar {width: 5px;}
/* Track */
.left::-ms-scrollbar-track, .left_1::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.left::-ms-scrollbar-thumb, .left_1::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.left::-ms-scrollbar-thumb:hover, .left_1::-ms-scrollbar-thumb:hover {background: #4768b9;}


#sidetree {padding: 10px 20px; width: 199px; height: 25px;}
#sidetreecontrol {width: 100%; height: 100%;}
#sidetreecontrol a {border: 1px solid #e3e3e3; font-size: 12px; color: #fff; display: inline-block; width: 98px; height: 23px; line-height: 23px; text-align: center; text-decoration: none; float: left; background: #5a6273;}
#sidetreecontrol a:hover { color: #fff;}
#sidetreecontrol a:nth-child(2) {border-left: 0;}

.collapsable{width: 100%;  padding: 0; list-style: none;}

.collapsable span.folder {padding: 13px 0 12px 40px; font-size: 14px; font-weight: bold; color: #222; cursor: pointer; display: inline-block; line-height: 1; width: 199px; background-position: 10px 5px; background-repeat: no-repeat;}
.collapsable.on span.folder {background-position: 10px 100%; background-repeat: no-repeat; background-color: #8d9eb9; color: #fff;}
.collapsable span.folder.mn_01 {background-image: url(../images/txt_mn01.png);}
.collapsable span.folder.mn_02 {background-image: url(../images/txt_mn02.png);}
.collapsable span.folder.mn_03 {background-image: url(../images/txt_mn03.png);}
.collapsable span.folder.mn_04 {background-image: url(../images/txt_mn04.png);}
.collapsable span.folder.mn_05 {background-image: url(../images/txt_mn05.png);}
.collapsable span.folder.mn_06 {background-image: url(../images/txt_mn06.png);}
.collapsable span.folder.mn_07 {background-image: url(../images/txt_mn07.png);}
.collapsable span.folder.mn_08 {background-image: url(../images/txt_mn08.png);}
.collapsable span.folder.mn_09 {background-image: url(../images/txt_mn09.png);}

.collapsable ul {display: none;}
.collapsable ul li {width: 100%; background: #eff0f2;}
.collapsable ul li span.file {height: 100%; color: #333333; padding-left: 57px; line-height: 34px; background: url(../images/tree_open.gif) 39px 50% no-repeat; cursor: pointer; font-size: 13px; font-weight: normal; letter-spacing: -0.025em;}
.collapsable ul li.noDepth span.file {background: url(../images/tree_base.gif) 39px 50% no-repeat;}
.collapsable ul li.noDepth span.file:hover {background: url(../images/tree_base.gif) 39px 50% no-repeat;}
.collapsable ul li.on span.file {color: #3a5bb8; background: url(../images/tree_close.gif) 39px 50% no-repeat;}
.collapsable ul li span.file:hover {color: #3a5bb8; background: url(../images/tree_close.gif) 39px 50% no-repeat;}


/* dark _ left */
.container_w .left_1 {width: 239px; height: 100%; border-right: 1px solid #d7d7d7; position: relative; overflow-y: auto; overflow-x: hidden; float: left; background:  #464854;}
.left_1 #sidetree {height: 35px;}
.left_1 #sidetreecontrol a {background: #676973; color: #fff; border: 0; height: 35px; line-height: 35px;}
.left_1 #sidetreecontrol a:nth-child(2) {margin-left: 1px;}
.left_1 .collapsable span.folder {color: #fff; background-position: 10px 5px; background-repeat: no-repeat;}
.left_1 .collapsable.on span.folder {background: #323440; color: #2ab3ff; background-position: 10px 100%; background-repeat: no-repeat;}
.left_1 .collapsable span.folder.mn_01 {background-image: url(../images/txt_mn_01.png);}
.left_1 .collapsable span.folder.mn_02 {background-image: url(../images/txt_mn_02.png);}
.left_1 .collapsable span.folder.mn_03 {background-image: url(../images/txt_mn_03.png);}
.left_1 .collapsable span.folder.mn_04 {background-image: url(../images/txt_mn_04.png);}
.left_1 .collapsable span.folder.mn_05 {background-image: url(../images/txt_mn_05.png);}
.left_1 .collapsable span.folder.mn_06 {background-image: url(../images/txt_mn_06.png);}
.left_1 .collapsable span.folder.mn_07 {background-image: url(../images/txt_mn_07.png);}
.left_1 .collapsable span.folder.mn_08 {background-image: url(../images/txt_mn_08.png);}
.left_1 .collapsable span.folder.mn_09 {background-image: url(../images/txt_mn_09.png);}
.left_1 .collapsable ul li {background: #464854;}
.left_1 .collapsable ul li.on, .left_1 .collapsable ul li:hover {background: #353743}
.left_1 .collapsable ul li span.file {color: #eeeeee; background: url(../images/tree_base1.gif) 39px 50% no-repeat;}
.left_1 .collapsable li.noDepth span.dots {color: #dddddd;}
.left_1 .collapsable li span.dots {color: #dddddd; font-size: 13px; padding-left: 65px;background: url(../images/dot.gif) 58px 50% no-repeat #323440; display: block;}
.left_1 .collapsable li.noDepth:hover span.dots, .left_1 .collapsable.on li.noDepth.on span.dots {background: url(../images/dot.gif) 58px 50% no-repeat #323440; color: #eee;}
.left_1 .i_mn li:hover, .left_1 .i_mn li.on {background: #323440; border-left: 3px solid #2ab3ff;}

.btn.btn_left1 {position: absolute; top: 82px; left: 239px; width: 19px; height: 33px; border: 1px solid #464854; border-left: 0;}

.container_w .left_1.icon {width: 54px; overflow:visible;}
.left_1 .i_mn li:hover, .i_mn li.on {background: #323440; border-left: 3px solid #2ab3ff;}
.left_1 .i_sub li:hover {background: inherit; border-left: 0;}

.collapsable li.noDepth span.dots {font-size: 13px; color: #333333; padding-left: 65px; display: block; width: 174px; background: url(../images/dot.gif) 58px 50% no-repeat; cursor: pointer; line-height: 25px;}
.collapsable li.noDepth:hover span.dots, .collapsable.on li.noDepth.on span.dots {color: #3a5bb8; background: url(../images/dot_on.gif) 58px 50% no-repeat #fff;}

.icon_mn {display: none;}
.i_mn {width: 54px;}
.i_mn li {position: relative; height: 55px; list-style: none; border-left: 3px solid rgba(0,0,0,0);}
.i_mn li .i_sub_w {display: none; position: absolute; top: 0; left: 54px; width: 240px; padding-left: 8px; z-index: 1;}
.i_mn li:hover, .i_mn li.on {background: #f5f5f5; border-left: 3px solid #3f51b5;}
.i_mn li .icon_mn {display: block;}
.i_mn li:hover .icon_mn {display: none;}
.i_mn li .icon_on {display: none;}
.i_mn li:hover .icon_on {display: block;}
.i_mn li:hover .i_sub_w {display: block;}
.i_mn li .i_sub {width: 240px; padding: 20px 23px; border: 1px solid #d7d7d7; box-sizing: border-box; z-index: 100; background: #fff;}
.i_sub li {width: 100%; min-height: 30px; height: auto;  border-left: 0;}
.i_sub li:hover {background: 0; border-left: 0;}
.i_sub li.tit {font-size: 15px; font-weight: bold; color: #3a5bb8;}
.i_sub li a {color: #333; font-size: 13px; text-decoration: none; padding-left: 20px; background: url(../images/tree_base.gif) 0 50% no-repeat}
.i_sub li a:hover {color: #3a5bb8; background: url(../images/tree_base.gif) 0 50% no-repeat;}
.i_sub li:hover .th {display: block;}
.i_sub li .th {margin: 0 auto; display: none;}
.i_sub li .th li {list-style: none; font-size: 13px; line-height: 29px; height: 29px; border-bottom: 1px solid #d9d9d9;}
.i_sub li .th li a {color: #555; text-decoration: none; background: none; padding-left: 25px; background: url(../images/dot.gif) 20px 50% no-repeat;}
.i_sub li .th li a:hover {color: #3a5bb8; background: url(../images/dot_on.gif) 20px 50% no-repeat #fff;}

.container_w .container {width: -webkit-calc(100% - 303px); width: -moz-calc(100% - 303px); width: -o-calc(100% - 303px); width: -ms-calc(100% - 303px); width: calc(100% - 303px); height: 100%; padding: 0 30px; float: left;} 
.container_w .container.w100 {width: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); width: -o-calc(100% - 115px); width: -ms-calc(100% - 115px); width: calc(100% - 115px);}
.container iframe {border-width: 0; width: 100%; height: 100%; overflow: hidden;}

.container .tab_w {width: 100%; height: 40px; border-bottom: 1px solid #5180d7; margin: 10px 0;}
.container .tab_w ul {width: 100%; height: 100%;}
.container .tab_w ul li {width: 150px; height: 100%; list-style: none; text-align: center; display: inline-block; float: left; box-sizing: border-box;}
.container .tab_w ul li a {width: 100%; height: 100%; line-height: 40px; color: #666; text-decoration: none; text-align: center; font-family:"맑은 고딕", malgun gothic, sans-serif; font-size: 14px; background: #fff; display: block;}
.container .tab_w ul li a:hover {background: #efefef;}
.container .tab_w ul li.on a {color: #fff; background: #5180d7; font-weight: bold;}

.container h3 {font-size: 14px; font-weight: bold; color: #2565d0; padding: 0 0 10px 0; line-height: 16px;}

.main_w {width: 100%; float:left; padding-top: 45px;}
.link_w {width: 100%; height: 235px;}
.visual {width: 50%; height: 100%; float: left; background: url('/resources/images/main_visual.jpg') 50% no-repeat; background-size: cover;}
.link {width: 50%; height: 100%; float: left;}
.link div {width: 50%; height: 100%; float: left; text-align: center; padding-top: 54px; box-sizing: border-box;}
.link .link_us {background: #5180d7;}
.link .link_eu {background: #00a8ad;}
.link h2 {font-size: 24px; font-weight: bold; color: #fff;}
.link h2 span {display: block; font-size: 17px; color: rgba(255,255,255,.7); padding-top: 20px;}
.link a {display: block; width: 201px; height: 36px; background: url(../images/btn_arrow.gif) 75% 50% no-repeat #eef3fb; color: #333; line-height: 36px; font-size: 15px; margin: 45px auto 0 auto; text-decoration: none; padding-right: 25px; box-sizing: border-box;}

.latest_w {width: 100%; height: 230px; padding-top: 15px; box-sizing: border-box;}
.latest {width: 50%; height: 100%; float: left; box-sizing: border-box;}
.latest:nth-child(1) {padding-right: 20px;}
.latest:nth-child(2) {padding-left: 20px;}
.latest h3 {width: 100%; height: 43px; line-height: 43px; font-size: 18px; font-weight: bold; color: #3d3d3d; border-bottom: 3px solid #2d2d2d;}
.latest h3 a {text-decoration: none; font-size: 13px; font-weight: bold; color: #555555; float: right; padding-top: 4px;}
.latest ul {width: 100%; height: 152px; padding-top: 15px; border-bottom: 1px solid #dedede;}
.latest ul li {list-style: none; width: 100%; height: 28px; line-height: 28px;}
.latest ul li a {text-decoration: none; font-size: 13px; color: #555;}
.latest ul li a span {color: #387ec3;}
.latest ul li a span.date {display: inline-block; color: #8d8d8d; float: right;}

.current_w {width: 100%; padding-top: 20px;}
.current {width: 356px; padding-right: 31px; float: left;}
.current:nth-child(3) {padding-right: 0;}
.current h3 {width: 100%; font-size: 15px; font-weight: bold; color: #3d3d3d; line-height: 42px;}
.current h3 span {display: inline-block; float: right; font-size: 13px; font-weight: normal; color: #3d3d3d;}
.current table {width: 100%; border-collapse: collapse; border-top: 1px solid #4c4c4c;}
.current table th {background: #f3f3f3; border-bottom: 1px solid #e1e1e1; height: 33px; font-size: 13px; color: #222;}
.current table td {border-bottom: 1px solid #e1e1e1; height: 33px; text-align: center; font-size: 13px;}
.current table td:nth-child(1) {font-weight: bold; color: #000;}

.content_w {width: 100%; clear: both;}
.content_w ul {width: 100%; margin: 0; padding: 0;}
.content_w ul li {list-style: none; width: 19.5%; height: 115px; text-align: left; margin: 0 0.625% 20px 0; padding-left: 100px; float: left; box-sizing: border-box; font-size: 14px; font-weight: bold; line-height: 20px; color: #333;}
.content_w ul li:nth-child(1) {background: url('../images/icon_m_01.png') 33px 50% no-repeat #e7f8f9;}
.content_w ul li:nth-child(2) {background: url('../images/icon_m_02.png') 33px 50% no-repeat #f4f4f4;}
.content_w ul li:nth-child(3) {background: url('../images/icon_m_02.png') 33px 50% no-repeat #e7f8f9;}
.content_w ul li:nth-child(4) {background: url('../images/icon_m_04.png') 33px 50% no-repeat #f4f4f4;}
.content_w ul li:nth-child(5) {background: url('../images/icon_m_05.png') 33px 50% no-repeat #e7f8f9; margin: 0 0 20px 0;}
.content_w ul li span {font-size: 17px; display: block; padding-top: 20px; color: #555;}
.content_w ul li a {margin: 0 5px; color: #2565d0;}
.content_w p {font-size: 13px; font-weight: bold;}
.content_w p a {text-decoration: none; color: #555;}
.content_w table {clear: both; width: 100%; border-top: 1px solid #5795d2; border-collapse: collapse;}
.content_w table th {font-size: 13px; color: #333; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; background: #f5feff; height: 25px;}
.content_w table th:last-child, .content_w table td:last-child {border-right: 0;}
.content_w table td {font-size: 13px; color: #555; height: 25px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
.content_w table td.txt_l {padding-left: 15px;}
.content_w table td.txt_r {padding-right: 15px;}

.tit_w {width: 100%; height: 26px; padding: 10px 0;}
.tit_w h2 {font-size: 20px; font-weight: bold; line-height: 1; padding: 4px 20px 4px 0; float: left; }  

.line_map {float: left;  padding-top: 15px;}
.line_map ul li {list-style: none; padding-right: 15px; background: url(../images/line_arrow.gif) 100% 50% no-repeat; display: inline-block; font-size: 12px; color: #888; line-height: 1; float: left;}
.line_map ul li img {padding-bottom: 2px;}
.line_map ul li:last-child {background: none; color: #666;}
.tit_w .btn_w {float: right; height: 100%;}
.tit_w .btn_w a {width: 86px; height: 100%; display:inline-block; border-radius: 3px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; line-height: 26px;}
.btn_w a.btn_1 {background: #0fa9ff;}
.btn_w a.btn_2 {background: #f277ab;}
.btn_w a.btn_3 {background: #8d9eb9; width: 125px}
.btn_w a.list { background:#8d9eb9}
.btn_w a.down {background: #00a8ad;}

/**/
.noti_box {width: 100%; height: 79px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-top: 1px solid #686872; box-sizing: border-box; display: table; background: #f5f5f5;}
.noti_box p {display: table-cell; vertical-align: middle; text-align: center; line-height: 25px; font-size: 14px; color: #323232; font-weight: bold;}
.noti_box p.txt_l {padding-left: 20px;}
.noti_box p span {font-weight: bold; color: #e00400;}
.noti_box p span.lt {color: #323232; font-weight: normal; text-decoration: line-through;}
.noti_box p img {vertical-align: middle;}

/* 국가 구분 */
.division {width: 100%; height: 35px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-top: 1px solid #686872; box-sizing: border-box;}
.division dl {width: 100%; height: 100%; margin: 0; padding: 0;}
.division dt {display: inline-block; width: 135px; height: 100%; background: #e9f3ff; border-right: 1px solid #d7d7d7; font-size: 13px; font-weight: bold; color: #333; line-height: 35px; float: left; margin: 0; padding-left: 30px;}
.main_w .division dt {background: #e7f8f9;}
.division dd {display: inline-block; height: 100%; font-size: 13px; color: #333; line-height: 35px; margin: 0; padding: 0 20px; float: left;}
.division dd.dis {color: #999;}
.division dd a {display: inline-block; text-decoration: none; color: #fff; background: #4973c8; padding: 0 10px; height: 25px; border-radius: 3px; line-height: 25px; margin-top: 4px;}
.division dd a.reset {background: #8d9eb9;}


.search_w {min-width: 1330px; width: 100%; height: 38px;  border: 1px solid #d7d7d7; border-top: 1px solid #686872; background: #f5f5f5; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
/* tbody menu scrollbar */
.search_w::-webkit-scrollbar {width: 5px; height: 3px;}
/* Track */
.search_w::-webkit-scrollbar-track {background: #eff0f2;}
/* Handle */
.search_w::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.search_w::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.search_w::-ms-scrollbar {width: 5px;}
/* Track */
.search_w::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.search_w::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.search_w::-ms-scrollbar-thumb:hover {background: #4768b9;}


.search_box {width: 100%; height: 35px; box-sizing: border-box;}
.search {display: inline-block; vertical-align: top;}
.search ul {height: 21px; padding: 4px 0 3px; display: inline-block;}
.search ul li {list-style: none; display: inline-block; float: left; font-size: 13px; font-weight: bold; color: #333; height: 100%; line-height: 26px; padding: 0 5px 0 0; vertical-align: middle;}
.search ul li.condition {padding: 0 5px 0 10px;}
.search ul li select {width: 90px; height: 21px; border: 1px solid #cccccc; box-sizing: border-box; font-size: 13px; font-weight: normal; color: #333; margin-top: 4px}
.search ul li input {width: 100px; height: 21px; border: 1px solid #cccccc; box-sizing: border-box; padding-left: 5px; margin-top: 4px;}
.search ul li img {vertical-align: middle;}
.search ul li a.btn {display: inline-block; margin-top: 4px; width: 45px; color: #444; font-size: 13px; font-weight: bold; text-decoration: none; text-align: center; line-height: 19px; border: 1px solid #d7d7d7; background: #fff; vertical-align: middle;}
.search ul li:last-child {padding: 0;}
.search_box .btn_w {display: inline-block; height: 26px; padding: 5px 10px 3px 0; float:right;}
.search_box .btn_w a {display: inline-block; width: 75px; height: 100%; border-radius: 3px; background: #4973c8; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; text-align: center; line-height: 26px;}
.search_box .btn_w a.reset {background: #8d9eb9}
.search_box.db {height: 60px;}
.search.db {height: 60px; width: 600px;}
.search.db ul {height: 100%; box-sizing: border-box;}
.search.db ul li {box-sizing: border-box;}
.search.db ul li.wid_p25 {height: 100%;}
.search.db ul li.wid_p75 {height: 50%;}
.search.db ul li input[type=radio] {width: 10px; height: 10px; border: 1px solid #d9d9d9; margin: 0; padding: 0;}

.cont_w {width: 100%; height: -webkit-calc(100% - 85px);  height: -moz-calc(100% - 85px); height: -o-calc(100% - 85px); height: -ms-calc(100% - 85px); height: calc(100% - 85px);}
.cont_w .txt {width: 100%; height: 26px; padding: 4px 0 3px;}
.cont_w .txt p {float: left; font-size: 13px; color: #333333; line-height: 26px; height: 100%; padding-right: 30px;}
.cont_w .txt p span {color: #ed1c24; padding: 0 5px;}
.cont_w .txt .number {height: 100%; display: inline-block; float: left;}
.table_w .txt {width: 100%; height: 26px; padding: 4px 0 3px; clear: both;}
.table_w .txt p {float: left; font-size: 13px; color: #333333; line-height: 26px; height: 100%; padding-right: 30px;}
.table_w .txt p span {color: #ed1c24; padding: 0 5px;}
.table_w .txt .number {height: 100%; display: inline-block; float: left;}

.number ul {height: 100%;}
.number ul li {list-style: none; display: inline-block; font-size: 13px; color: #333; line-height: 26px; height: 100%;}
.number ul li select {width: 70px; height: 100%; border: 1px solid #cccccc; box-sizing: border-box; padding-left: 9px;}
.number ul li a.btn_plus {display: inline-block; width: 85px; height: 100%; border-radius: 3px; background: #00a8ad; color: #fff; text-decoration: none; text-align: center; font-size: 13px; font-weight: bold;}
.cont_w .txt p.f_r, .table_w .txt p.f_r {padding-right: 0;}

.cont_w.hei_40 {height: -webkit-calc(100% - 40px);  height: -moz-calc(100% - 40px); height: -o-calc(100% - 40px); height: -ms-calc(100% - 40px); height: calc(100% - 40px);}
.cont_w.db {height: -webkit-calc(100% - 125px);  height: -moz-calc(100% - 125px); height: -o-calc(100% - 125px); height: -ms-calc(100% - 125px); height: calc(100% - 125px);}
.cont_w.hei_157 {height: -webkit-calc(100% - 157px);  height: -moz-calc(100% - 157px); height: -o-calc(100% - 157px); height: -ms-calc(100% - 157px); height: calc(100% - 157px);}
.cont_w.hei_200 {height: -webkit-calc(100% - 200px);  height: -moz-calc(100% - 200px); height: -o-calc(100% - 200px); height: -ms-calc(100% - 200px); height: calc(100% - 200px);}
.cont_w.hei_230 {height: -webkit-calc(100% - 230px);  height: -moz-calc(100% - 230px); height: -o-calc(100% - 230px); height: -ms-calc(100% - 230px); height: calc(100% - 230px);}
.cont_w.hei_150px {height: 150px;}
.cont_w.admin {width: 100%; min-height: 61px; height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); height: -o-calc(100% - 100px); height: -ms-calc(100% - 100px); height: calc(-100px + 100%);}
.cont_w.admin_c {height: 200px}
.cont_w.user {max-height: -webkit-calc(100% - 125px);  max-height: -moz-calc(100% - 125px); max-height: -o-calc(100% - 125px); max-height: -ms-calc(100% - 125px); max-height: calc(100% - 125px);}
.cont_w.fee {height: -webkit-calc(100% - 235px);  height: -moz-calc(100% - 235px); height: -o-calc(100% - 235px); height: -ms-calc(100% - 235px); height: calc(100% - 235px);}

.chart_w {width: 100%; min-height: 580px; height: auto; max-height: 640px; margin: 10px auto;}

.table_w {width: 100%; height: -webkit-calc(100% - 120px); height: -moz-calc(100% - 120px); height: -o-calc(100% - 120px); height: -ms-calc(100% - 120px); height: calc(100% - 120px); overflow-y: hidden;}
.table_w.hei_100p {height: 100%;}
.table_w.row_18 {height: -webkit-calc(100% - 200px); height: -moz-calc(100% - 200px); height: -o-calc(100% - 200px); height: -ms-calc(100% - 200px); height: calc(100% - 200px);}
/* table_w menu scrollbar */
.table_w::-webkit-scrollbar {width: 5px; height:  3px}
.table_w::-ms-scrollbar {width: 5px; height: 3px}
/* Track */
.table_w::-webkit-scrollbar-track {background: #eff0f2;}
.table_w::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.table_w::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
.table_w::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.table_w::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.table_w::-ms-scrollbar-thumb:hover {background: #4768b9;}
/* Track */
.table_w::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.table_w::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.table_w::-ms-scrollbar-thumb:hover {background: #4768b9;}

.cont_w.admin .table_w {height: -webkit-calc(100% - 210px); height: -moz-calc(100% - 210px); height: -o-calc(100% - 210px); height: -ms-calc(100% - 210px); height: calc(100% - 210px);}

/* 통계 수출(승인) 현황 메뉴들 테이블 사이즈 수정 */
.cont_w.admin .table_w.chart {height: -webkit-calc(100% + 62px); height: -moz-calc(100% + 62px); height: -o-calc(100% + 62px); height: -ms-calc(100% + 62px); height: calc(100% + 62px);}

.table_w .btn_w {height: 26px; padding: 10px 0 5px 0;}
.table_w .btn_w a {width: 86px; height: 100%; display: inline-block; border-radius: 3px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; line-height: 26px;}

.table_w .mCustomScrollBox {min-height: 100%;}

.thead {min-width: 1430px; width: 100%; height: 31px; z-index: 1;}
.thead table {width: 100%; height: 28px; border-top: 1px solid #5795d2; border-bottom: 1px solid #5795d2; background: #e9f3ff; border-collapse: collapse;}
.thead table th {font-size: 13px; font-weight: bold; color: #000; padding: 0; margin: 0; line-height: 28px;}
.thead table th span {width: 20px; height: 28px; display: inline-block; vertical-align: top; cursor: pointer;}
.thead table th span.sort {background: url(../images/sort.gif) 50% no-repeat;}
.thead table th span.sort_up {background: url(../images/sort_up.gif) 50% no-repeat;}
.thead table th span.sort_down {background: url(../images/sort_down.gif) 50% no-repeat;}
.thead table th input {border: 0; background: none; font-size: 13px; font-weight: bold; color: #000; width: calc(100% - 20px); height: 28px; line-height: 28px; padding: 0; margin: 0;}
.thead table th input::placeholder {color: #000;}
.table_w.hei_auto {height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: -o-calc(100% - 20px); height: -ms-calc(100% - 20px); height: calc(100% - 20px);}
.table_w.hei_auto .tbody.hei_400 {height: 400px}
.table_w.hei_auto .tbody.hei_300 {height: 300px}
.table_w.hei_auto .table_dw {height: 80%;}

.tbody table {margin-bottom: 30px;}  
 _:-ms-input-placeholder, .tbody table {margin-bottom: 210px} /* ie 브라우저(ie10, ie11용)용 적용할 경우 */

.tbody table th {font-size: 13px; font-weight: bold; color: #000; padding: 0; margin: 0; line-height: 28px; border-top: 1px solid #5795d2; border-bottom: 1px solid #5795d2; background: #e9f3ff;}
.table_w.hei_100p .tbody table th {border-top: 0;}
.tbody table th.db {line-height: 15px;}
.tbody table th.nbt {border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
.tbody table th.nbb {border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
.tbody table th.no_borb {border-bottom: 1px solid #e9f3ff;}
.tbody table th.no_bort {border-top: 1px solid #e9f3ff;}
.tbody table th.nbb.wid_110 {background: #fff; border-right: 0; vertical-align: middle;}
.tbody table th select {border: 1px solid #ccc; height: 21px; display: inline-block; vertical-align: middle;}
.tbody table th a {text-decoration: none; color: #333; border: 1px solid #ccc; background: #fff; display: inline-block; vertical-align: middle; padding: 0 5px; height: 19px; line-height: 19px;}
.tbody table th span {width: 20px; height: 28px; display: inline-block; vertical-align: top; cursor: pointer;}
.tbody table th.db span {height: 15px;}
.tbody table th span.star {color: #e00400;}
.tbody table th span.sort {background: url(../images/sort.gif) 50% no-repeat;}
.tbody table th span.sort_up {background: url(../images/sort_up.gif) 50% no-repeat;}
.tbody table th span.sort_down {background: url(../images/sort_down.gif) 50% no-repeat;}
.tbody table th input {font-size: 13px; font-weight: bold; color: #000; padding: 0 0 0 5px; margin: 0; border: 1px solid #ccc; height: 19px; line-height: 19px;}
.tbody table th input::disabled {background: #eee;}
.tbody table th input::placeholder {color: #000;}
.tbody {min-width: 1430px; width: 100%; height: 100%; /*height: -webkit-calc(100% - 30px); height: -moz-calc(100% - 30px); height: -o-calc(100% - 30px); height: -ms-calc(100% - 30px); height: calc(100% - 30px); -ms-max-height: 625px;*/ overflow-x: hidden; z-index: 0;}
.tbody table.l_bor th {border-left: 1px solid #5795d2;}
.tbody table.l_bor td {border-left: 1px solid #ccc; box-sizing: border-box;}
.tbody table.l_bor th:first-child, .tbody table.l_bor td:first-child {border-left: 0;}
.tbody table.l_bor td.txt_r {padding: 0 8px;}
/* tbody menu scrollbar */
.tbody::-webkit-scrollbar {width: 5px; height:  3px}
/* Track */
.tbody::-webkit-scrollbar-track {background: #eff0f2;}
/* Handle */
.tbody::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.tbody::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.tbody::-ms-scrollbar {width: 5px;}
/* Track */
.tbody::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.tbody::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.tbody::-ms-scrollbar-thumb:hover {background: #4768b9;}

/* table_dw menu scrollbar */
.table_dw::-webkit-scrollbar {width: 5px; height:  3px}
/* Track */
.table_dw::-webkit-scrollbar-track {background: #eff0f2;}
/* Handle */
.table_dw::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.table_dw::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.table_dw::-ms-scrollbar {width: 5px;}
/* Track */
.table_dw::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.table_dw::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.table_dw::-ms-scrollbar-thumb:hover {background: #4768b9;}

.tbody table {width: 100%;  border-collapse: collapse;}
.tbody table tr {height: 29px; border-bottom: 1px solid #d7d7d7;}
.tbody table tr:nth-child(even) {background: #f3f6f9;}
.tbody table tr:hover {background: #ffffec;}
.tbody table tr.dis, .tbody table tr.dis:hover {background: #f5f5f5;}
.tbody table td {font-size: 13px; color: #000; box-sizing: border-box; height: 20px; line-height: 20px; padding: 5px 0;}
.tbody table td .mid {vertical-align: middle;}
.tbody table td.no_bg {background: #fff;}
.tbody table td a {color: #333; text-decoration: none; vertical-align: middle; display: inline-block;}
.tbody table td a:hover {text-decoration: underline; color: #1c73dd;}
.tbody table td a.btn {background: #fff; border: 1px solid #d7d7d7; display: inline-block; padding: 1px 10px; border-radius: 3px; height: 20px; line-height: 20px;}
.tbody table td a.btn:hover {text-decoration: none;}
.tbody table td a.btn2 {background: #f277ab; border: 1px solid #f277ab; color: #fff; display: inline-block; padding: 1px 3px; border-radius: 3px; height: 16px; line-height: 16px;}
.tbody table td a.btn2:hover {text-decoration: none;}
.tbody table td span, .tbody table td a {text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; cursor: pointer;}
.tbody table td a {text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; cursor: pointer;}
.tbody table td.txt_r {padding-right: 15px;}
.tbody table td.txt_l {padding-left: 15px;}
.tbody table td.txt_l.padl_25 {padding-left: 25px;}
.tbody table td.txt_l.padl_35 {padding-left: 35px;}
.thead table input[type=checkbox], .tbody table input[type=checkbox] {width: 9px; height: 9px; border: 1px solid #707070; margin: 0; padding: 0;}
.tbody table td input {display: inline-block; border: 1px solid #ccc; vertical-align: middle; margin-right: 5px; padding-left: 5px; height: 17px;}
.tbody table td input.txt_r {padding: 0 10px 0 0; margin: 0 5px; box-sizing: border-box;}
.tbody table td a {display: inline-block; vertical-align: middle; font-weight: bold;}
.tbody table tr.dis td {color: #888;}
.tbody table tr.dis td a, .tbody table tr.dis td a:hover {text-decoration: none; color: #999;}
.tbody table td textarea {height: 18px; line-height: 18px; padding: 0; border: 1px solid #d7d7d7; resize: none; vertical-align: middle;}

.tbody.doble table {width: 100%;  border-collapse: collapse;}
.tbody.doble table tr {border-bottom: 1px solid #d7d7d7;}
.tbody.doble table tr:nth-child(even) {background: #fff;}
.tbody.doble table tr.bg {background: #f3f6f9;}

.paging { height: 28px; margin: 5px auto 0; text-align: center; clear: both; width: 485px;}
.paging a {width: 28px; height: 28px; display: inline-block; text-decoration: none; font-size: 14px; font-weight: bold; text-align: center; color: #333; line-height: 28px; vertical-align: top;}
.paging a.pprev, .paging a.prev, .paging a.next, .paging a.nnext {text-indent: -10000px;}
.paging a.pprev {background: url(../images/btn_pprev.gif) no-repeat;}
.paging a.prev {background: url(../images/btn_prev.gif) no-repeat; margin-left: 5px;}
.paging a.next {background: url(../images/btn_next.gif) no-repeat; margin-right: 5px;}
.paging a.nnext {background: url(../images/btn_nnext.gif) no-repeat; margin-right: 0;}
.paging span, .paging a.on {width: 28px; height: 28px; display: inline-block; text-decoration: underline; font-size: 14px; font-weight: bold; text-align: center; color: #1c73dd; line-height: 28px;}

/* 상세페이지 */
.cont_dw {width: 100%; height: -webkit-calc(100% - 80px);  height: -moz-calc(100% - 80px); height: -o-calc(100% - 80px); height: -ms-calc(100% - 80px); height: calc(100% - 80px); overflow-y: auto; border-top: 1px solid #5c7ed1;}
.cont_dw.hei_500 {height: 500px;}
/* tbody menu scrollbar */
.cont_dw::-webkit-scrollbar {width: 5px; height:  3px}
/* Track */
.cont_dw::-webkit-scrollbar-track {background: #eff0f2;}
/* Handle */
.cont_dw::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.cont_dw::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.cont_dw::-ms-scrollbar {width: 5px;}
/* Track */
.cont_dw::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.cont_dw::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.cont_dw::-ms-scrollbar-thumb:hover {background: #4768b9;}
.cont_dw .mCustomScrollBox {height: 100%;}

.cont_dw.n_bdt {border-top: 0; height: -webkit-calc(100% - 92px);  height: -moz-calc(100% - 92px); height: -o-calc(100% - 92px); height: -ms-calc(100% - 92px); height: calc(100% - 92px);}
.cont_dw.mem {border-top: 0; height: -webkit-calc(100% - 160px);  height: -moz-calc(100% - 160px); height: -o-calc(100% - 160px); height: -ms-calc(100% - 160px); height: calc(100% - 160px);}
.cont_dw.detail {border-top: 0; height: -webkit-calc(100% - 120px);  height: -moz-calc(100% - 120px); height: -o-calc(100% - 120px); height: -ms-calc(100% - 120px); height: calc(100% - 120px);}
.cont_dw.n_bdt .mCustomScrollBox {height: 100%;}
.cont_dw.mem .mCustomScrollBox {height: 100%;}
.cont_dw.detail .mCustomScrollBox {height: 100%;}
.cont_dw h3, .cont_w h3 {font-size: 14px; font-weight: bold; color: #2565d0; padding: 15px 0 10px; line-height: 16px;}
.cont_dw h3 span {font-size: 13px; font-weight: normal;}
.cont_dw h3 span input {margin: 0 0 0 3px; vertical-align: bottom; border: 1px solid #c3c3c3;}
.cont_dw h3 a {text-decoration: none; color: #fff; background: #5180d7; font-size: 13px; height: 25px; line-height: 25px; padding: 0 10px; margin-top: -5px; font-weight: normal; border-radius: 3px;}

.table_dw {width: 100%; height: max-content; position: relative;}
.table_dw.wid_p75 {width: 73% !important;}
.scroll {min-height: 70px; height: auto; max-height: 520px; overflow: auto;}

.cont_join {width: 100%; height: 93vh; border-top: 1px solid #5c7ed1;}
.cont_join h3 {padding-top: 15px;}

.tdatail {width: 100%; border-collapse: collapse;}
.t_detail {width: 100%; border: 1px solid #d3d3d3; border-top: 1px solid #686872; border-collapse: collapse; box-sizing: border-box;}
.t_detail tr {border-bottom: 1px solid #d3d3de; height: 34px;}
.t_detail th {background: #edf1f6; border-right: 1px solid #d3d3d3; padding: 0 0 0 13px; font-size: 13px; text-align: left; color: #000;}
.t_detail th.bg {background: #e9f3ff;}
.t_detail th.txt_c, .t_detail td.txt_c {padding: 0;}
.t_detail th.col {background: #ffffec; text-align: center;}
.t_detail th span {width: 12px; display: inline-block; color: #ed373e; text-indent: 0;}
.t_detail th span.red {width: auto; padding-left: 5px;}
.t_detail td {font-size: 13px; padding: 6px 10px 5px 15px; color: #000; word-break: break-all;}
.t_detail td.txt_r {padding: 0 15px 0 0;}
.t_detail td.t_2 {padding: 0 0 0 30px; background: url('../images/tree_base1.gif') 15px 50% no-repeat;}
.t_detail td.t_3 {padding: 0 0 0 40px; background: url('../images/dot.gif') 30px 50% no-repeat;}
.t_detail td input {border: 1px solid #c3c3c3; height: 26px; padding: 0 2px; margin-top: 1px; vertical-align: middle; box-sizing: border-box; color: #333;}
.t_detail td input:read-only {background: #efefef;}
.t_detail td input[type=file] {border: 0; padding: 0; color: #333; font-size: 12px;}
.t_detail td select {border: 1px solid #c3c3c3; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -o-calc(100% - 20px); width: -ms-calc(100% - 20px); width: calc(100% - 20px); height: 26px; color: #333; font-size: 12px; vertical-align: middle;}
.t_detail td textarea {border: 1px solid #c3c3c3; margin: 10px 0; min-height: 300px; height: auto;font-family:"맑은 고딕", malgun gothic, sans-serif;}
.t_detail td span.cal {display: inline-block; vertical-align: middle; padding: 0 3px; cursor: pointer; height: 21px;}
.t_detail th span.f_r {width: 75px; color: #3a5bb8; float: right; padding-right: 10px;}
.t_detail a {display: inline-block; box-sizing: border-box; background: #5c7ed1; border: 1px solid #5c7ed1; text-decoration: none; color: #fff; height: 26px; line-height: 26px; font-size: 12px; padding: 0 8px; margin-top: 1px; vertical-align: middle; cursor: pointer;}
.t_detail a:hover {border-color: #5c7ed1; background: #5c7ed1; color: #fff;}
.t_detail a.file_down {border: none; color: #333; padding: 0; background: none;}
.t_detail a:hover.file_down {background: none; text-decoration: underline;}
.t_detail a.btn {background: #f277ab; color: #fff; margin-left: 5px; border: 1px solid #f277ab;}
.t_detail a:hover.btn {background: #ea5494; border: 1px solid #ea5494; color: #fff; font-weight: bold;}
.t_detail a.txt {background: none; border: 0; color: #333; display:inline;}
.t_detail a:hover.txt {text-decoration: underline;}
.t_detail .btns {padding-right: 20px;}
.t_detail .img_btn {padding: 0; background: none; border: 0; height: inherit;}
.t_detail a.btn2 {background: #f277ab; color: #fff; width: 20px; height: 20px; text-align: center; line-height: 14px; display: inline-block; margin: 0 0 0 4px; padding: 0; cursor: pointer; font-size: 16px; font-weight: bold; border: 1px solid #f277ab;}
.t_detail a:hover.btn2 {background: #ea5494; border: 1px solid #ea5494; color: #fff} 
.t_detail td img {vertical-align: middle;}
.t_detail .bor_l {border-left: 1px solid #d3d3d3;}
.td_list.bot_0 {border-top: 0;}

.page_btn {position: absolute; top: 10px; right: 0;}
.page_btn a {display: inline-block; border: 1px solid #d9d9d9; width: 70px; height: 23px; font-size: 13px; line-height: 23px; text-align: center; text-decoration: none; color: #333;}
.page_list {width: 100%; border: 1px solid #d9d9d9; min-height: 315px; height: auto; max-height: calc(100vh - 220px); overflow: auto; box-sizing: border-box;}
.page_list ul {width: 100%;}
.page_list ul li {list-style: none; width: 100%; height: 35px; font-size: 14px; font-weight: bold; line-height: 35px; padding: 0 15px; box-sizing: border-box; cursor: pointer;}
.page_list ul li:hover {background: #f4f9ff;}
.page_list ul li.on {background: #e9f3ff;}
.page_list ul li input {border: 1px solid #d9d9d9; display: inline-block;}

.page_w {margin: 0; padding: 0; width: 100%;}
.page_w li.depth_1 {list-style: none; margin: 0; padding: 0; width: 100%; min-height: 33px; height: auto;}
.page_w li.depth_1 a.dep {text-decoration: none; width: 100%; height: 33px; line-height: 33px; display: inline-block; color: #333; padding-left: 30px; font-size: 14px; font-weight: bold; box-sizing: border-box;}
.page_w li.depth_1 a:hover.dep {color: #222;}
a.dep.mn_01 {background: url('../images/txt_mn_01.png') no-repeat;}
a.dep.mn_02 {background: url('../images/txt_mn_02.png') no-repeat;}
a.dep.mn_03 {background: url('../images/txt_mn_03.png') no-repeat;}
a.dep.mn_04 {background: url('../images/txt_mn_04.png') no-repeat;}
a.dep.mn_05 {background: url('../images/txt_mn_05.png') no-repeat;}
a.dep.mn_06 {background: url('../images/txt_mn_06.png') no-repeat;}
a.dep.mn_07 {background: url('../images/txt_mn_07.png') no-repeat;}
a.dep.mn_08 {background: url('../images/txt_mn_08.png') no-repeat;}
a.dep.mn_09 {background: url('../images/txt_mn_09.png') no-repeat;}
li.depth_1 ul.depth_2 {width: 100%; padding: 0; box-sizing:border-box; display: none;}
ul.depth_2 li {width: 100%; min-height: 28px; height: auto; list-style: none;}
ul.depth_2 li a.dep_2 {text-decoration: none; color: #555; font-size: 13px; font-weight: bold; width: 100%; height: 100%; background: url('../images/tree_base1.gif') 15px 50% no-repeat; padding: 0 0 0 30px;}
ul.depth_2 li a.dep_2.more {background: url('../images/tree_open.gif') 15px 50% no-repeat;}
ul.depth_2 li a.dep_2.more.active {background: url('../images/tree_close.gif') 15px 50% no-repeat;}
ul.depth_2 li a:hover.dep_2 {text-decoration: underline; color: #333;}
ul.depth_2 li ul.depth_3 {width: 100%; padding: 0; box-sizing: border-box; display: none;}
ul.depth_3 li {list-style: none; width: 100%; padding: 0; min-height: 25px; height: auto;}
ul.depth_3 li a.dep_3 {text-decoration: none; font-size: 13px; line-height: 25px; color: #666; background: url('../images/dot.gif') 30px 50% no-repeat; padding: 0 0 0 40px;}
ul.depth_3 li a:hover.dep_3 {text-decoration: underline; color: #444;}

.notice_datail {width: 100%; border: 1px solid #d3d3d3; padding: 25px 15px; margin-top: 20px; box-sizing: border-box; font-size: 14px;}
.notice_datail h3 {padding: 0; font-size: 15px; line-height: 1;}
.notice_datail dl, .notice_datail ul, .notice_datail ol {margin: 5px 0;}
.notice_datail li {list-style-position: inside; line-height: 1.3;}
.notice_write {width: 100%; border-top: 1px solid #d3d3d3; padding: 0; margin-top: 20px; box-sizing: border-box; font-size: 14px;}
.notice_write textarea {width: 100%; height: 540px; border: 1px solid #d3d3d3; border-top: 0; margin: 0; box-sizing: border-box; resize: none; padding: 10px;}

.td_list {width: 100%; border: 1px solid #d3d3d3; border-top: 1px solid #686872; border-collapse: collapse; box-sizing: border-box;}
.td_list tr {border-bottom: 1px solid #d3d3de; height: 29px;}
.td_list th {background: #f5f5f5; border-right: 1px solid #d3d3d3; font-size: 13px; color: #000;}
.td_list td {border-right: 1px solid #d3d3d3; font-size: 13px; color: #000; padding: 0 10px; box-sizing: border-box;}
.td_list td input {border: 1px solid #c3c3c3; height: 21px; padding: 0 0 0 5px; margin-top: 1px; vertical-align: middle; box-sizing: border-box; color: #333;}

.tdatail .btn a {display: block; width: 150px; height: 35px; color: #fff; background: #0fa9ff; line-height: 35px; text-decoration: none; margin: 10px auto; text-align: center;}
.t_box {width: 100%; height: calc(50vh - 180px); border: 1px solid #d3d3d3; border-top: 1px solid #686872; border-collapse: collapse; box-sizing: border-box; padding: 20px; overflow-y: auto; overflow-x: hidden;}
.t_box h1 {text-align: center; font-size: 20px; color: #333;}
.t_box h3 {font-size: 16px; margin: 0;}
.t_box ul, .t_box ol {margin: 0; padding: 0;}
.t_box li, .t_box dd {margin: 0; padding: 0; list-style-position: inside; font-size: 14px; line-height: 22px; color: #666;}
.t_box p {font-size: 14px; line-height: 22px; margin: 0; padding: 0; color: #666;}
.t_box table {border-top: 1px solid #555; margin: 0 0 10px 0; box-sizing:border-box; width: 100%;}
.t_box table th {border-bottom: 1px solid #999; text-align: center; height: 35px; padding: 5px; color: #444; font-size: 15px;}
.t_box table td {border-bottom: 1px solid #999; text-align: center; height: 30px; padding: 5px; color: #555; font-size: 15px;}
.t_box table td a {color: #555; text-decoration: none;}

.tdatail p {padding: 10px 0; font-size: 13px;}
.tdatail input[type=checkbox] {margin: 0; width: 11px; height: 11px;}
.cont_dw.join_fin {text-align: center; background: url(../images/log_bg.jpg) 50% no-repeat; background-size: cover; border-top: 0; position: relative;}
.join_fin .t_box {width: 550px; height: 250px; margin: 0 auto; border-top: 0; vertical-align: middle; background: rgba(255,255,255,.7); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.join_fin .t_box p {font-size: 17px; font-weight: 400; line-height: 35px; padding: 30px 0 0 0;}
.join_fin .t_box p span {color: #2565d0; font-weight: 700;}
.join_fin .t_box h3 {font-size: 25px; font-weight: 700; padding: 30px 0 0 0;}

.footer {width: 100%; height: 79px; background: #5f5f5f;}
.foot {width: calc(100% - 270px); padding: 5px 0 5px 270px;}
.foot ul li {list-style: none; display: inline; padding-right: 20px; margin-right: 17px; background: url(../images/footer_line.gif) 100% 50% no-repeat;}
.foot ul li:last-child {background: none;}
.foot ul li a {font-size: 13px; color: #fff; text-decoration: none;}
.foot p {padding-top: 5px; color: #c2c3c7; font-size: 13px; line-height: 20px;}

/* 팝업 */
.pop_wrap {width: 620px; padding: 20px; box-sizing: border-box; margin: auto; background: #fff; position: relative;}
.pop {width: 100%; height: fit-content;}
.pop h2 {text-align: center; font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.pop h2 a {font-size: 13px; border: 1px solid #dedede; display: inline-block; float: right; color: #555; width: 45px; height: 25px; line-height: 23px; margin-top: 3px; text-decoration: none;}
.pop h3 {font-size: 14px; font-weight: bold; color: #2565d0; padding: 15px 0 10px 0;}
.pop .search_w {min-width: 100%; width: 100%;}
.pop .search_w ul {width: 100%; height: 100%; padding: 0;}
.pop .search_w ul li {display: inline-block; height: 21px; padding: 5px; font-size: 13px;}
.pop .search_w ul li span {padding: 0 10px 0 20px; vertical-align: middle;}
.pop .search_w ul li select {border: 1px solid #c3c3c3; vertical-align: middle; height: 21px;}
.pop .search_w ul li input {border: 1px solid #c3c3c3; vertical-align: middle; height: 19px;}
.pop .search ul li a, .pop .search_w ul li a {background: #fff; border: 1px solid #c3c3c3; font-size: 12px; color: #333; height: 21px; line-height: 21px; text-decoration: none; display: inline-block; padding: 0 5px; vertical-align: middle; margin-top: 3px;}
.pop .search_w .btn_w {display: inline-block; text-align: center; float: inherit; padding-left: 5px;}
.pop .search_w .btn_w a {display: inline-block; width: 75px; height: 25px; border: 0; padding: 0; font-size: 14px; color: #fff; background: #0fa9ff; border-radius: 3px; text-align: center; line-height: 25px; text-decoration: none; font-family: 'notokr-medium', sans-serif;}
.pop .search_w .btn_w a span {padding: 0;}
.pop .search_w .btn_w a.reset {background: #8d9eb9;}

.pop .table_w {width: 100%; padding-top: 15px; height: 100%;}
.pop .table_w p {font-size: 13px; color: #333; padding-bottom: 10px;}
.pop .table_w p span {color: #e00400; padding: 0 3px;}
.pop .table_w p span.tooltip {color: #333; padding: 0 3px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display: inline-block;}
.pop .table_w table {width: 100%; border: 1px solid #d3d3d3; border-top: 1px solid #686872; border-bottom: 0; border-collapse: collapse; box-sizing: border-box;}
.pop .table_w table tr:hover {background: #ffffec;}
.pop .table_w table th {background: #e9f3ff; color: #000; font-size: 13px; text-align: center; height: 25px; border-bottom: 1px solid #d3d3d3;}
.pop .table_w table th.txt_l {padding-left: 15px;}
.pop .table_w table th.bor_l {border-left: 1px solid #d3d3d3;}
.pop .table_w table th span {width: 12px; display: inline-block; color: #ed373e;}
.pop .table_w table td {color: #000; font-size: 13px; text-align: center; height: 25px; border-bottom: 1px solid #d3d3d3; letter-spacing: -0.06em}
.pop .table_w table td.txt_r {padding-right: 15px;}
.pop .table_w table td input {border: 1px solid #c3c3c3; height: 21px; padding: 0 0 0 5px; margin: 1px 0 0 10px; vertical-align: middle; box-sizing: border-box; color: #333;}
.pop .table_w table td input[type=file] {border: 0; padding: 0; margin: 0 10px 0 0;}
.pop .table_w table td a {text-decoration: none; color: #fff; background: #4973c8; border-radius: 3px; display: inline-block; height: 21px; line-height: 21px; padding: 0 10px;}
.pop .table_w table td a.down {background: #fff; color: #555; border: 1px solid #999;}
.pop .table_pop {width: 100%; padding-top: 15px;}
.pop .table_pop.export {height: 600px; overflow: auto;}
/* .table_pop.expor  scrollbar */
.pop .table_pop.export::-webkit-scrollbar {width: 5px; height:  3px}
/* Track */
.pop .table_pop.export::-webkit-scrollbar-track {background: #eff0f2;}
/* Handle */
.pop .table_pop.export::-webkit-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.pop .table_pop.export::-webkit-scrollbar-thumb:hover {background: #4768b9;}
.pop .table_pop.export::-ms-scrollbar {width: 5px;}
/* Track */
.pop .table_pop.export::-ms-scrollbar-track {background: #eff0f2;}
/* Handle */
.pop .table_pop.export::-ms-scrollbar-thumb {background: #5c7ed1; border-radius: 3px;}
/* Handle on hover */
.pop .table_pop.export::-ms-scrollbar-thumb:hover {background: #4768b9;}
.pop .table_pop p {font-size: 13px; color: #333; padding-bottom: 10px;}
.pop .table_pop p span {color: #e00400; padding: 0 3px;}
.pop .table_pop table {width: 100%; border: 1px solid #d3d3d3; border-top: 1px solid #686872; border-bottom: 0; border-collapse: collapse; box-sizing: border-box;}
.pop .table_pop table tr:hover {background: #ffffec;}
.pop .table_pop table th {background: #e9f3ff; color: #000; font-size: 13px; text-align: center; height: 25px; border-bottom: 1px solid #d3d3d3;}
.pop .table_pop table th.txt_l {padding-left: 15px;}
.pop .table_pop table td {color: #000; font-size: 13px; text-align: center; height: 25px; border-bottom: 1px solid #d3d3d3;}
.pop .table_pop table td input {border: 1px solid #c3c3c3; height: 21px; padding: 0 0 0 5px; margin: 1px 0 0 10px; vertical-align: middle; box-sizing: border-box; color: #333;}
.pop .table_pop table td input[type=file] {border: 0; padding: 0; margin: 0 5px 0 0;}
.pop .table_pop table td a {text-decoration: none; color: #fff; background: #4973c8; border-radius: 3px; display: inline-block; height: 21px; line-height: 21px; padding: 0 10px; vertical-align: middle;}
.pop .table_pop table.add {width: 100%; border: 0; border-top: 1px solid #686872; border-bottom: 1px solid #d3d3d3; border-collapse: collapse; box-sizing: border-box;}
.pop .table_pop table.add tr:hover {background: #ffffec;}
.pop .table_pop table.add th {background: #e9f3ff; width: 150px; color: #000; font-size: 13px; text-align: center; height: 36px; border-bottom: 1px solid #d3d3d3;}
.pop .table_pop table.add th.txt_l {padding-left: 15px;}
.pop .table_pop table.add td {color: #000; font-size: 13px; text-align: center; height: 36px; border-bottom: 1px solid #d3d3d3;}
.pop .table_pop table.add td.txt_l {padding-left: 10px;}
.pop .table_pop table.add td select {width: 110px; height: 26px; border: 1px solid #ccc;}
.pop .table_pop table.add th span {color: #ed373e; width: 12px; display: inline-block;}
.pop .table_pop table.add th span.red {width: auto;}
.pop .table_pop table.add td span {padding-right: 20px;}
.pop .paging {width: auto;}
.pop .btns {width: 100%; margin-top: 20px;}
.pop .btns a {display: block; background: #0fa9ff; color: #fff; width: 150px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin: 0 auto; font-size: 14px;}
.pop .btns a.add {width: 100px; height: 26px; line-height: 26px; border-radius: 3px;}
.pop .noti {width: 100%; display: table; background: #eee; padding: 15px 0; margin: 0 0 10px 0; border-top: 1px solid #686872; border-bottom: 1px solid #d3d3d3;}
.pop .noti p {display: table-cell; vertical-align: middle; font-size: 13px; line-height: 18px; padding: 0 0 0 15px;}

.pop .tab_w {height: 35px;}
.pop .tab_w ul { height: 35px;}
.pop .tab_w ul li {}
.pop .tab_w ul li a {line-height: 35px;}
.pop .tab_w ul li a:hover {background: #ddd; color: #555;}
.pop .tab_w ul li.on a:hover {background: #5180d7; color: #fff;}

.pop .bill_sel {width: 100%; height: 310px;}
.pop .bill_sel .wid_p5 {padding-top: 80px;}
.pop .bill_sel .wid_p50 a {display: inline-block; text-decoration: none; border: 1px solid #ddd; border-radius: 3px; color: #555; width: 45px; height: 20px; line-height: 20px; text-align: center;}
.pop .bill_sel .wid_p5 a {width: 50%; display: block; margin: 5px auto; padding: 20px 0; text-align: center; color: #555; text-decoration: none; border: 1px solid #ddd;}
.pop .bill_sel p {height: 20px; line-height: 20px;}
.pop .bill_sel select {vertical-align: bottom;}
.pop h4 {font-size: 15px; padding-top: 10px;}
.pop h4 span {font-size: 20px;}

.copy_wrap {width: 1200px; height: 750px; margin: 0 auto; background: #fff; margin: auto; padding: 30px; overflow-y: scroll; position: relative;}
#copy_03.copy_wrap {width: 600px; height: 300px; overflow: hidden;}
.pop_copy {max-width: 1200px; min-height: 100px; height: auto; max-height: 700px; margin: auto; position: relative; background: #fff; padding: 20px 0 20px 30px; box-sizing: border-box;}
.pop_cont_w {width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: 660px; padding: 0 30px 0 0; overflow-y: scroll;}
.pop_copy .pop_cont {width: 100%; display: none;}
.pop_cont h1 {font-size: 35px; font-family: 'notokr-medium', sans-serif; color: #111; text-align: center;}
.pop_cont h1 span {display: block; font-size: 15px; color: #999; font-family: 'notokr-regular', sans-serif; padding: 10px 0 0 0;}
.pop_cont h3 {font-size: 20px; font-family: 'notokr-medium', sans-serif; color: #333; line-height: 1; margin: 10px 0 0 0; padding: 5px 17px; background: url('../images/bullet_copy.png') 0 50% no-repeat;}
.pop_cont h4 {font-size: 17px; font-family: 'notokr-medium', sans-serif; color: #555;}
.pop_cont p {margin: 0; padding: 10px 0; word-break: break-word; word-wrap: break-word; font-size: 15px; line-height: 1.5; color: #666; letter-spacing: -0.05em;}
.pop_cont table {border-top: 1px solid #555; margin: 0 0 10px 0; box-sizing:border-box; width: 100%;}
.pop_cont table th {border-bottom: 1px solid #999; text-align: center; height: 35px; padding: 5px; color: #444; font-size: 15px;}
.pop_cont table td {border-bottom: 1px solid #999; text-align: center; height: 30px; padding: 5px; color: #555; font-size: 15px;}
.pop_cont table td a {color: #555; text-decoration: none;}
.pop_cont ol {padding: 10px 0;}
.pop_cont ol li {font-size: 15px; color: #666; list-style-type:decimal; line-height: 25px; margin: 0 0 0 35px;}
.pop_cont ol li dl {margin: 5px 0 5px 0;}
.pop_cont ol li dl dd {list-style: inside; list-style-type: square; font-size: 14px; color: #666; background: url('../images/bullet_sdot.gif') 0 11px no-repeat; padding: 0 0 0 10px;}
.pop_cont dl {}
.pop_cont dl dt {display: inline-block; width: 10%; font-size: 14px; color: #555; font-family: 'notokr-medium', sans-serif;}
.pop_cont dl dd {display: inline-block; width: 89%; font-size: 14px; color: #666;}
.pop_3 {max-width: 600px; background: #fff; padding: 60px 30px 10px; margin: auto; box-sizing: border-box; position: relative;}
.pop_cont .btn_w {padding: 15px 0 0 0; width: 100%; text-align: center;}
.pop_cont .btn_w a {display: inline-block; width: 75px; height: 30px; font-size: 14px; color: #fff; background: #0fa9ff; text-align: center; line-height: 30px; text-decoration: none; font-family: 'notokr-medium', sans-serif;}

.pop_cont .mail {width: 100%; height: auto; margin: 50px 0;}
.pop_cont .mail i {width: 34%; height: 100%; font-size: 100px; text-align: right; padding: 0 30px 0 0; color: #a8a8a8; display: inline-block; vertical-align: top; box-sizing: border-box;}
.pop_cont .mail p {width: 65%; display:inline-block;}
.pop_cont .mail p span {display: block; color: #444; font-family: 'notokr-medium', sans-serif; margin: 10px 0 0 0;}
.pop_copy .active_pop {display: block;}

.pop_list .list {width: 100%; height: 28px; border-top: 1px solid #5795d2; border-collapse: collapse;}
.pop_list .list th {background: #e9f3ff; font-size: 13px; font-family:  'notokr-medium', sans-serif; color: #333; border-bottom: 1px solid #5795d2; height: 25px;}
.pop_list .list td {color: #555; border-bottom: 1px solid #d9d9d9; height: 25px; font-size: 13px;}

.pop_detail .detail {width: 100%; height: 28px; border-top: 1px solid #5795d2; border-collapse: collapse;}
.pop_detail .detail th {height: 25px; font-size: 13px; color: #333; background: #edf1f6;}
.pop_detail .detail td {height: 25px; font-size: 13px; color: #555;}

/* popup */
.popup_w {width: 100%; height: 100%; margin: auto; padding: 10px; box-sizing: border-box;}
.popup_w.wid_1000 {position: absolute; height: 600px; top: 200px; left: 50px; z-index: 100; background: #fff; border: 1px solid #ccc;}
.popup_w .header {width: 100%; height: 175px; border-bottom: 0;}
.popup_w.wid_1000 .header {height: 125px;}
.popup_w .header h1 {width: 70%; height: 53px; display: inline-block}
.popup_w .header h1 a {width: 100%; height: 100%; background: url('../images/logo.gif') 3px 50% no-repeat; text-indent: -800px; overflow:hidden; display: inline-block;}
.popup_w .header span {display: inline-block; text-align: right; width: 29%; padding: 30px 0 0 0; font-size: 13px; color: #555;}
.popup_w .tit {width: 100%; height: 107px; background: url('../images/tit_bg_intro.gif') 100% 50% repeat-x; border-top: 5px solid #222;}
.popup_w .tit h2 {width: 100%; height: 100%; line-height: 107px; color: #fff; text-align: center; font-size: 35px; font-family:'notokr-regular', sans-serif; letter-spacing: -0.05em; padding: 0 110px 0 0; box-sizing: border-box;}
.popup_w .cont {width: 100%; height: auto; border: 1px solid #dddddd; padding: 20px 35px 25px 35px; box-sizing: border-box; overflow-y: auto;}
.popup_w.wid_1000 .cont {height: 430px;}
.popup_w .cont p {font-size: 1em; font-family: 'notokr-regular', sans-serif; color: #3d3d3d; line-height: 1.5; margin: 0 0 1em 0;}
.popup_w .cont p.txt {font-size: 13px; margin: 1em 0 0 0;}
.popup_w .cont p span.home {padding: 2px 6px; text-decoration: none; color: #fff; background: #00aec5; font-family: 'notokr-medium', sans-serif;}
.popup_w .cont p span.link {text-decoration: none; color: #333; font-family: 'notokr-bold', sans-serif;}
.popup_w .cont .btns {width: auto; float: unset;}
.popup_w .cont .btns button.home {color: #fff; margin: 0 169px; float: unset;}
.popup_w .foot_w {width: 100%; height: 25px;}
.popup_w .foot_w input[type=checkbox] {width: 10px; height: 10px; border: 1px solid #aaa; margin: auto}
.popup_w .foot_w p, .popup_w .foot_w label {font-size: 12px; line-height: 25px;}
.popup_w .foot_w a.btn_lp_close {color: #fff; background: #3f51b5; font-size: 12px; display: inline-block; width: 55px; height: 20px; line-height: 20px; font-size: 13; text-decoration: none; text-align: center;}
.popup_w .cont table {width: 100%; border-collapse: collapse;}
.popup_w .cont table caption {display: none;}
.popup_w .cont table tr:nth-child(even) {background: #f7fcfc;}
.popup_w .cont table th {background: #e9f3ff; color: #000; font-size: 13px; text-align: center; height: 25px; border-bottom: 1px solid #d3d3d3;}
.popup_w .cont table td {color: #000; font-size: 13px; text-align: center; height: 25px; border-bottom: 1px solid #d3d3d3;}


/* 팝업 메인 */
.pop_wrap.main {box-shadow: 3px 3px 3px rgba(0,0,0,.3); padding: 15px; position: absolute; background: #fff; z-index: 1000;}
.pop_wrap.main .tit h3{background: url(../images/mail_bg.jpg); font-size: 22px; font-weight: bold; color: #fff; width: 100%; height: 75px; border-top: 3px solid #000; background-size: cover; text-align: center; line-height: 75px;}
.pop_wrap.main .cont {width: 100%; margin: 10px 0; padding: 10px; border: 1px solid #d9d9d9; box-sizing: border-box;}
.pop_wrap.main .cont p {font-size: 14px; line-height: 1.6;}
.pop_wrap.main .cont img {width: 100%; vertical-align: bottom;}
.pop_wrap.main .pop_foot {font-size: 13px; text-align: center; height: 20px;}
.pop_wrap.main .pop_foot a {text-decoration: none; padding: 2px 20px; background: #3f51b5; color: #fff; font-size: 12px; font-weight: bold;}

.blue {color: #003ace !important;}
.red {color: #e00400 !important;}
.black {color: #333 !important;}

.pad_0 {padding: 0 !important;}
.pad_15 {padding: 0 0 15px 0 !important;}
.pdr_10 {padding-right: 10px !important;}
.padl_20 {padding-left: 20px !important;}
.padb_20 {padding-bottom: 20px !important;}
.mar_0 {margin: 0 !important;}
.marb_10 {margin-bottom: 10px !important;}
.marb_20 {margin-bottom: 20px !important;}
.marb_50 {margin-bottom: 50px !important;}
.marl_10 {margin-left: 10px !important;}

.wid_p100 {width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -o-calc(100% - 20px); width: -ms-calc(100% - 20px); width: calc(100% - 20px);}
.wid_p85 {width: 85% !important;}
.wid_p75 {width: 75% !important;}
.wid_p50 {width: 50% !important;}
.wid_p45 {width: 45% !important;}
.wid_p35 {width: 35% !important;}
.wid_p25 {width: 25% !important;}
.wid_p15 {width: 15% !important;}
.wid_p5 {width: 5% !important;}

.wid_20 {width: 20px !important;}
.wid_30 {width: 30px !important;}
.wid_40 {width: 40px !important;}
.wid_45 {width: 45px !important;}
.wid_50 {width: 50px !important;}
.wid_55 {width: 55px !important;}
.wid_60 {width: 60px !important;}
.wid_65 {width: 65px !important;}
.wid_70 {width: 70px !important;}
.wid_75 {width: 75px !important;}
.wid_80 {width: 80px !important;}
.wid_85 {width: 85px !important;}
.wid_90 {width: 90px !important;}
.wid_100 {width: 100px !important;}
.wid_110 {width: 110px !important;}
.wid_115 {width: 115px !important;}
.wid_120 {width: 120px !important;}
.wid_125 {width: 125px !important;}
.wid_130 {width: 130px !important;}
.wid_145 {width: 145px !important;}
.wid_150 {width: 150px !important;}
.wid_160 {width: 160px !important;}
.wid_163 {width: 163px !important;}
.wid_165 {width: 165px !important;}
.wid_170 {width: 170px !important;}
.wid_200 {width: 200px !important;}
.wid_205 {width: 205px !important;}
.wid_210 {width: 210px !important;}
.wid_230 {width: 230px !important;}
.wid_240 {width: 240px !important;}
.wid_270 {width: 270px !important;}
.wid_275 {width: 275px !important;}
.wid_280 {width: 280px !important;}
.wid_300 {width: 300px !important;}
.wid_330 {width: 330px !important;}
.wid_340 {width: 340px !important;}
.wid_350 {width: 350px !important;}
.wid_410 {width: 410px !important;}
.wid_430 {width: 430px !important;}
.wid_480 {width: 480px !important;}
.wid_550 {width: 550px !important;}
.wid_580 {width: 580px !important;}
.wid_600 {width: 600px !important;}
.wid_630 {width: 630px !important;}
.wid_635 {width: 635px !important;}
.wid_680 {width: 680px !important;}
.wid_780 {width: 780px !important;}
.wid_1000 {width: 1000px !important;}
.wid_1030 {width: 1030px !important;}

.hei_65 {height: 65px !important;}

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


.f_l {float: left !important;}
.f_r {float: right !important;}

.search_w #mCSB_4_scrollbar_vertical {display: none !important;}

@media (max-width: 1630px) {
	.search_w {min-width: -webkit-calc(100% - 60px); min-width: -moz-calc(100% - 60px); min-width: -o-calc(100% - 60px); min-width: -ms-calc(100% - 60px); min-width: calc(100% - 60px); height: 38px;}
	
}

@media (max-width: 1430px) {
	.wrap {min-width: 1430px; overflow: auto;}
	.search_box .btn_w {float: inherit; vertical-align: top;}
}