@charset "utf-8";
/*header*/
.wrap{width:100%;min-width:1200px; overflow:hidden;margin-bottom: 60px;} 
.header{width:97%; margin:0 auto; position:relative;}
.topmenu{position:absolute; right:0; top:10px; }
.header .logout{margin-left:10px;line-height:22px; letter-spacing:-0.05em;font-weight:bold; border-radius:5px; border:1px solid #919191; display:inline-block; width:68px; height:22px; text-align:center;}
.header h1{padding:11px 0 0 3px;}
.topmenu img{float:right;} 
.topmenu p{clear:both;padding-top:9px; font-size: 12px }
.topmenu p strong{padding-left:16px;background:transparent url('/resources/images/topmenu_img.gif') no-repeat 8px 0; font-size: 12px}
.main_top{background:transparent url('/resources/images/main_img.jpg') no-repeat center 0; width:100%; height:402px;}
/*main_cont*/

/*.data{width:97%; margin:38px auto;}*/
.data{width:97%; margin:38px auto;}
#data{width:97%; margin:38px auto;}

/*form style*/
#data input[type="text"]{background:#fff;border:solid 1px #b7bac6;font-size:12px;height:24px;padding:1px 1px 1px 1px;}




.main_cont{ border:1px solid #e7e7e7; width:100%;} 
.main_cont>div{width:33.3333%;height:230px;float:left; padding:40px 0 0 37px; box-sizing:border-box;} 
.main_cont>div ul li a{height:21px;display:inline-block; border-bottom:1px dashed #a0a0a0;}
.main_cont>div ul li span{font-weight:bold;float:right;}
.main_cont>div ul li{width:57%;margin-bottom:11px;padding-left:9px;background:transparent url('/resources/images/com_icon01.gif') no-repeat 0 50%;}
.main_cont:after{clear:both; content:""; display:block;}
.main_cont>div strong{font-size:18px; margin-bottom:40px; display:block; font-weight:bold; font-family:'Noto Sans KR'}
.main_cont>div.cont1{background:transparent url('/resources/images/list_icon01.png') no-repeat 90% 80px;}
.main_cont>div.cont2{background:#f3f3f3 url('/resources/images/list_icon02.png') no-repeat 91% 87px;}
.main_cont>div.cont3{background:transparent url('/resources/images/list_icon03.png') no-repeat 90% 73px;}
.main_cont>div.cont4{background:#f5f5f5 url('/resources/images/list_icon04.png') no-repeat 92% 99px;}
.main_cont>div.cont5{position:relative;background:transparent url('/resources/images/list_background.png') no-repeat 0 0; background-size:cover;}
.main_cont>div.cont5 img{position:absolute; right:7%; top:30%;}
.main_cont>div.cont6{background:#e9e9e9 url('/resources/images/list_icon05.png') no-repeat 90% 78px;}
/*.main_cont>div.cont7{background:transparent url('/resources/images/list_icon06.png') no-repeat 90% 80px;}*/
.main_cont>div.cont7{background:#f3f3f3 url('/resources/images/list_icon06.png') no-repeat 90% 80px;}
.main_cont>div.cont8{background:#e9e9e9 url('/resources/images/list_icon07.png') no-repeat 92% 80px;}
.main_cont>div.cont9{background:#242355 url('/resources/images/list_icon08.png') no-repeat 90% 81px;}
.main_cont>div.cont5 strong,.main_cont>div.cont5 ul li,.main_cont>div.cont5 ul li a{color:#fff;}
.main_cont>div.cont9 strong,.main_cont>div.cont9 ul li,.main_cont>div.cont9 ul li a{color:#fff;}
.main_cont>div.cont5 ul li,.main_cont>div.cont9 ul li{background:transparent url('/resources/images/comon_icon2.gif') no-repeat 0 50%;}

/*.pr_title1{font-family:'Noto Sans KR';font-size:18px;margin-bottom:10px; display:block;} */
.boxtitle{font-family:'Noto Sans KR';font-size:18px;display:inline-block;position: relative; line-height: 30px;padding:0px 0px 5px 15px;background:transparent url('/resources/images/title_icon.png') no-repeat 0 0; }

.part1.on{display:none;}
.part1 input{border:1px solid #e7e7e7; height:24px; line-height:24px; padding-left:6px;padding-right:6px;font-size: 13px;}
.part1 select{border:1px solid #e7e7e7; height:26px; line-height:26px; padding-left:13px; font-size:12px;}
.part1{background:#e9e9e9;font-size:12px;font-weight:bold; padding:15px 15px 15px 15px; width:100%; box-sizing:border-box;position: relative;}
.part1 font{font-size:12px;padding-left:11px;background:transparent url('/resources/images/com_icon01.gif') no-repeat 0 50%;}

.part1 ul{display:inline-block;line-height:16px;}
/* .part1 .divide1{width:33%;} */
.part1 li img{cursor:pointer;}
.part1 ul li {display:inline-block;width: 390px;overflow: auto; height: 31px;}
.part1 ul li font{display:inline-block;min-width: 100px;width: 100px;line-height: 26px;}

.merge570 {display:inline-block;width:570px !important;overflow: auto; }
.merge780 {display:inline-block;width:780px !important;overflow: auto; }
.merge1170 {display:inline-block;width:1170px  !important;overflow: auto; }

.cb_wrap{display:block;border-top:2px solid #434a95; text-align:center;}
.cb_wrap_d{display:block;border-top:3px solid #434a95;text-align:center;}
.cb_wrap:after{display:block; content:""; clear:both;}
.click_btn{ cursor:pointer;  display:inline-block; width:110px;background:transparent url('/resources/images/click_btn.gif') no-repeat 100% 0;white-space: nowrap; text-indent:-999999px; height:10px;}
.click_btn.on{background:transparent url('/resources/images/clickbtn_on.gif') no-repeat 100% 0;}

/* .part1 .divide2{width:40%;} */
.part1 .mage01{margin-right:25px;}
.part1 .mage02{margin-right:25px;}
.part1 .mage03{margin-right:25px;}
.part1 .mage04{margin-right:25px;}
.part1 .mage05{margin-right:25px;}

.inquiry_table tbody tr{border-top:1px solid #9e9e9e}
.inquiry_table tbody tr:first-child{background:#e9e9e9;}
.inquiry_table thead th{height:33px; background:#4aa1d5; color:#fff; border-left:1px solid #dadada; font-size:12px;}
.inquiry_table thead th:first-child{border-left:none;}
.inquiry_table tbody td{font-size:13px;text-align:center; height:45px; line-height:45px; border-left:1px solid #dadada;}
.inquiry_table tbody .close_list td{border-left:1px solid #fff;}
.inquiry_table tbody tr td:first-child{border-left:none;}
.inquiry_table tbody td.tdleft{text-align:left; padding:0 20px;}
.inquiry_table tbody td span{color:#ff6000; font-size:13px; text-decoration:underline;}
.inquiry_table tbody td em{color:#0d6fb8; font-size:13px; text-decoration:underline;}
.inquiry_table tbody td.tdright{text-align:right; padding:0 20px 0 0;}
.inquiry_table thead th.no{background:#244082;}
.inquiry_table thead th.num{background:#0d6fb8;}
.inquiry_table .close_list td{height:23px; line-height:23px; text-align:left; padding-left:17px;}
.name_box{position:absolute; left:0; top:0;font-weight: bold;display:inline-block; float:left;}

.part2{position:relative; margin-top:5px; width:100%; height:32px;text-align: right;}
.part2 .title{position:absolute; top:20px;}
.part2 file{display: inline-block;float: left;}
.part2 div{display: inline-block;float: left;}
.part2_5 {display: block; padding: 1px 0px 1px 0px;text-align: right;min-height: 31px;}

.part3{position:relative; margin-top:5px; height:32px;display: block;}
.part3 #userid{height:29px;}
.part3.on{display:none;}
.part3 input{display: inline-block; text-align: left;border:1px solid #cecece;line-height: 18px;padding:2px 2px 2px 2px;}
.part3 label{display: inline-block; line-height: 29px;}
.part3 select{display: inline-block;line-height: 29px; }
.part3 div{display: inline-block;line-height: 29px; }

.part4{position:relative; width:100%; margin-top:5px; padding-bottom: 30px;}
.part7{position:relative; margin-top:5px; float:left; min-width:380px;width:32%; margin-right: 1%; padding-bottom: 30px;}
.part7_last{position:relative; margin-top:5px; float:left; min-width:380px;width:34%;  padding-bottom: 30px;}
.part7_last_no{position:relative; margin-top:5px; float:left; min-width:380px;width:33%;  padding-bottom: 30px;}

.part7_2{position:relative; margin-top:5px; float:left; min-width:380px;width:32%; margin-right: 1%; padding-bottom: 30px;}
.part7_2_last{position:relative; margin-top:5px; float:left; min-width:380px;width:34%;  padding-bottom: 30px;}

.part7_3{position:relative; margin-top:5px; float:left; min-width:380px;width:66%; margin-right: 1%; padding-bottom: 30px;}
.part7_3_last{position:relative; margin-top:5px; float:left; min-width:380px;width:67%; padding-bottom: 30px;}

.part7_4{position:relative; margin-top:5px; float:left; min-width:380px;width:67%; padding-bottom: 30px;}

.part7_5{position:relative; margin-top:5px; float:left; min-width:380px;width:100%; padding-bottom: 30px;}

.part7 ul{  display: block; padding: 1px 0px 1px 0px;}
.part7_1 ul{ display: block; padding: 1px 0px 1px 0px;}
.part7_2 ul{ display: block; padding: 1px 0px 1px 0px; }

.part7 ul li{  text-align: right;min-height: 31px; }
.part7_1 ul li{ text-align: right;min-height: 31px; }
.part7_2 ul li{ text-align: right;min-height: 31px; }
.part7_2 ul li input{ text-align: left;border:1px solid #cecece;line-height: 18px;padding:2px 2px 2px 2px;}
.part7_2 ul li font{ text-align: left;line-height: 24px;padding:3px 3px 3px 3px;}

.part8{position:relative; width:100%; margin-top:5px; }

.more{background:transparent url('/resources/images/more.gif') no-repeat 0 40%;position:absolute; right:41px; top:-28px; font-family:'Noto Sans KR'; font-size:12px;color:#333; padding-left:12px;}

.totalNum{position: relative;float:right;padding-top:10px;}
.totalNum em{color:#ff6000}

.vertical3{min-width:1140px;width:100%;}
.vertical2{min-width:760px;width:66%; padding-right: 1%;}
.vertical2_last{min-width:760px;width:67%; }
.vertical1{min-width:380px;width:32%; padding-right: 1%;}
.vertical1_last{min-width:380px;width:34%; }
.vertical1_last2{min-width:380px;width:33%; }

.gr_calendar span{position:relative;}
.gr_calendar span a{position:absolute; right:5px; top:-3px;}
/*tab*/
.tab {position:relative; margin-top:31px; border-top:2px solid #161919} 
.tab>li>a{font-family:'Noto Sans KR';font-size:15px;display:block;position:absolute;top:-41px;width:94px;height:39px;line-height:39px;text-align:center;border:1px solid #575959;}
.tab>li.on>a {background:#161919; color:#fff; border:1px solid #161919;}
.tab_wrap .tab2>li.on>a{font-size:13px;}
.tab_wrap .tab2>li.on>a span{display:block; text-indent:-9999px; background:url('/resources/images/close_on.png') no-repeat 0 0;
position:absolute; right:4px; top:7px;}
.tab_wrap .tab2>li>a{font-size:13px;width:100px;padding-left:13px; text-align:left;}
.tab_wrap .tab2>li>a span{display:block; width:7px; height:7px;text-indent:-9999px; background:url('/resources/images/tclose.png') no-repeat 0 0;
position:absolute; right:4px; top:7px;}
.tab_wrap .tab2>li+li>a {left:120px;}
.tab_wrap .tab2>li+li+li>a {left:241px;}
.tab_wrap .tab3>li.on>a{font-size:13px;}
.tab_wrap .tab3>li.on>a span{display:block; text-indent:-9999px; background:url('/resources/images/close_on.png') no-repeat 0 0;
position:absolute; right:4px; top:7px;}
.tab_wrap .tab3>li>a{font-size:13px;width:100px;padding-left:13px; text-align:left;}
.tab_wrap .tab3>li:first-child a{width:79px;}
.tab_wrap .tab3>li>a span{display:block; width:7px; height:7px;text-indent:-9999px; background:url('/resources/images/tclose.png') no-repeat 0 0;
position:absolute; right:4px; top:7px;}
.tab_wrap .tab3>li+li>a{left:98px;}
.tab>li>a img{display:none;}
.tab>li:first-child>a {left:0;}
.tab>li+li>a {left:99px;}
.tab>li+li+li>a {left:199px;}
.tab>li>div {height:0; overflow:hidden; position:absolute;}
.tab>li.on>div{height:auto; position:static;}
.gnb{width:100%; height:45px; margin:auto; margin-top:19px;background:#434a95;}
.gnb>ul{width:97%; height:45px; margin:0 auto;}
.gnb>ul>li{float:left; width:9%; height:45px; position:relative;}
.gnb>ul>li>a{font-family:'Noto Sans KR';display:block; line-height:45px;color:#fff;padding-left:30px; font-size:16px; height:45px; background:transparent url('/resources/images/gnbimg.png') no-repeat 10px 50%;}
.gnb>ul>li:hover{background:transparent url('/resources/images/gnbcolor_on.png') no-repeat 0 0;}
.gnb>ul>li:hover>a{ background:transparent url('/resources/images/gnbimg_on.png') no-repeat 10px 50%;}
.gnb ul ul{display:none; width:1200px;margin-left:20px;}
.gnb>ul>li>ul{display:none; width:1200px; height:25px;position:absolute; left:0; top:44px;}
.gnb li li{height:28px; line-height:28px; float:left; font-weight:bold; font-size:12px}
.gnb li li a{display:block; height:100%; margin-right:11px;background:transparent url('/resources/images/gnb_icon01.gif')no-repeat 0 50%;padding-left:10px;}
/* .gnb li:last-child ul{margin-left:-720px;} */
.gnb li li a:hover{border-bottom:2px solid #d21a4d; background:transparent url('/resources/images/gnb_icon01.gif')no-repeat 0 50%;padding-left:10px;}
.marginL20{margin-left:20px;}
.marginL720{margin-left:-720px;}

.submenuline{border-bottom:2px solid #d21a4d; background:transparent url('/resources/images/gnb_icon01.gif')no-repeat 0 50%;padding-left:10px;}
.tab_wrap{width:97%; margin:0 auto; position:relative; padding-top:40px;}
.tab_wrap table.tab_table tr{border-bottom:1px solid #ddd;}
.tab_wrap table.tab_table tr td{height:48px; line-height:48px;}
.tab_wrap table.tab_table tr td:first-child{background:transparent url('/resources/images/com_icon01.gif') no-repeat 37px 50%; padding-left:47px;}
.tab_wrap table.tab_table{font-size:13px;}

.grid_wrap{position:relative;}
.grid{margin-top:15px;border-top:1px solid #a2a2a2;}
.grid th{font-size:13px;background-color:#e9e9e9; height:47px; line-height:47px;text-align:left; padding-left:30px;}
.grid tr{border-bottom:1px solid #a2a2a2;}
.grid td{font-size:13px; padding-left:22px;height:47px; line-height:47px;}
.grid input{vertical-align:middle; font-size:13px; border:1px solid #cecece; height:25px; box-sizing:border-box; padding-left:9px;}
.grid .area_div td{padding-left:0;}
.grid .area_div td{line-height:2;}
.grid input[type="checkbox"]{width:13px; height:13px; border:1px solid #bbb;}
.grid span.grid_list{padding-left:10px;width:175px; position:relative;height:25px; line-height:25px; display:block; border:1px solid #cecece; font-size:13px;}
.grid span.grid_list a{position:absolute; right:10px; top:-3px;}
.grid img{cursor:pointer;}

.grid_btn {position:absolute;top:0px;width: 100%;height: 32px;text-align: right;}

.goods{width:116px; height:25px; font-size:13px;}
.area_div th{vertical-align:top; line-height:48px;}
.gr_calendar span{ display:inline-block;}
.gr_calendar span input{width:41px;}
.btn_wrap{position:absolute; right:0; top:3px;}
.btn_wrap span{font-size:13px; padding-right:5px;}

.part1_2{position:relative;}    
.part1_2 select{border:1px solid #e7e7e7; height:26px; line-height:26px; padding-left:13px; font-size:12px;}
.part1_2 textarea{width:99%; max-width: 99%; border: 1px solid #D8D8D8; margin-top: 4px;}
.part1_2 table{border-top:1px solid #a2a2a2; table-layout: fixed;}
.part1_2 table th{font-size:13px;background-color:#e9e9e9; height:28px; line-height:28px;text-align:left; padding-left:10px;}
.part1_2 table tr{border-bottom:1px solid #a2a2a2;}
.part1_2 table td{font-size:13px; padding-left:22px;height:28px; line-height:28px;}
.part1_2 table input{vertical-align:middle; font-size:13px;  height:25px; padding-left:9px;}
.part1_2 table .area_div td{padding-left:0;}
.part1_2 table .area_div td{line-height:2;}
/* .part1_2 table input[type="checkbox"]{width:13px; height:13px; border:1px solid #bbb;} */
.part1_2 table span.grid_list{padding-left:10px;width:175px; position:relative;height:25px; line-height:25px; display:block; border:1px solid #cecece; font-size:13px;}
.part1_2 table span.grid_list a{position:absolute; right:10px; top:-3px;}
.part1_2 table img{cursor:pointer;}


/*버튼 목록 */
.btn {
    padding-right:6px;
    width:auto;
    cursor:pointer;
    vertical-align:middle;
    font-weight:bold;
    display:inline-block; 
    text-align:left; 
    box-sizing:border-box; 
    padding-left:35px;
    font-size:13px;
    color:#fff; 
    height:29px;
    line-height:29px; 
}

.list{background:#0d6fb8 url('/resources/images/button3/List.png') no-repeat 10px 6px; letter-spacing:-0.075em;   }
.search{background:#0d6fb8 url('/resources/images/button3/Search.png') no-repeat 10px 6px;}
/*.next{background:#0d6fb8 url('/resources/images/button3/Forward.png') no-repeat 10px 6px;}*/
.before{background:#0d6fb8 url('/resources/images/button3/Rewind.png') no-repeat 10px 6px;}
.close{background:#e65560 url('/resources/images/button3/Close.png') no-repeat 10px 6px;}

.init{background:#0d6fb8 url('/resources/images/button3/_.png') no-repeat 10px 6px;}
.print{background:#024361 url('/resources/images/button/3-1.png') no-repeat 10px 6px;}
.send{background:#FF3300 url('/resources/images/button3/In_alt.png') no-repeat 10px 6px;}
.download{background:#0d6fb8 url('/resources/images/button3/In.png') no-repeat 10px 6px;}
.add{background:#4e9dff url('/resources/images/button3/Add.png') no-repeat 10px 6px;}
.noneicon{background:#0d6fb8;padding-left: 6px;}

.attach{background:#244082 url('/resources/images/button3/Attachment.png') no-repeat 10px 6px;}
.ifsend{background:#3b5998 url('/resources/images/button3/Inbox_alt.png') no-repeat 10px 6px;}
.pay{background:#244082 url('/resources/images/button3/Play.png') no-repeat 10px 6px;}
.upload{background:#244082 url('/resources/images/button3/Out.png') no-repeat 10px 6px;}
.inbox{background:#244082 url('/resources/images/button3/Inbox.png') no-repeat 10px 6px;}
.calendar{background:#244082 url('/resources/images/button3/Calendar.png') no-repeat 8px 6px;}
.sms{background:#4D90FD url('/resources/images/button3/Envelope.png') no-repeat 10px 6px;}

.save{background:#65ca65 url('/resources/images/button3/Instagram.png') no-repeat 10px 6px;}
.delete{background:#e65560 url('/resources/images/button3/Trash.png') no-repeat 10px 6px;}
.update{background:#65ca65 url('/resources/images/button3/Compose.png') no-repeat 10px 6px;}
.setting{background:#65ca65 url('/resources/images/button2/Settings.png') no-repeat 10px 6px;}

/** //TODO :이미지 확인 필요. *  */
.exceldown{background:#0d6fb8;padding-left: 6px;}
.excelup{background:#0d6fb8;padding-left: 6px;}


.close1{background:#e65560 url('/resources/images/button3/Close.png') no-repeat 10px 6px;}
/*footer*/
.footer_wrap{background:#f5f5f5; width:100%; height:50px; margin-top:20px;position: fixed;bottom:0px;} 
.footer_wrap div{width:1200px; margin:0 auto; text-align:center; }
.footer_wrap div p{text-align:center; padding-top:20px; height:50px;} 

.scroll2 {width: 100%;}


/*추가*/
/*pop up style*/
#popstyle{background:#393939;padding:5px;width:99%;height:455px}
#popstyle font{color:#fff;font-size:12px;display:inline-block;margin:0 0 10px 0}
#popstyle ul{color:#fff;margin:10px 0 10px 0;float:right}
#popstyle ul li{display:inline-block;padding:0 0 0 20px;line-height:200%}
#popstyle ul li font{width:80px;display:inline-block;line-height:200%;font-size:12px;text-align:right;margin:0 10px 0 0;vertical-align:middle}
#popstyle ul li input{border-right:solid 1px #424242;border-left:solid 1px #3b3b3b;border-top:solid 1px #424242;border-bottom:solid 1px #424242;background:#fff;height:20px;padding:0 0 0 4px}
#popstyle input{box-shadow: 0px 0px 10px rgba(0,0,0,0.5) inset;background:#bfc0c3;border:solid 1px #19160b;font-size:12px;height:20px}
#popstyle select{box-shadow: 0px 0px 10px rgba(0,0,0,0.5) inset;background:#bfc0c3;border:solid 1px #19160b;font-size:12px;height:23px;padding:2px 2px 2px 8px}
#popstyle .boxtitle{width:99.3%;display:inline-block;height:26px;color:#a7bf54;font-size:84%;font-weight:bold;line-height:26px;padding:0 0 0 4px;margin:0 0 8px 0;border-bottom:dashed 1px #606170}
#popstyle .btn{display: inline-block;border-radius:4px;vertical-align: middle;outline: none;cursor:pointer;text-align:center;text-decoration:none;font-size:12px;height:24px;line-height:20px;padding:0 10px 0 10px;color:#fff}
#popstyle .btn:hover {background:#19160b}
#popstyle2{width:100%; box-sizing:border-box;height:100%;padding:18px; border-top:5px solid #0d6fb8;} 
#popstyle2 input[type="text"]{font-size:12px;height:20px;padding:0 2px 0 4px}
#popstyle2 select{border:none;font-size:12px;height:23px;padding:2px 2px 2px 4px}
#popstyle2 .p_part{width:100%;display:inline-block;margin:0 0 0 0;padding: 10px 0 10px 0;background:#e9e9e9}
#popstyle2 .p_part ul{color:#242424;font-size:12px;margin:0 0 0 0}
#popstyle2 .p_part ul li{display:inline-block;padding:0 0 0 25px;width: 300px;overflow: auto;} 
#popstyle2 .p_part ul li font{display:inline-block;line-height:180%;margin:0 10px 0 0;vertical-align:top; font-weight:bold;min-width: 100px;width: 100px;}
#popstyle2 .p_part ul li .font_s{display:inline-block;line-height:180%;margin:0 10px 0 0;width:71px;vertical-align:top; font-weight:bold;}
#popstyle2 .p_part ul li label{display:inline-block;line-height:180%;margin:0 10px 0 0}
#popstyle2 .p_part ul li input[type="text"]{background-color:white; width: 60%;}
#popstyle2 .p_part ul li input[type="checkbox"]{background:transparent;}

#popstyle2 .p_part2{width:98%;display:inline-block;background:;border:solid 1px #606170;margin:0 0 0 0}
#popstyle2 .p_part2 ul{color:#fff;font-size:12px;padding:0 0 0 0}
#popstyle2 .p_part2 ul li{display:inline-block;width:60px} 
#popstyle2 .p_part2 ul li font{display:inline;margin:0 0 0 0}
#popstyle2 .p_part2 ul li label{display:inline-block;vertical-align:middle;margin:0 10px 0 0}
#popstyle2 .p_part2 ul li input[type="checkbox"]{background:transparent;margin:0 2px 0 2px}
#popstyle2 .p_part3{width:99.4%;display:inline-block;border:solid 1px #16161c;margin:0 0 10px 0;background:#494f5a;text-align:right;padding:0 10px 0 0}
#popstyle2 .p_part3 ul{color:#fff;font-size:12px;margin:10px 0 10px 0}
#popstyle2 .p_part3 ul li{display:inline;padding:0 0 0 25px;line-height:22px} 
#popstyle2 .p_part3 ul li font{display:inline-block;line-height:180%;margin:0 10px 0 0}
#popstyle2 .p_part3 ul li label{display:inline-block;line-height:180%;margin:0 10px 0 0}
#popstyle2 .p_part3 ul li input[type="checkbox"]{background:transparent;margin:0 4px 0 2px}
#popstyle2 .part3{width:450px;margin:5px 0 10px 0}
#popstyle2 .part3 ul{color:#fff}
#popstyle2 .part3 ul li{padding:0 0 0 10px;line-height:200%;font-size:12px}
#popstyle2 ul li .font_s{width:48px;display:inline-block;line-height:180%;margin:0 10px 0 0}
#popstyle2 ul li .font_s2{width:30px;display:inline-block;line-height:180%;margin:0 10px 0 0}
#popstyle2 .p_part ul li input{height:27px;padding:0 0 0 4px; border:none;}
#popstyle2 .p_part ul li select{height:23px;padding:2px 2px 2px 4px}
#popstyle2 .g2{float:right; cursor:pointer;}
#popstyle2 .p_part input{} 
#popstyle2 .p_part select{} 
#popstyle2 .p_part font:nth-child(even){color:#a7bf54}
#popstyle2 textarea{border:solid 1px #cecece;font-size:12px;padding:5px;font-family:'돋움',dotum;text-align:left;line-height:160%;min-width:90%}
@media all and (min-width:300px) and (max-width:1000px) 
{#popstyle2 textarea{border:solid 1px #cecece;font-size:12px;padding:5px;font-family:'돋움',dotum;text-align:left;line-height:160%;min-width:80%}}

#popstyle2 .text{font-size:12px;color:#888;margin:10px 0 5px 0}
#popstyle2 .text li{padding:0 0 5px 0;line-height:16px}
#popstyle2 .text li:nth-child(1){font-weight:bold}
#popstyle2 .text li:nth-child(2){padding:0 0 0 14px}
.GMFocusRowBackground{height:33px !important; }

/* 2017-02-08 추가 */
#popstyle2 .form_wrap {display:block;position:relative;width:740px !important;height:auto;}
#popstyle2 .form_wrap .member {display:block;position:relative;width:100%;height:75px;overflow:hidden;border-bottom:2px solid #0d6fb8;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#popstyle2 .form_wrap .member li {display:table;width:182px;height:75px;float:left;margin-right:4px;text-align:center;color:#b6d4ea;border:3px solid #d2e1ef;border-bottom:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#popstyle2 .form_wrap .member li.last{margin-right:0;}
#popstyle2 .form_wrap .member li > div {display:table-cell;padding-top:14px;}
#popstyle2 .form_wrap .member li span {display:block;font-size:15px;}
#popstyle2 .form_wrap .member li strong {display:block;font-size:20px;font-weight:bold;font-family:"notokr-bold";letter-spacing:-1px;}
#popstyle2 .form_wrap .member li.active {background:#0d6fb8;color:#fff;border:3px solid #0d6fb8;border-bottom:none;}

#popstyle2 .form_wrap p.date {display:block;position:relative;text-align:right;padding:30px 0 0 0;}

#popstyle2 .agreebox {display:block;position:relative;width:740px;height:265px;padding:25px 20px;margin:20px 0;border:1px solid #cecece;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-y:scroll;}
#popstyle2 .agreebox h3 {font-size:14px;line-height:18px;color:#363636;margin-bottom:20px;}
#popstyle2 .agreebox dl dt {line-height:18px;font-weight:bold;color:#363636;margin-bottom:10px;}
#popstyle2 .agreebox dl dd {line-height:20px;margin-bottom:25px;}
#popstyle2 .agreebox dl dd p.first {margin-bottom:10px;}
#popstyle2 .agreebox dl dd p.last {padding:10px 0 0 15px;}
#popstyle2 .agreebox dl dd p var {font-style:normal;padding-left:20px;}
#popstyle2 .agreebox dl dd ul {padding-left:15px;}
#popstyle2 .agreebox dl dd ul li span {color:#008ccf;}
#popstyle2 .agreebox dl dd ul li var {font-style:normal;padding-left:10px;}

.checkbox-wrap {display:block;font-size:18px;font-weight:bold;text-align:center;cursor: pointer;padding-bottom:15px;}
.checkbox-wrap .check-icon  { display: inline-block; width: 20px; height: 18px; background: url(/resources/images/button3/icon_checkOut.png) left center no-repeat; vertical-align: middle; margin-right:10px; transition-duration: .3s; }
.checkbox-wrap input[type="checkbox"],.checkbox-wrap input[type="radio"] { display: none; }
.checkbox-wrap input[type="checkbox"]:checked + .check-icon { background-image: url(/resources/images/button3/icon_checkIn.png); }
.checkbox-wrap input[type="radio"]:checked + .check-icon { background-image: url(/resources/images/button3/icon_checkIn.png); }


.btn_wrap {display:block;position:relative;top:0;right:0;bottom:0;left:0;padding-top:30px;text-align:center;letter-spacing:-1px;}
.btn_wrap .next{display:inline-block;width:104px;height:42px;line-height:42px;background:url('/resources/images/button3/icon_next.png') 72px 12px no-repeat;font-family:'notokr-bold' !important;font-size:18px;color:#0d6fb8;text-align:left;margin:0 auto;padding-left:25px;border:2px solid #0d6fb8;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.btn_wrap .prev{display:inline-block;width:104px;height:42px;line-height:42px;background:url('/resources/images/button3/icon_prev.png') 20px 12px no-repeat;font-family:'notokr-bold' !important;font-size:18px;color:#0d6fb8;text-align:left;margin:0 auto;border:2px solid #0d6fb8;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.btn_wrap .btn_close{display:inline-block;width:104px;height:42px;line-height:42px;background:url('/resources/images/button3/icon_close.png') 20px 13px no-repeat;font-family:'notokr-bold' !important;font-size:18px;color:#0d6fb8;text-align:left;margin:0 auto;padding-left:45px;border:2px solid #0d6fb8;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.input_wrap {display:block;position:relative;width:740px;margin:0 auto;overflow:hidden;}
.input_wrap h3 {display:block;font-family:'notokr-medium';font-size:30px;line-height:50px;font-weight:500;color:#1e1e1e;letter-spacing:-1px;vertical-align:middle;text-align:center;margin-bottom:50px;}
.input_wrap h3 img {padding-right:10px;}
.input_wrap h3 span {font-size:30px;line-height:50px;color:#0d6fb8;}
.input_wrap h2 {display:block;font-family:'notokr-medium';font-size:20px;line-height:50px;font-weight:500;color:#1e1e1e;letter-spacing:-1px;vertical-align:middle;text-align:center;margin-bottom:50px;}
.input_wrap h2 span {font-size:20px;line-height:50px;color:#FF060C;font-weight: bold;}
.input_wrap dl {display:block;position:relative;width:100%;overflow:hidden;margin-bottom:15px;}
.input_wrap dl .col2{width:50%;float:left;}
.input_wrap dl dt {float:left;background:url('/resources/images/button3/icon_dotted.jpg') left center no-repeat;display:inline-block;width:110px;height:27px;line-height:27px;padding-left:10px;font-size:13px;font-weight:bold;color:#242424;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.input_wrap dl dt label {height:27px !important;line-height:27px !important;}
.input_wrap dl dd {display:inline-block;}

.input_wrap dl dd.w626 {display:inline-block;width:626px;}

.input_wrap dl .col2 dt.last {width:90px !important;}
.input_wrap dl .col2 dd {display:inline-block;width:250px;}
.input_wrap dl .col2 dt.w50 {width:50px !important;}
.input_wrap dl .col2 dt.w80 {width:80px !important;}

.input_wrap dl dd input[type="text"],.input_wrap dl dd input[type="password"] {width:200px;height:27px !important;line-height:27px !important;border:1px solid #cecece;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align:middle;}
.input_wrap dl dd.w280 input[type="text"],.input_wrap dl dd.w280 input[type="password"]{width:280px;}
.input_wrap input.w50 {width:50px !important;}
.input_wrap input.w258 {width:258px !important;}
.input_wrap input.w288 {width:288px !important;}
.input_wrap input.w300 {width:300px !important;}
.input_wrap input.w313 {width:313px !important;}
.input_wrap input.w320 {width:320px !important;}

.input_wrap dl dd .init,.input_wrap dl dd .btn_search {background:#72757a !important;color:#fff;}
.input_wrap dl dd .btn {width:100px !important;height:27px !important;line-height:27px !important;padding:0 !important;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-align:center;}
.input_wrap dl dd label + label {margin-left:20px;}
.input_wrap .taC {text-align:center;}
.step04_wrap {padding-top:150px;}


.checkBox_wrap {display:block;position:relative;text-align:center;}
.checkBox_wrap label {display:block;text-align:center;cursor: pointer;vertical-align:middle;}
.checkBox_wrap > div {display:inline-block;vertical-align:middle;}
.checkBox_wrap .checkInner {margin-right:10px;}
.checkBox_wrap .checkInner2 label {display:block;font-family:'notokr-medium';font-size:18px;text-align:center;cursor: pointer;vertical-align:middle;}
.wrap_col2 {display:inline-block !important;position:relative;text-align:left !important;}
.wrap_col2 + .wrap_col2 {margin-left:15px;}

.ckbox {width: 20px;height: 18px;}
.custom-checkbox {position: relative;display: inline-block;}
.custom-checkbox > .box {position: relative;display: block;width: 20px;height: 18px;background-color: #FFF;padding: 0px;margin: 0px;border: 1px solid #c9c9c9;}
.custom-checkbox > .box > .tick {
    position: absolute;
    left: 8px;
    top: 0px;
    width: 14px;
    height: 6px;
    border-bottom: 4px solid #d9322a;
    border-left: 4px solid #d9322a;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: none;
}

.custom-checkbox > input:checked + .box > .tick {display: block;}
.custom-checkbox > input
{
    position: absolute;
    outline: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    border: none;
    margin: 0;
    opacity: 0;
    z-index: 1;
}

.noto-letter-1 {letter-spacing:-1px;}

/*달력*/ 
#calendarbox{color:#fff;margin:0 auto}
#calendarbox .daytitle{width:1200px;margin:0 auto}
#calendarbox .daytitle li{width:170px;text-align:center;font-size:15px;padding:11px 0 11px 0;float:left;border-left:1px solid #d4d4d4;border-top:1px solid #fff;border-bottom:1px solid #fff}
#calendarbox .daytitle li:nth-child(7n){border-right:1px solid #d4d4d4;background-color:#244082;}
.cell_color{background:#c65859}
.cell_color2{background:#5a90c1}
#calendarbox .day{width:1200px;margin:0 auto;color:#666}
#calendarbox .day li{height:125px;width:170px;padding:8px 0 8px 0;text-indent:4px;font-size:85%;float:left;border-left:1px solid #d4d4d4;}
#calendarbox .day li:nth-child(7n){border-right:1px solid #d4d4d4;}
#calendarbox .day li:nth-child(1n){border-bottom:1px solid #d4d4d4;}
/* #calendarbox .day li input{margin:0 5px 0 0;vertical-align:middle;font-size:85%} */
#calendarbox .day li { position:relative;  }
#calendarbox .day li:not(#cssbrowser)>input[type="checkbox"] { position:absolute; right:17px; top:18px; width:20px; height:20px; margin:0; opacity:0; }
#calendarbox .day li:not(#cssbrowser)>input[type="checkbox"]:checked + font:after{ background-position:0 -21px;}  
#calendarbox .day li:not(#cssbrowser)>input[type="checkbox"] + font:after{content:"";border:1px solid #c9c9c9; width:18px;height:18px;font-family:'Noto Sans KR';color:#fff;margin:0 0 0 0;display:inline-block;background:url('/resources/images/bg_checkbox.png') no-repeat 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;margin-right:17px; margin-top:18px;}
#calendarbox .day li font{font-size:18px; font-family:'Noto Sans KR'} 
#calendarbox .day li p{margin:10px 0 0 0;font-size:85%}

.dayselect{width:100%;text-align:center;font-size:12px;line-height:200%;margin:0 0 10px 0}
.btn_prev{display:inline-block;cursor:pointer}
.btn_next{display:inline-block;cursor:pointer}
.dayselect li{padding:0 20px 0 20px;display:inline-block}
.dayselect li select{border:1px solid #cecece;background:#fff;height:28px;padding:2px 2px 2px 4px;font-size:14px;margin:0 0 0 10px}
.color_on{background:#c3daf0}
.color_off{background:#fff}
.font_red{color:#c65859}
.font_gray{color:#636363}

/**/
.part1 {background: #e9e9e9;font-size: 12px;font-weight: bold;padding:15px 15px 15px 15px;width:100%;box-sizing:border-box;position:relative;}
.part1 ul li {display:inline-block;width:390px;overflow:auto;}
.part1 input[type="text"] {background: #fff;border:solid 1px #b7bac6;font-size:12px;height:24px;padding:1px 1px 1px 1px;}
.part1 .col1{width:390px;}
.part1 .col2{width:780px;}
.part1 .col3{width:1170px;}
.part1 ul li font{display: inline-block; min-width:100px;width:100px;line-height:26px;}

/*공지사항 팝업 추가*/
.popup2 .part1_2 table th{font-size:12px;line-height:1.5;padding:5px; min-width:90px;}
.popup2 .part1_2 select{height:24px;}
.popup2 .part1_2 table{margin-top:0;}
#popstyle2{position:relative;border-top:5px solid #0d6fb8;margin-top:0 !important;width:100% !important;background-color: white;padding:18px 18px 0;box-sizing: border-box;}

/*추가 .*/
.right {text-align: right;}
/** asis */
/* .filebox label { display: inline-block;padding: .5em .75em;color: #999;font-size: inherit;line-height: normal;vertical-align: middle; background-color: #fdfdfd; cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em; }  */
.filebox label { 
    padding-right:6px;
    width:auto;
    cursor:pointer;
    vertical-align:middle;
    font-weight:bold;
    display:inline-block; 
    text-align:left; 
    box-sizing:border-box; 
    padding-left:35px;
    font-size:13px;
    color:#fff; 
    height:29px;
    line-height:29px;
    background:#0d6fb8;
    padding-left: 6px;
}
.filebox input[type="file"] {/* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filename {
    padding-top:3px;
    padding-bottom:3px;
    padding-right:6px;
    padding-left:6px;
    width:auto;
    cursor:pointer;
    vertical-align:middle;
    display:inline-block; 
    text-align:left; 
    box-sizing:border-box; 
    font-size:13px;
    line-height:20px;
    float:left;
}
.btn_x {
    cursor:pointer;
    padding: 5px 5px 5px 5px; 
    font-weight: bold;
    font-size: 18px;
}

/* 2017-02-14 추가 */
.passwd_wrap {display:block;position:relative;width:100%;overflow:hidden;border-top:6px solid #0d6fb8;}
.passwd_wrap h3 {display:block;position:relative;width:270px;height:40px;background:url('/resources/images/icon_lock.png') left center no-repeat;font-size:30px;color:#1e1e1e;text-align:center;margin:85px auto 35px;letter-spacing:-2px}
.passwd_wrap dl {display:block;position:relative;width:430px;overflow:hidden;margin:0 auto 18px;}
.passwd_wrap dl dt {float:left;background:url('/resources/images/icon_dotted.jpg') left center no-repeat;display:inline-block;width:130px;height:27px;line-height:27px;padding-left:10px;font-size:13px;font-weight:bold;color:#242424;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.passwd_wrap dl dd input[type="text"],.passwd_wrap dl dd input[type="password"] {width:300px;height:27px !important;line-height:27px !important;padding-left:10px;border:1px solid #cecece;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align:middle;}
::-webkit-input-placeholder {color: #cecece;}
::-moz-placeholder {color: #cecece;}
:-ms-input-placeholder {color: #cecece;}
:-moz-placeholder {color: #cecece;}



.btn_wrap {display:block;position:relative;width:100%;overflow:hidden;text-align:center;}
.btn_wrap .btn_summit {display:inline-block;width:100px;height:42px;background:url('/resources/images/icon_summit.png') 15px 12px no-repeat;font-size:18px;color:#0d6fb8;font-weight:bold;text-align:left;padding:10px 0 10px 30px;border:2px solid #0d6fb8;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-right:10px;}
.btn_wrap .btn_logout {display:inline-block;width:135px;height:42px;background:url('/resources/images/icon_logout.png') 8px 9px no-repeat;font-size:18px;color:#0d6fb8;font-weight:bold;text-align:left;padding:6px 0 6px 30px;border:2px solid #0d6fb8;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}