@charset "UTF-8";

/*common*/
.stuff{display:inline-block;margin:0 4px;font-size:13px;color:#666;font-weight:600}
.mt_16{margin-top:16px;}
.mt_28{margin-top:28px;}
.mr_5{margin-right:5px;}
table caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
input::-ms-clear{display:none}
textarea{padding:10px;box-sizing:border-box}
button + button{margin-left:4px}
input[type=text] + button{margin-left:4px}
.elli{display: inline-block;max-width:330px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;vertical-align:middle}

/* 플레이스홀더 */
::-webkit-input-placeholder {color:#b5c3ca !important} 
:-moz-placeholder {color:#b5c3ca !important; opacity:1}
::-moz-placeholder {color:#b5c3ca !important; opacity:1}
:-ms-input-placeholder {color:#b5c3ca}

/*스크롤바 없애기*/
::-webkit-scrollbar {display:none;}

/*50:50 나누기*/
.box_fifty{overflow:hidden}
.box_fifty > div{float:left;width:50%}

/*col 3열*/
.row_col_3{overflow:hidden}
.row_col_3 > div{float:left;width:33.33333%}
.row_col_3 > div input[type=text]{width:90%}
.row_col_3 > div:last-child input[type=text]{width:100%}

/*col 3열*/
.row_col_5{overflow:hidden}
.row_col_5 > div{float:left}
.row_col_5 > div:nth-of-type(1){width:5%}
.row_col_5 > div:nth-of-type(2){width:9%}
.row_col_5 > div:nth-of-type(3){width:40%}
.row_col_5 > div:nth-of-type(4){width:41%}
.row_col_5 > div:nth-of-type(5){width:5%}
.row_col_5 .box_form{padding-bottom:0 !important}

/*타이틀  + 인풋*/
.box_form label{display:block;margin-bottom:9px;font-size:14px;font-weight:600;color:#333;letter-spacing:-1.3px}
.box_form label sub{display:inline-block;margin-left:5px;width:4px;height:4px;background:#e65b5b;vertical-align:middle}
.box_form label sub.txt{margin-left:4px;width:auto;height:auto;color:#e65b5b;font-size:13px !important;vertical-align:baseline !important;background:none}
.box_form input[type=text],input[type=password]{padding-left:10px;box-sizing:border-box;width:100%;height:40px;line-height:40px;border:1px solid #a9bbc4;border-radius:3px}
.box_form .info{font-size:11px;color:#bbb;font-weight:600}
.box_form p{display:inline-block;font-size:13px;color:#333;font-weight:600;vertical-align:middle}

.wrap_form .box_form{padding-bottom:18px;margin-bottom:16px;position:relative}
.wrap_form .box_form .info{position:absolute;left:0;bottom:0}
.wrap_form .box_form label{font-size:13px;color:#999}
.wrap_form .box_form input[type=text],
.wrap_form .box_form .selectbox,
.wrap_form textarea, .inner_rd_scroll,
.wrap_pop .pop_conts input[type=text],input[type=password]{background-image: linear-gradient(#e7e7e7, #e9e9e9, #efefef, #f5f5f5, #f6f6f6);border-right: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #b0b0b0;border-radius:3px;vertical-align:middle}
.wrap_form .box_form .selectbox{height:40px}
.wrap_form .row_wide + .box_click{margin-top:-16px}
.wrap_form .box_form.type2{padding-bottom:36px}

/*아이콘 + 클릭가능영역*/
.box_click[class*=i_] a,
.box_click[class*=i_] button{display:inline-block;content:'';background-image:url('../images/combo_ico.png');background-repeat:no-repeat;vertical-align:middle}
.box_click.type2 > *{display:block;margin:0}
.box_click.type2 .btn_lg{width:80px;height:115px;font-size:13px;font-weight:600}
.box_click.type2 button{margin:9px 0 0 10px}
.box_click.type2 button:first-child{margin-top:0}

/*아이콘*/
.i_in a{padding-left:15px;font-size:12px;font-weight:600;color:#003380;background-position:0 4px;border-bottom:1px solid #d4d5d6}
.i_login button{padding:20px 0;width:100%;font-family:'spoqaHsB';font-size:14px;color:#fff;background-color:#003380;background-position:-40px 22px;border-radius:3px;text-shadow:1px 1px 1px #000}
.i_excel a{padding-left:23px;font-size:13px;font-weight:600;color:#666;background-position:-234px -52px;letter-spacing:-0.7px}
.i_all:before{display:inline-block;content:'';width:12px;height:13px;margin-right:4px;background:url('../images/combo_ico.png') no-repeat;background-position:0 -160px;vertical-align:middle}
.i_trash, .i_trash_2{position:relative}
.i_trash:before{display:block;content:'';position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-9px;width:15px;height:18px;background:url('../images/combo_ico.png') no-repeat;background-position:-235px -134px;vertical-align:middle}
.i_trash_2:before{display:block;content:'';position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-9px;width:17px;height:17px;background:url('../images/combo_ico.png') no-repeat;background-position:-233px -251px;vertical-align:middle}
.i_arrow_l:before{display:block;content:'';margin:0 auto 20px;width:27px;height:15px;background:url('../images/combo_ico.png') no-repeat;background-position:0 -331px;vertical-align:middle}
.i_arrow_r:before{display:block;content:'';margin:0 auto 20px;width:27px;height:15px;background:url('../images/combo_ico.png') no-repeat;background-position:0 -244px;vertical-align:middle}

/*css 아이콘*/
button[class*=calc_]{position:relative;vertical-align:middle}
button[class*=calc_]:before{position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-0.5px;display:inline-block;content:'';width:13px;height:1px;background:#333}
button.calc_p_m:after{position:absolute;left:50%;top:50%;margin-left:0;margin-top:-6px;display:inline-block;content:'';width:1px;height:13px;background:#333}
.b_type1.calc_p_m:before, .b_type1.calc_p_m:after{background:#fff}
button[class*=c_arrow_]{position:relative}
button[class*=c_arrow_]:before{position:absolute;left:13px;top:17px;display:block;content:'';border: solid #4b4b4c;border-top-color:transparent;border-width: 0px 1px 1px 0;display: inline-block;padding: 6px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
button.c_arrow_down:before{position:absolute;left:13px;top:10px;display:block;content:'';border: solid #4b4b4c;border-left-color:transparent;border-width: 0px 1px 1px 0;display: inline-block;padding: 6px; transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/*bullet*/
.bullet li{min-width:630px;display:inline-block;font-size:12px;color:#666;letter-spacing:-1.5px}
.bullet li:before{display:inline-block;content:'';margin-right:6px;width:10px;height:10px;background:url('../images/zip_ico.png') left top no-repeat;background-position:0 -99px}

/*radio 버튼*/
input[type="radio"] {display:none}
input[type="radio"] + label{color:#666 !important}
input[type="radio"] + label span {display:inline-block; width:20px; height:20px; margin-right:7px; vertical-align:middle; background:url('../images/bg_input.png') no-repeat; cursor:pointer}
input[type="radio"]:checked + label{color:#333}
input[type="radio"]:checked + label span {background:url('../images/bg_input.png') -80px top no-repeat}
.inner_rd {height:40px;line-height:40px}
.inner_rd label{display:inline-block !important;margin: 0 0 0 35px}
.inner_rd label:nth-of-type(1){margin-left:0}
.inner_rd_scroll{padding:14px;height:240px;box-sizing:border-box;overflow-y:scroll}

/* 헤더 */
.header{padding-left:60px;position:relative;background:#fff;height:75px}
.header:after{display:block;content:'';clear:both}
.header .menu{float:left;}
.header .menu a{display:inline-block;margin-top:29px;width:24px;height:20px;background:url('../images/zip_ico.png') no-repeat;background-position:-67px 0}
.header .inner{position:relative;margin:0 70px 0 65px}
.header .location{padding-top:24px;min-width:960px;font-size:12px}
.header .location .home{color:#9292a1;font-weight:bold}
.header .location .home, .header .location .dept1, .header .location .dept2{position:relative;width:134px;padding-right:65px}
.header .location .dept2{position:relative}
.header .location .home:after,
.header .location .dept1:after,
.header .location .dept2:after{content:'';position:absolute;right:15px;top:0;display:inline-block;width:12px;height:29px;background:url('../images/zip_ico.png') no-repeat;background-position:0 0}
.header .location:after{display:block;content:'';clear:both}
.header .location .dept .tit{position:relative;display:inline-block;margin-top:3px;font-size:15px;width:143px;color:#a3b7c0}
.header .location .dept .tit:after{content:'';position:absolute;right:0;top:10px;display:inline-block;width:6px;height:4px;background:url('../images/zip_ico.png') no-repeat;background-position:-33px 0}
.header .location .dept.on .tit{color:#333}
.header .location .dept.on .tit:after{background-position:-33px -25px}
.header .location > div{float:left}
.header .location ul{display:none;position:absolute;left:-10px;top:20px;width:160px;margin-top:15px;border:1px solid #35353f;border-radius:3px;z-index:3}
.header .location ul li{text-align:center;border-top:1px solid #e9e9ee}
.header .location ul li:first-child{border-top:none}
.header .location ul li a{display:inline-block;width:100%;padding:13px 0 14px 0;font-size:12px;color:#666;background:#fff;}
.header .location ul li a:hover{background:#f5f6f7;color:#333;font-weight:bold;}
.header .location .dept.on ul{display:block}
.header .logo_header{position:absolute;top:15px;right:0}
.header .box_control{position:absolute;top:25px;right:60px;}
.header .box_control > *{vertical-align:middle}
.header .box_control .time{margin-right:20px;font-size:16px;color:#a3b7c0;vertical-align:middle;font-family: 'dinB';}
.header .box_control .i_logout, .header .box_control .tooltip{display:inline-block;width:34px;height:34px}
.header .box_control .box_click a{width:100%;height:100%;background-position:0 -73px}
.header .box_control .tooltip .tooltiptext{padding:9px 5px;top:138%;bottom:inherit;margin-left:-60px;width:50px;font-size:11px}
.header .box_control .tooltip .tooltiptext::after{top:-11px;right:0;bottom:inherit;border-color:transparent #333 transparent transparent;transform:none}

/*side 메뉴*/
#wrap{width:100%;height:100%;overflow:hidden}
#wrap.side > div{float:left}
#wrap.side .side_menu{visibility:hidden;width:0 !important;height:auto}
#wrap.side .wrap_contents{width:100%}
.side_menu{box-sizing:border-box;background:url('../images/bg_side.png') no-repeat;background-size:cover}
.side_menu .top .logo{margin-top:49px}
.side_menu .top h4{margin-top:20px;position:relative;font-size:14px;color:#fff;line-height:1}
.side_menu .top h4:after{display:block;content:'';position:absolute;left:0;top:50px;width:60px;height:4px;background-color:#327bb7}
.wrap_deps .depth_01 > li > a{display:block;padding-top:40px;color:#9bd1ff;font-size:20px;font-weight:bold;letter-spacing:-1.3px}
.wrap_deps .depth_01 > li:first-child > a{padding-top:90px}
.wrap_deps .depth_01 > li.on > a{color:#fff}
.wrap_deps .depth_01 > li .tit:before{content:'';display:inline-block;width:30px;height:23px;background:url(../images/zip_ico.png) no-repeat;vertical-align:middle}
.wrap_deps .depth_01 > li:nth-of-type(1) .tit:before{ background-position:-178px 0}
.wrap_deps .depth_01 > li:nth-of-type(2) .tit:before{background-position:-231px 0}
.wrap_deps .depth_01 > li:nth-of-type(3) .tit:before{background-position:-284px 0}
.wrap_deps .depth_01 > li:nth-of-type(4) .tit:before{background-position:-337px 0}
.wrap_deps .depth_01 > li:nth-of-type(5) .tit:before{background-position:-390px 0}
.wrap_deps .depth_01 > li:nth-of-type(6) .tit:before{background-position:-439px 0}
.wrap_deps .depth_01 > li:nth-of-type(7) .tit:before{background-position:-481px 0}
.wrap_deps .depth_02{display:none;padding:18px 0 0 30px}
.wrap_deps .depth_02 > li{margin-top:18px}
.wrap_deps .depth_02 > li:first-child{margin-top:0}
.wrap_deps .depth_02 > li > a{color:#44a1ee;font-size:14px;font-weight:bold}
.wrap_deps .depth_02 > li.on > a, .wrap_deps .depth_02 > li > a:hover{color:#fff}
.wrap_deps .depth_02 > li > a:before{content:'';display:inline-block;width:8px;height:12px;margin-right:5px;background:url(../images/zip_ico.png) no-repeat;background-position:-33px -101px;vertical-align:middle}
.side_menu .bottom .logo{margin-top:145px}

/*side 메뉴 활성화*/
#wrap.side.on .header .menu a{background-position:-124px 0;transition:.3s}
#wrap.side.on .side_menu{visibility:visible;padding-left:49px;width:300px !important;transition:.3s}
#wrap.side.on .wrap_contents{width:calc(100% - 300px)}
#wrap.side.on .table_body_scroll, #wrap.side.on .wrap_tbl, #wrap.side.on .inner_rd_scroll{overflow-y:hidden}

/*로그인*/
.login, .main .wrap_contents{background:url('../images/bg_login.jpg') center no-repeat;background-size:100% 100%;overflow:hidden}
.login h1, .main h1{position:relative;margin-top:30px;font-family:'spoqaHsB';font-size:30px;color:#003380;letter-spacing:-1.3px;line-height:1.1}
.login h1:after, .main h1:after{position:absolute;left:0;top:95px;display:block;content:'';width:133px;height:6px;background-color:#9bd1ff}
.login .contents{width:1000px;margin:0 auto;padding:260px 0 294px 0;box-sizing:border-box}
.login .footer .box_fifty{width:1000px;margin:0 auto}
.login .inner_left p:nth-of-type(1){margin-top:65px}
.login .inner_left p span{font-size:12px;font-weight:600;color:#999;letter-spacing:-1.3px;border-bottom:1px solid #d4d5d6}
.login .inner_right .i_in{margin-top:20px;text-align:right}
.login .inner_right .i_in + .box_fifty{margin-top:137px}
.login .inner_right .i_in + .box_fifty + .box_click{margin-top:10px}
.login .box_find{text-align:center}
.login .box_find a{font-size:12px;color:#666;font-weight:600;}
.login .box_find a:first-child:after{display:inline-block;content:'';width:1px;height:11px;margin:0 19px;background-color:#d4d5d6;vertical-align:middle}

/*메인*/
#wrap.side.main .wrap_contents .contents{width:1000px;margin:0 auto;padding:140px 0 160px 0}
#wrap.side.main .wrap_contents .contents h1{margin-top:0;font-size:40px;text-align:center}
#wrap.side.main h1:after{width:350px;top:110px;left:50%;margin-left:-175px}
.box_time{width:905px;height:87px;margin:100px auto 0}
.box_time:after{display:inline-block;content:'';clear:both}
.box_time .inner{float:left;position:relative;margin-left:18px;padding-bottom:12px;border-bottom:1px solid #ddd}
.box_time .inner:first-child{margin-left:0}
.box_time .inner:before{display:block;content:'YEAR';position:absolute;left:50%;bottom:-8px;margin-left:-20px;padding:0 8px;font-size:10px;color:#999;background-color:#f4f6f7}
.box_time .inner:nth-of-type(2):before{content:'MONTH';margin-left:-27px;}
.box_time .inner:nth-of-type(3):before{content:'DAY';margin-left:-15px;}
.box_time .inner:nth-of-type(4):before{content:'HOUR';margin-left:-22px;}
.box_time .inner:nth-of-type(5):before{content:'MIN';margin-left:-15px;}
.box_time .inner:nth-of-type(6):before{content:'SEC';margin-left:-15px;}
.box_time .inner:after{display:inline-block;content:'';position:absolute;right:-11px;top:23px;width:4px;height:25px;background:url('../images/zip_ico.png') no-repeat;background-position:0 -101px}
.box_time .inner:nth-of-type(6):after{display:none}
.box_time .inner input[type=text]{width:52px;height:72px;font-size:60px;font-family: 'dinR';text-align:center;background:url('../images/bg_time.png') no-repeat;border:none}
.list_menu{margin-top:85px}
.list_menu ul{overflow:hidden;width:970px;margin:0 auto}
.list_menu ul li{float:left;margin-left:50px;width:120px;text-align:center}
.list_menu ul li:first-child{margin-left:0}
.list_menu ul li a{display:block;padding-top:140px;background:url('../images/main_ico.png') no-repeat;font-size:18px;color:#333;font-family:'spoqaHsB';}
.list_menu ul li:nth-of-type(2) a{background-position:0 -220px}
.list_menu ul li:nth-of-type(3) a{background-position:0 -471px}
.list_menu ul li:nth-of-type(4) a{background-position:0 -723px}
.list_menu ul li:nth-of-type(5) a{background-position:0 -998px}
.list_menu ul li:nth-of-type(6) a{background-position:0 -1301px}

/*sub*/
.sub .contents{min-height:827px;background-color:#f3f5f6}
.sub .contents.type2 > div{padding:0 60px 50px;border:1px solid #e7e9ec}
.sub .contents.type2 > div:last-child{border:none}
.sub .contents .box_guide{box-sizing:border-box}
.sub .contents .box_guide h2{position:relative;padding-top:50px;font-size:20px;color:#003380;letter-spacing:-0.5px}
.sub .contents .box_guide h2:after{display:block;content:'';width:140px;height:6px;background-color:#9bd1ff}
.sub .contents .box_guide .time{margin-top:30px;min-width:1300px;font-family: 'dinR';font-size:62px;color:#333;letter-spacing:-0.5px}
.sub .contents .box_guide .bullet{margin-top:50px;min-width:1300px}
.sub .contents.type3 .wrap_form, .sub .contents.type3 .box_searching{margin:0 auto;width:1200px}
.sub .contents.type3 .box_searching + .wrap_form .tit{padding-top:20px;}
.sub .contents.type4 .wrap_form{margin:0 auto;width:370px}

/*table */
.box_table, .wrap_form{position:relative}
.box_table .tit, .wrap_form .tit{padding:40px 0 25px 0}
.box_table .tit h3, .wrap_form .tit h3{font-size:18px;color:#666}
.box_table .tit .location_right{position:absolute;top:40px;right:60px}
.box_table .tit .location_right > div{display:inline-block;margin-left:15px;}
.box_table .tit .location_right > div:first-child{margin-left:0}
.box_table.type2 table tbody tr td{cursor:pointer}
.box_table.type2 table tbody .tbl_date td{cursor:default}
.wrap_tbl{padding-bottom:1px;height:720px;overflow-y:scroll;min-width:1782px;border:1px solid #a9bbc4}
.wrap_tbl:after{display:block;content:'';clear:both}
.wrap_tbl > div{float:left}
.wrap_tbl .tbl_fixed{width:calc(100% - 1500px)}
.wrap_tbl .tbl_swiper{width:1500px}
#wrap.side.on .wrap_tbl .tbl_fixed{width:calc(100% - 1200px)}
#wrap.side.on .wrap_tbl .tbl_swiper{width:1200px}
.wrap_tbl table tbody .tbl_header th{padding:10px 5px 10px 10px;border-left:1px solid #a9bbc4;border-top:1px solid #a9bbc4;border-bottom:1px solid #a9bbc4;background-color:#e7e9ec;color:#999;font-size:11px;text-align:left;font-weight:500}
.wrap_tbl table tbody .tbl_header:nth-of-type(1) th{border-top:none}
.wrap_tbl table tbody .tbl_date td{border-top:none;background-color:#f9f9f9;color:#999}
.wrap_tbl table tbody tr td{padding:10px 5px 10px 10px;border-left:1px solid #e7e9ec;border-top:1px solid #e7e9ec;color:#bbb;font-size:11px;text-align:left;letter-spacing:-0.6px; }
.time_min_width{
	min-width: 170px;
}
.wrap_tbl table tbody tr{background:#fff}
.wrap_tbl table tbody tr:hover{background: #fff url('../images/bg_line.png') repeat}
.wrap_tbl table tbody tr:hover td{color:#000;border-top:1px solid #000;border-bottom:1px solid #000}
/*.wrap_tbl table tbody .tbl_date:hover td{border-top:1px solid #e7e9ec;border-bottom:1px solid #e7e9ec}*/
.wrap_tbl .tbl_fixed table tbody .tbl_header th:first-child{border-left:none}
.wrap_tbl .tbl_fixed table tbody tr td:first-child{border-left:none}
.wrap_tbl .tbl_fixed table tbody .tbl_footer td:first-child{color:#e65b5b;font-weight:600}
.wrap_tbl .tbl_swiper table tbody .tbl_footer td{color:#000;font-weight:600}
.wrap_tbl.type2 .tbl_swiper table tbody .tbl_date td:before{display:none}
.wrap_tbl.type2 .tbl_swiper table tbody tr td strong{position:relative;display:block;max-width:186px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.wrap_tbl.type2 .tbl_swiper table tbody tr td strong:before{display:block;content:'';position:absolute;left:0;top:0;width:6px;height:38px}

/*color*/
.wrap_tbl.type2 .tbl_swiper table tbody tr td[class*=color_] {box-sizing:border-box;padding:0}
.wrap_tbl.type2 .tbl_swiper table tbody tr td[class*=color_] strong{box-sizing:border-box;padding:10px 0 10px 10px;font-weight:500}
/*클래스명 숫자에 맞춰 컬러값 계속 추가시면 됩니다.*/
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_00 strong:before{background-color:#0076d9}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_01 strong:before{background-color:#ca733a}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_02 strong:before{background-color:#c8ca3a}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_03 strong:before{background-color:#3aca41}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_04 strong:before{background-color:#13a7b0}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_05 strong:before{background-color:#034a93}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_06 strong:before{background-color:#9f3edd}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_07 strong:before{background-color:#e62ac0}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_08 strong:before{background-color:#da2626}
.wrap_tbl.type2 .tbl_swiper table tbody tr td.color_09 strong:before{background-color:#6a4d31}

/* board_list :: table 목록 */
.board_list {width:100%;min-width:1782px}
.board_list table {width:100%; table-layout:fixed}
.board_list table thead tr th {padding:10px 5px 10px 10px;box-sizing:border-box;font-size:12px;font-weight:500;color:#999;text-align:left;background:#e7e9ec;border:1px solid #a9bbc4}
.board_list table tbody tr th,
.board_list table tbody tr td {padding:10px 5px 10px 10px;box-sizing:border-box;font-size:12px;color:#bbb;border-top:1px solid #e7e9ec;border-left:1px solid #e7e9ec}
.board_list table tbody tr:first-child td{border-top:1px solid transparent}
.board_list table tbody tr td:first-child{border-left:1px solid #a9bbc4}
.board_list table tbody tr td:last-child{border-right:1px solid #a9bbc4}
.board_list table tbody tr{background:#fff}
.board_list table tbody tr:hover{background:#fff}
.board_list table tbody tr:hover{background: #fff url('../images/bg_line.png') repeat}
.board_list table tbody tr:hover td{color:#000;border-top:1px solid #000;border-bottom:1px solid #000}
.board_list table tbody tr:hover td:first-child{border-left:1px solid #000}
.board_list table tbody tr:hover td:last-child{border-right:1px solid #000}
.board_list .table_body_scroll{padding-bottom:1px;border-bottom:1px solid #a9bbc4;max-height:581px;overflow-y:scroll}

/*btn*/
.btn_lg{box-sizing:border-box;width:130px;height:50px;vertical-align:middle;font-size:16px;font-weight:600}
.btn_md{box-sizing:border-box;width:50px;height:40px;vertical-align:middle;font-size:14px;}
.btn_sm{box-sizing:border-box;width:50px;height:27px;vertical-align:middle;font-size:12px;}
.b_type1{background-image: linear-gradient(#50aaff, #338dff);border-top:1px solid #8cc8ff;;border-right:1px solid #3885d9;border-bottom:1px solid #266bc4;border-left:1px solid #60abff;border-radius:2px;color:#fff;font-weight:600;text-shadow: 0.1px 0.1px 0.1px #666;}
.b_type2{background-image: linear-gradient(#5c7993, #3e5874);border-top: 1px solid #96a9ba;border-right: 1px solid #3b5269;border-bottom: 1px solid #2f4358;border-left: 1px solid #697f95;border-radius: 2px;color: #fff;text-shadow: 0.1px 0.1px 0.1px #666;}
.b_type3{background-image: linear-gradient(#f6f7f8, #e7e8e9);border: 1px solid #d5dee2;border-bottom: 1px solid #babbbc;border-radius: 2px;color: #333;font-weight:300;text-shadow: 0.1px 0.1px 0.1px #666;}
.b_type4{background-image: linear-gradient(#e44141, #cb1f1f);border: 1px solid #d72626;border-bottom: 1px solid #b51212;border-radius: 2px;color: #fff;font-weight:600;text-shadow: 0.1px 0.1px 0.1px #666;}

/*selectbox*/
.selectbox,
.selectbox label,
.selectbox option, 
.selectbox select {font-family:'NanumSqR'; font-size:13px; font-weight:bold; }
.selectbox label {line-height:15px}
.selectbox {box-sizing:border-box; position:relative; width:200px; height:36px; box-sizing:border-box; border:1px solid #a9bbc4; border-radius:3px; background-color:#fff; z-index:1} 
.selectbox:before {content:""; position:absolute; bottom:5px; right:5px; width:0; height:0; margin-top:-1px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #444; transform:rotate(45deg)} 
.selectbox label {box-sizing:border-box; position:absolute; top:1px; left:5px;	padding:.7em .5em; color:#333; z-index:-1; font-size:13px} 
.selectbox select {width:100%; height:auto;	line-height:normal; line-height:20px; font-family:inherit; padding:8px;	border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectbox.disabled:before {display:none}

.selectbox2,
.selectbox2 label,
.selectbox2 option, 
.selectbox2 select {font-family:'NanumSqR'; font-size:13px; font-weight:bold; }
.selectbox2 label {line-height:15px}
.selectbox2 {box-sizing:border-box; position:relative; width:200px; height:36px; box-sizing:border-box; border:1px solid #a9bbc4; border-radius:3px; background-color:#fff; z-index:1} 
.selectbox2:before {content:""; position:absolute; bottom:5px; right:5px; width:0; height:0; margin-top:-1px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #444; transform:rotate(45deg)} 
.selectbox2 label {box-sizing:border-box; position:absolute; top:1px; left:5px;	padding:.7em .5em; color:#333; z-index:-1; font-size:13px} 
.selectbox2 select {width:100%; height:auto;	line-height:normal; line-height:20px; font-family:inherit; padding:8px;	border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none}
.selectbox2.disabled:before {display:none}
.selectbox2 {background-image: linear-gradient(#e7e7e7, #e9e9e9, #efefef, #f5f5f5, #f6f6f6);border-right: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #b0b0b0;border-radius:3px;vertical-align:middle}

/* box_searching */
.box_searching {margin:0 60px}
.box_searching > div {position:relative; overflow:hidden; height:56px;border-bottom:1px solid #e7e9ec}
.box_searching > div a {box-sizing:border-box;float:right;width:56px;height:56px;padding:19px;padding-right:0}
.box_searching > div > div {position:absolute; top:0; left:0; width:100%; height:100%; background:#f3f5f6;border-bottom:1px solid #003380}
.box_searching > div > div input {width:100%; height:56px; padding:0 67px; color:#888; font-size:15px; font-weight:400;line-height:56px; box-sizing:border-box; border:0; border-bottom:1px solid #003380; background:url(../images/btn_search.png) no-repeat 5px 50%;}
.box_searching > div > div input:-ms-input-placeholder {color:#a3b7c0;}
.box_searching > div > div input::-webkit-input-placeholder {color:#a3b7c0;}
.box_searching > div > div input::-moz-placeholder {color:#a3b7c0;}
.box_searching > div > div a {box-sizing:border-box;position:absolute; top:0; right:0; width:56px; height:56px; padding:19px; padding-right:0}
.sub .contents.type2 > .box_searching{padding:0;border:none}
.box_searching + .box_table{border-top:none !important}

/*tooltip*/
.tooltip {position: relative}
.tooltip .tooltiptext {visibility: hidden; width: 142px; 	bottom:115%; background-color: #333; color: #fff; text-align: center; padding: 8px 9px; position: absolute; left:50%; 	margin-left:-80px; z-index: 1}
.tooltip:hover .tooltiptext {visibility: visible}
.tooltip .tooltiptext::after {content: " "; position: absolute; bottom:-11px; left: -11px; border-width: 11px; border-style: solid; border-color: transparent #333 transparent transparent;transform:rotate(45deg)}

/* swiper */
.swiper-container {margin-left: auto; margin-right: auto; z-index: 0; overflow:hidden }
.swiper-wrapper { position: relative;  width: 100%;  height: 100%; z-index: 1; display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;  -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-slide { -webkit-flex-shrink: 0;  -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {position:absolute;top: 40px}
/* Bullets */
.swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #d6d9db;}
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1; background: #666;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}
/* Arrows */
.swiper-button-prev,
.swiper-button-next { position: absolute; top: 50%; width: 9px; height: 16px; margin-top: -8px; z-index: 10; cursor: pointer}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity: 0.35; cursor: auto; pointer-events: none;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {background: url('../images/zip_ico.png') no-repeat; background-position:-90px -104px; left: 20px;  right: auto;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {background:url('../images/zip_ico.png') no-repeat; background-position:-166px -104px; right: 20px; left: auto;}

/*popup*/
.wrap_pop{position:relative}
.wrap_pop .pop_conts{background-color:#f3f5f6;border:1px solid #333;/*border-radius:3px;box-shadow:2px 2px 10px #ccc*/}
.wrap_pop .pop_conts h4{padding:22px 25px 15px 25px;font-size:18px;background:#fff;border-bottom:1px solid #a9bbc4}
.wrap_pop .pop_conts table{}
.wrap_pop .pop_conts table tbody tr th, .wrap_pop .pop_conts table tbody tr td{padding:10px 0;font-size:13px;text-align:left;border-bottom:1px solid #e7e9ec}
.wrap_pop .pop_conts table tbody tr th{padding-left:25px;color:#999;letter-spacing:-1.3px}
.wrap_pop .pop_conts table tbody tr td{padding-right:20px;color:#333;font-weight:600}
.wrap_pop .pop_conts table + .box_click{text-align:center;margin:30px 0 27px 0}
.wrap_pop .pop_conts input[type=text]{padding-left:5px;height:36px;line-height:36px;font-size:13px}
.wrap_pop .pop_conts .stuff{color:#333}
.wrap_pop .close{position:absolute;right:25px;top:22px;width:20px;height:20px}
.wrap_pop .close:before{position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:0;transform:rotate(45deg);display:inline-block;content:'';width:15px;height:1px;background:#444}
.wrap_pop .close:after{position:absolute;left:50%;top:50%;margin-left:0;margin-top:-7px;transform:rotate(45deg);display:inline-block;content:'';width:1px;height:15px;background:#444}
.wrap_pop table tbody .guide{display:inline-block;font-size:12px;color:#333;letter-spacing:-1.3px;line-height:1.5;vertical-align:middle}
.wrap_pop table tbody .info{position:relative;padding-bottom:25px !important}
.wrap_pop table tbody .info span{display:block;position:absolute;left:0;bottom:5px;font-size:11px;color:#bbb;font-weight:600;letter-spacing:-0.5px}

/*footer*/
.footer{box-sizing:border-box;background-color:#fff}
.footer .box_fifty{position:relative;padding:18px 0 16px 0;}
.footer .box_fifty:after{position:absolute;left:89px;top:18px;display:inline-block;content:'';width:1px;height:27px;background-color:#e7e9ec}
.footer .box_fifty > div{width:auto}
.footer .address{margin-left:33px;font-size:11px;color:#999;line-height:1.2}
#wrap.side .footer{padding-left:60px}

.searchinput {padding-left:10px;box-sizing:border-box;width:100%;height:28px;border:1px solid #a9bbc4;border-radius:3px}
.selectmulti {background-image: linear-gradient(#e7e7e7, #e9e9e9, #efefef, #f5f5f5, #f6f6f6);border-right: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #b0b0b0;border-radius:3px;}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 170, 170, 170, .3 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
	filter: Alpha(Opacity=30); 
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
    
}

.input-tip {
	color: blue;
	font-weight: bold;
}

.select_hover {background: #fff url('../images/bg_line.png') repeat !important}
.select_hover td {color:#000 !important;border-top:1px solid #000 !important;border-bottom:1px solid #000 !important}
.pointer {cursor: pointer;}