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


@import url("common.css");
@import url("sub_hug.css");

/*common*/
#sub h3{font-size:34px; color:#000; font-weight:500; height:34px; line-height:34px; margin:16px 0 34px 0;}
#sub h4{color:#01479d; font-size:18px; font-weight:400; background:url(../images/sub/bullet.png) no-repeat left center; padding-left:24px; margin-bottom:20px;}
#sub{width:100%; min-width:1070px; padding:40px 0 80px 0;}
#sub:after{clear:both; display:block; content:"";}
#sub .sub_wrap{width:1070px; margin:0 auto; }
#sub .sub_wrap .sub_contents{width:840px;; float:right;}


/*leftmenu*/
#sub .sub_wrap .leftmenu{ width:200px; float:left; }
#sub .sub_wrap .leftmenu h2{ display:inline-block; background-color:#01479d; width:200px; height: 100px; text-align:center;border-radius: 4px 4px 0 0; -moz-border-radius:4px 4px 0 0 ; -webkit-border-radius:4px 4px 0 0; }
#sub .sub_wrap .leftmenu h2 span{margin-top:25px; display:inline-block; color:#fff; font-size:28px; font-weight:500;}
#sub .sub_wrap .leftmenu li a.depth_01{ border-bottom:1px solid #d7d7d7; width:100%; display:inline-block; height:50px; line-height:50px; font-size:17px; font-weight: 500; }
#sub .sub_wrap .leftmenu li a.depth_01 span{ padding-left:16px;}
#sub .sub_wrap .leftmenu li a.over{ color:#01479d;background:url(../images/sub/lnb_up_icon.gif) no-repeat 173px center;}
#sub .sub_wrap .leftmenu li a.down{background:url(../images/sub/lnb_down_icon.gif) no-repeat 173px center;}
#sub .sub_wrap .leftmenu li a.left{ background:url(../images/sub/lnb_right_icon.gif) no-repeat 173px center;}
#sub .sub_wrap .leftmenu li .depth_02_menu{ background-color:#f0f4f9; border-bottom:1px solid #cdd0d3; padding:15px; } 
#sub .sub_wrap .leftmenu li .depth_02_menu li{ background:url(../images/sub/depth_02_bullet.gif) no-repeat left 15px; padding-left:10px; color:#666666; font-size:15px; height:30px; line-height:30px; } 
#sub .sub_wrap .leftmenu li .depth_02_menu li a:hover{ color:#01479d; } 


/*navigation*/
#sub .sub_wrap .navigation{ display:inline-block; float:right;}
#sub .sub_wrap .navigation ul li{ float:left; background:url(../images/sub/arr_navi.gif) no-repeat left center; padding-left:13px; margin-left:13px;}
#sub .sub_wrap .navigation ul li.home{ background:url(../images/sub/home_icon_navi.png) no-repeat left center; padding-left:20px;}
#sub .sub_wrap .navigation ul li.print{ background-image:none;}
#sub .sub_wrap .navigation ul li a{color:#777474; font-size:13px; font-weight:100;  }
#sub .sub_wrap .navigation ul li a:hover{text-decoration:underline;}

/*inputbox*/
input[type="text"]{ width:100%;height:30px; line-height:30px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-left:10px; color: #000; font-size:13px; font-weight:400;}
input[type="text"].txt_10{width:10% !important;}
input[type="text"].txt_15{width:15% !important;}
input[type="text"].txt_20{width:20% !important;}
input[type="text"].txt_30{width:30% !important;}
input[type="text"].txt_40{width:40% !important;}
input[type="text"].txt_50{width:50% !important;}
input[type="text"].txt_60{width:60% !important;}
input[type="text"].txt_70{width:70% !important;}
input[type="text"].txt_80{width:80% !important;}
input[type="text"].txt_90{width:90% !important;}

/* selectbox */
div.sel_60{width:60px;}
div.sel_80{width:80px;}
div.sel_100{width:100px;}
div.sel_110{width:110px;}
div.sel_200{width:200px;}
div.sel_60 .txt{width:48px;}
div.sel_80 .txt{width:68px;}
div.sel_100 .txt{width:88px;}
div.sel_110 .txt{width:98px;}
div.sel_200 .txt{width:188px;}


/*board_list*/
/* tcontrol */
.tcontrol{position:relative; text-align:center; margin-top:10px; }
/* paging */
.paging a{display:inline-block; height:30px; line-height:30px; font-weight:300; color:#555; margin:0 10px; }
.paging a.on{color:#d12338; font-weight:400;}
.paging a.no_bg{margin:0 1px !important; }
.paging a.first{background:none; }
.paging a:hover{color:#d12338; font-weight:400; }

/*tsearchArea*/
.board .tsearchArea{float:right; display:inline-block; margin-bottom:15px;}
.board .tsearchArea .inputbox{display:inline-block; vertical-align:top;}
.board .tsearchArea select{vertical-align:top;float:left;width:100%; height:30px; border:1px solid #d1d2d3;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:13px; font-weight:200; color:#898989; padding-left:10px; margin-right:4px;}
.board .tsearchArea .searchbox{display:inline-block;width:200px;height:28px; border:1px solid #d1d2d3;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:13px; font-weight:200; color:#898989;}
.board .tsearchArea .searchbox input{border:none !important;height:28px;}
.board .tsearchArea .searchbox a{float:right; width:28px; height:28px; line-height:28px; vertical-align:middle; background-color:#f1f1f1; border-left:1px solid #d1d2d3;}
.board .tsearchArea .searchbox a img{margin:6px 0 0 6px;}

/*board*/
#sub .sub_wrap #sub_contents{width:840px; float:right;}
input[type="file"]{height:30px; line-height:30px; vertical-align:middle;}
table .pc_colgroup{display:table-column-group;}
table .m_colgroup{display:none;}
table{ border-top:1px solid #555555; border-bottom:1px solid #cccccc; width:100%; }
table th{ height:45px; background-color:#f6f6f6; font-size:15px; color:#000; font-weight:400; border-bottom:1px solid #cccccc;}
table td{ height:45px; background-color:#fff; font-size:14px; color:#555; font-weight:200; padding-left:10px; border-bottom:1px solid #cccccc; letter-spacing:0px;}
textarea{width:95%; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:10px 0; padding:10px;}
/*list*/
.board .all_board p{letter-spacing:0;font-size:15px; color:#555; font-weight:400;  display:inline-block; float:left;}
.board .all_board p span{ color:#d12338; font-weight:500;}
.board table .title{ max-width:80%; display:inline-block; text-overflow:ellipsis; overflow:hidden;white-space:nowrap;  vertical-align:middle; margin-right:5px;}
.board table .new a{ font-weight:400; color:#222;}
/*write*/
.file_input_td{padding:10px;}
.board table.write .file_box{width:95%; height:110px; overflow:auto; border:1px solid #b3b3b3;  padding:15px; margin-bottom:10px;   border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.board table.write .file_box .title{margin-bottom:5px;}
.board table.write .save_wg{background:url(../images/sub/icon_save_wg.png) no-repeat left center; padding-left:20px; }
.board table.write .add_file{ height:30px; line-height:30px; display:inline-block; padding:0 20px; font-size:14px; color:#666666; font-weight:400; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:5px; border:1px solid #d4d5d6;background-color:#f1f1f1;}
/*view*/
.board table.view .view_title{ padding:20px; text-align:left;}
.board table.view .txt_box{padding:20px;}
.board table.view .view_title .title{ max-width:80%;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;   color:#555555; font-size:16px; font-weight:400; display:block; margin-bottom:10px;}
.board table.num_table{margin-top:20px;}
.board table.view span{font-size:14px; color:#999999; font-weight:100;}
.board table.view .date{background:url(../images/sub/date.png) no-repeat left center; padding-left:24px; margin-right:10px;}
.board table.view .user{background:url(../images/sub/user.png) no-repeat left center; padding-left:24px;}
.board table.view .view{float:right;background:url(../images/sub/view.png) no-repeat left center; padding-left:24px;}
.board table.num_table td .num_title{max-width:90%; display:inline-block; text-overflow:ellipsis; overflow:hidden;white-space:nowrap;}

.board1 table.view .view_title{ padding:20px; text-align:left;}
.board1 table.view .txt_box{padding:20px;}
.board1 table.view .view_title .title{ max-width:80%;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;   color:#555555; font-size:16px; font-weight:400; display:block; margin-bottom:10px;}
.board1 table.num_table{margin-top:20px;}
.board1 table.view span{font-size:14px; color:#999999; font-weight:100;}
.board1 table.view .date{background:url(../images/sub/date.png) no-repeat left center; padding-left:24px; margin-right:10px;}
.board1 table.view .user{background:url(../images/sub/user.png) no-repeat left center; padding-left:24px;}

/*로그인 및 회원가입 디자인 추가_김주연_170914*/
/*login_title*/
.login{ background-color:#f4f5f7;}
.login .sub_wrap{ width:960px;}
#footer{margin-top:0 !important;}
  .login .login_title{margin:50px auto 40px auto; display:table;}
.login .login_title h2{font-family:Arial; font-size:55px; font-weight:bold; color:#01479d; letter-spacing:-2px; display:inline-block; float:left; height:55px; line-height:55px; margin-right:20px;}
.login .login_title p{ font-size:15px; font-weight:300; color:#01479d; display:inline-block; line-height:24px;  }
.login .login_title p span{ font-size:17px; font-weight:500;}
.login .login_box{ background-color:#fff; width:100%; height:310px; border:1px solid #01479d; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;  }
/*login_input*/
.login .login_box .login_input{float:left;width:50%; padding:40px 60px; box-sizing:border-box;}
.login .login_box .login_input p{ font-size:15px ; font-weight:200; line-height:22px ; color:#555; display:inline-block; letter-spacing:-1; margin-bottom:20px;}
.login .login_box .login_input p span{ font-weight:500;  color:#000;}
.login .login_box .login_input .input_box{ border:1px solid #d1d2d3; width:100%; height:40px; line-height:40px; margin-bottom:5px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.login .login_box .login_input .input_box input{font-size:14px; font-weight:400; color:#000; border:none; width:90%; float:right; height:40px; padding-left:10px;}
.login .login_box .login_input .id{background:url(../images/sub/login_user.png) no-repeat 15px center;}
.login .login_box .login_input .password{background:url(../images/sub/login_password.png) no-repeat 15px center;}
.login .login_box .login_input .login_btn{ width:100%; height:50px; line-height:52px; font-size:20px; letter-spacing:2px; font-weight:200; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#01479d; display:inline-block; border:1px solid #01479d; text-align:center;color:#fff; margin-top:10px;}
/*login_service*/
.login .login_box .login_service{width:50%; background-color:#f0f4f9; float:right; height:100%; padding:40px 50px; box-sizing:border-box;}
.login .login_box .login_service li{height:68px; margin-bottom:10px;}
.login .login_box .login_service li.service_01{ background:url(../images/sub/login_service_01.png) no-repeat left center;padding-left:83px; }
.login .login_box .login_service li.service_02{ background:url(../images/sub/login_service_02.png) no-repeat left center;padding-left:83px; }
.login .login_box .login_service li.service_03{ background:url(../images/sub/login_service_03.png) no-repeat left center;padding-left:83px; }
.login .login_box .login_service li a{font-size:14px; color:#555; font-weight:200; margin-top:12px; display:inline-block;}
.login .login_box .login_service li a span{display:block;  font-size:18px; color:#000;  font-weight:400;}

/*add_service*/
.add_service{width:100%; margin-top:20px;}
.add_service a{width:32%; height:90px; background-color:#fff; display:inline-block; flaot:left; margin-right:12px; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;border-bottom:2px solid #dcdddf;  font-size:17px; font-weight:400; color:#595656; line-height:22px; }
.add_service a em{padding:20px 0 0 140px; display:inline-block; width:105px;}
.add_service a:hover{color:#fff;}
.add_service a.add_01{background:url(../images/sub/service_icon_01.png) no-repeat 25px center #fff;}
.add_service a.add_01:hover{background:url(../images/sub/service_icon_01_over.png) no-repeat 25px center #01479d; }
.add_service a.add_02{background:url(../images/sub/service_icon_02.png) no-repeat 25px center #fff;}
.add_service a.add_02:hover{background:url(../images/sub/service_icon_02_over.png) no-repeat 25px center #01479d;}
.add_service div{background:url(../images/sub/service_icon_03.png) no-repeat 25px center #fff;width:33%; height:90px;  display:inline-block; flaot:right; float:right;border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-bottom:2px solid #dcdddf;}
.add_service div p{font-size:18px; font-weight:400; color:#01479d; font-style:italic; margin:20px 0 0 130px; }
.add_service div span{font-size:13px; font-weight:200; color:#787878;  margin:5px 0 0 130px; letter-spacing:0;}



/*변경사항_김주연_20170915*/
h4{color:#01479d; font-size:18px; font-weight:400; background:url(../images/sub/bullet.png) no-repeat left center; padding-left:24px; margin-bottom:20px; display:inline-block;}
.login .login_title{margin:20px auto 40px auto;}
@media only screen and (max-width:800px) {
	.login .login_box .login_service{height:inherit;}
	.login .login_box{ height:inherit;}
	.add_service a em{width:60% !important;}
}


/*joinus*/
.joinus{background-color:#fff; width:100%;}
.joinus:after{clear:both; display:block; content:"";}
.joinus ul{width:1070px; margin:0 auto; padding:30px 0; }
.joinus ul:after{clear:both; display:block; content:"";}
.joinus ul li{float:left; width:25%; height:62px;  }
.joinus .line{background:url(../images/sub/joinus_line.gif) no-repeat right center; padding:10px 0;}
.joinus ul li span{color:#787878; font-size:16px; height:16px; line-height:16px; font-weight:100; padding-left:45%; display:inline-block; letter-spacing:0;}
.joinus ul li p{color:#787878; font-size:20px;height:20px; line-height:20px; font-weight:400; padding-left:45%; margin-top:5px;}
.joinus ul li.last .line{background-image:none;}
.joinus ul li.over_01 span, .joinus ul li.over_01 p, .joinus ul li.over_02 span, .joinus ul li.over_02 p, .joinus ul li.over_03 span, .joinus ul li.over_03 p, .joinus ul li.over_04 span, .joinus ul li.over_04 p{color:#d5374a;}
.joinus ul li.step_01{background:url(../images/sub/joinus_01.png) no-repeat 15% center;}
.joinus ul li.step_02{background:url(../images/sub/joinus_02.png) no-repeat 15% center;}
.joinus ul li.step_03{background:url(../images/sub/joinus_03.png) no-repeat 15% center;}
.joinus ul li.step_04{background:url(../images/sub/joinus_04.png) no-repeat 15% center;}
.joinus ul li.over_01{background:url(../images/sub/joinus_01_over.png) no-repeat 15% center;}
.joinus ul li.over_02{background:url(../images/sub/joinus_02_over.png) no-repeat 15% center;}
.joinus ul li.over_03{background:url(../images/sub/joinus_03_over.png) no-repeat 15% center;}
.joinus ul li.over_04{background:url(../images/sub/joinus_04_over.png) no-repeat 15% center;}
/*step*/
.typebox{width:100%;}
.typebox>li{ width:49%; height:223px;  border:1px solid #01479d;border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; margin-bottom:2%;}
.typebox li li{ display:inline-block; margin:30px 0 0 50%;}
.typebox li li p{ font-size:24px; font-weight:500; color:#000; height:24px; line-height:24px;}
.typebox li li>span{ display:block; font-size:15px; font-weight:400; color:#000; line-height:22px;  margin-top:10px;}
.typebox li li p span{ font-weight:bold; color:#01479d; }
.typebox li li a{ display:inline-block; padding:0 20px; height:27px; line-height:27px; background-color:#595656;border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:10px;  color:#fff; font-size:14px; font-weight:400;}
.typebox>li.type_01, .typebox>li.type_03{float:left;  }
.typebox>li.type_02, .typebox>li.type_04{float:right;  }
.typebox>li.type_01{background:url(../images/sub/joinus_type_01.png) no-repeat 20% center #fff;}
.typebox>li.type_02{background:url(../images/sub/joinus_type_02.png) no-repeat 20% center #fff;}
.typebox>li.type_03{background:url(../images/sub/joinus_type_03.png) no-repeat 20% center #fff;}
.typebox>li.type_04{background:url(../images/sub/joinus_type_04.png) no-repeat 20% center #fff;}
.typebox>li.mobile{background:url(../images/sub/joinus_regist_01.png) no-repeat 20% center #fff;}
.typebox>li.ipin{background:url(../images/sub/joinus_regist_02.png) no-repeat 20% center #fff;}
/*agreebox*/
.agree_box{ width:100%; height:290px; overflow-y:auto; background-color:#fff; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #01479d; margin-bottom:10px; padding:30px; box-sizing:border-box;}
.agree{margin-bottom:20px;}
.agree label{font-size:13px; font-weight:400; color:#000; letter-spacing:0; margin-left:5px;}
.agree label em{color:#d5374a;}
input#id{  margin-right:5px;}
/*버튼추가*/
.blue_btn{display:inline-block; height:30px; line-height:30px; padding-left:10px; background-color:#01479d;font-size:15px; color:#fff; border:1px solid #595656;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:5px; }
.blue_btn span{display:inline-block; height:30px; line-height:30px; padding-right:10px; font-size:15px; color:#fff;  }
.search span{ background:url(../images/sub/search_mini_icon.png) no-repeat left center; padding-left:20px;  }
/*디자인추가*/
.red{ color:#d5374a; font-size:13px;}
table td.combo_td{padding-top:10px;padding-bottom:10px;}
input[type="password"]{ width:80%;height:30px; line-height:30px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-left:10px; color: #787878; font-size:13px; font-weight:lighter;}
input[type="password"].txt_30{width:30% !important;}
p.attention{display:inline-block; float:right;  letter-spacing:-1px; margin-bottom:10px;}
/*iframe 형식 아닌 일반 테이블 페이지의 input 값에는 margin-top 적용 X*/
.nomg input{margin-top:0 !important;vertical-align:baseline; }


/*select 디자인 적용*/
select{ height:34px; border:1px solid #d1d2d3;  border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;  font-size:13px; font-weight:200; color:#898989; }
select.txt_10{ width:10%;}
select.txt_15{ width:15%;}
select.txt_20{ width:20%;}
select.txt_30{ width:30%;}
select.txt_40{ width:40%;}
select.txt_50{ width:50%;}
select.txt_60{ width:60%;}
select.txt_70{ width:70%;}
select.txt_80{ width:80%;}
select.txt_90{ width:90%;}


/*laststep*/
.login_title_last{padding: 20px 0 53px;border-bottom:1px solid #dbdcde; background:url(../images/sub/login_last_icon.png) no-repeat right top;}
.login_title_last h2{font-family:Arial; font-size:55px; font-weight:bold; color:#01479d; letter-spacing:-2px; display:inline-block; float:left; height:55px; line-height:55px; margin-right:20px;}
.login_title_last p{ font-size:20px; font-weight:200; color:#01479d;}
.login_title_last p span{font-weight:500;}
.login_title_last p span.sub_title{font-size:16px; font-weight:200; background:url(../images/sub/user_icon_02.png) no-repeat left center; padding-left:20px;}
.login_title_last p span.sub_title em{font-weight:500; letter-spacing:0 !important;}
.login_last_gudie ul{margin-top:20px; width:70%; display:inline-block; float:left; }
.login_last_gudie li{font-size:15px; font-weight:200;background:url(../images/sub/lnb_right_icon.gif) no-repeat left 9px; padding-left:20px; line-height:28px; color:#01479d; letter-spacing:-1px;}
.login_last_gudie li span{color:#d12338; font-weight:500;}
.login_last_gudie a{float:right; margin-top:30px;}

/*아이디찾기*/
.notice{box-sizing:border-box; padding:15px; margin-bottom:15px;}
.notice ul li{line-height:24px; font-size:14px; letter-spacing:-1px;}
.notice.gray{ background-color:#e0e0e0; border:1px solid #999;}
.notice.red{ background-color:#f8e9eb; border:1px solid #d12338; color:#d12338;}
.notice.blue{ background-color:#e5edf7;border:1px solid #01479d; color:#01479d;}


/*디자인추가_김주연_170921*/
.inputArea{box-sizing:border-box; padding:15px 30px; margin-bottom:15px; background-color:#f0f4f9; border-top:1px solid #01479d;border-bottom:1px solid #01479d;}
.inputArea fieldset{margin:5px 0;}
.inputArea label, .inputArea .title{ width:15%; height:30px; line-height:30px;color:#01479d; font-size:16px; font-weight:400; background:url(../images/sub/bullet.png) no-repeat left center; padding-left:24px; display:inline-block; float:left; box-sizing:border-box; margin:0;}
.inputArea input{ width:85%; height:30px; line-height:30px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-left:10px; box-sizing:border-box; float:right; }
.inputArea select{ width:85%; padding-left:10px; box-sizing:border-box; float:right; }
.calender input{width:20%;float:left;}
.calender a img{ margin-top:5px;}
.calender a, .calender span{float:left;  display:inline-block;margin:0 5px;}
.btnArea_input{text-align:center; margin-bottom:20px;}
.btnArea_input a{margin-right:5px;}
.blue_btn_mini{display:inline-block; height:20px; line-height:20px; padding-left:20px; background-color:#01479d;font-size:14px; color:#fff; border:1px solid #01479d;  border-radius: 50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
.blue_btn_mini span{display:inline-block; height:20px; line-height:20px; padding-right:20px; font-size:14px; color:#fff;  }
.red_btn_mini{display:inline-block; height:20px; line-height:20px; padding-left:20px; background-color:#d12338;font-size:14px; color:#fff; border:1px solid #d12338;  border-radius: 50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
.red_btn_mini span{display:inline-block; height:20px; line-height:20px; padding-right:20px; font-size:14px; color:#fff;  }

/*디자인추가_김주연_170925*/
h5{font-size:15px; color:#333; font-weight:400; margin-bottom:20px; background:url(../images/sub/depth_02_bullet.gif) no-repeat left center; padding-left:10px;}
@media only screen and (max-width:800px) {
	table.write td{height:inherit;}
}
table p.tb_p{line-height:18px; padding:10px 0;}
th.th_line{border-right:1px solid #cccccc;}
.graphArea{outline:1px solid #cccccc;  width:100%; height:300px;}
.m_graphArea{display:none;}
.typebox li.no li{margin-top:50px;}
.typebox li.no p, .typebox li.no span{color:#787878 !important;}
td.red{font-size:14px; font-weight:400;}
table td.C{padding-left:0px;}
.blue td{background-color:#e9f2ff;}
.cont{ clear:both;margin-bottom:30px;}
.cont h4{margin-bottom:10px;} 
.cont ol li{ list-style:decimal; list-style-position:inside;font-weight:200; font-size:14px; color:#555; line-height:24px; margin-left:25px;}
.cont p{font-size:14px; font-weight:200; line-height:24px; margin-left:25px; }
.cont .pictogram:after{clear:both; display:block; content:"";}
.cont .pictogram li{ font-weight:500; line-height:65px; text-align:center;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:20px;}
.cont .pictogram li.top{width:100%; height:65px; background-color:#01479d; border:1px solid #01479d; color:#fff; font-size:15px; }
.cont .pictogram li.middle{width:100%; height:65px; background-color:#7c7c7c; border:1px solid #7c7c7c; color:#fff; font-size:15px; }
.cont .pictogram li.bottom{ float:left;width:49%;  line-height:inherit; background-color:#f1f1f1; border:1px solid #d7d7d7; color:#666; font-size:15px; padding:20px; box-sizing:border-box; margin-top:30px; }
.cont .pictogram li.right{ float:right;  }
.cont .iconArea a{width:49%;font-size:16px; color:#565656; font-weight:400; float:left; box-sizing:border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:20px 30px; background-color:#fff; border:1px solid #e6e6e6; }
.cont .iconArea{width:100%; margin:0 auto;}
.cont .iconArea a:hover{color:#fff;}
.cont .iconArea a span{margin-left:45%; display:inline-block; }
.cont .iconArea a span em{font-weight:200; font-size:14px;}
.cont .iconArea a.iconbox_01{background:url(../images/sub/conticon_01.png) no-repeat 20% center; padding:21px 30px; }
.cont .iconArea a.iconbox_02{float:right;background:url(../images/sub/conticon_02.png) no-repeat 20% center; }
.cont .iconArea a.iconbox_01:hover{background:url(../images/sub/conticon_01_over.png) no-repeat 20% center #01479d;}
.cont .iconArea a.iconbox_02:hover{background:url(../images/sub/conticon_02_over.png) no-repeat 20% center #01479d;}

/*디자인추가_김주연_170928*/
#list_order_title{float:left; width:14%; height:30px;}

/*레이아웃 및 컬러톤 변경_김주연_171020*/
#sub{padding:20px 0 40px 0 ;}
#sub .sub_wrap .leftmenu h2{background-color:#2963aa;}
#sub .sub_wrap .leftmenu li .depth_02_menu li a:hover{ color:#2963aa; } 
h4{color:#2963aa;}

/*서브디자인추가_김주연_171023*/
.secession{padding:10px 0 10px 10px;}
.secession label{display:block;}
.secession textarea{padding:10px; margin-top:10px; box-sizing:border-box;}
.secession input{margin-right:3px;}
/* Tab style 02 */
.tab_st01_mobile{display:none;}
.tab_st01{position:relative;z-index:100;width:100%;height:100%;border-bottom-width:0; margin-bottom:20px; border:1px solid #ededed;}
.tab_st01:after{clear:both; display:block; content:"";}
.tab_st01 li{float:left; font-size:16px;width:33.3%;border-bottom-width:0;box-sizing:border-box;text-align:center;border:1px solid #e6e6e6;/* border-right:1px solid #e6e6e6; */margin-left:-1px;margin-top:-1px;background-color:#fff; }
.tab_st01 li a{display:block;padding:10px 5px;}
.tab_st01 li:hover, .tab_st01 li.on{background-color:#be3f4e;border-color:#be3f4e;}
.tab_st01 li:hover a, .tab_st01 li.on a{color:#fff;}
/* Article */
.article_wrap{position:relative;}
.article_wrap table:after{clear:both; display:block; content:"";}
.article_wrap  .private_border_box{margin-top:0;margin-bottom:30px;}
.tablearea{padding:20px;}

.cont:after{clear:both; display:block; content:"";}
/* 평가 */
.quest{background:#fafafa;  padding:20px; margin-top:30px; box-sizing:border-box;}
.quest:after{clear:both; display:block; content:"";}
.quest .quest_l{float:left; padding-right:40px; }
.quest .quest_l p{font-size:15px; font-weight: 500;color:#555; margin-bottom:20px;}
.quest .quest_l .quest_list li{float:left; margin-right:10px; margin-bottom:5px;}
.quest .quest_l .quest_list li input{margin-right:5px;}
.quest .quest_r{float:left; width:50%; border-left:1px solid #e6e6e6; padding-left:20px;}
.quest .quest_r p{margin-bottom:10px;}
.quest .quest_r p label{font-size:15px; font-weight: 500; color:#555; }
.quest .quest_r p label span{font-size:13px; font-weight:300;}
.quest .quest_r .sub_btn_wrap{width:100%;}
.quest .quest_r .sub_btn_wrap .appraisal{float:left; width:70%; margin-right:5px;}


/*용어사전추가_김주연_171024*/
.dictionary .mobile_select{display:none;}
.dictionary .tsearchArea{float:left;}
.dictionary .dic_table{margin-bottom:10px;}
.dictionary .dic_table ul{padding:10px 10px 5px 10px;}
.dictionary .dic_table ul:after{clear:both; display:block; content:"";}
.dictionary .dic_table ul li{ display:inline-block;float:left; }
.dictionary .dic_table ul li a{display:inline-block; width:28px; height:28px; line-height:28px; border:1px solid #d1d2d3; margin: 0 5px 5px 0; text-align:center;}
.dictionary .dic_table ul li a:hover{background-color:#2963aa; border:1px solid #2963aa; color:#fff; font-weight:400;}
.dictionary .dic_table ul li a.select{background-color:#2963aa; border:1px solid #2963aa; color:#fff; font-weight:400;}



/*사이트맵추가*/
.sitemap:after{clear:both; display:block; content:"";}
.sitemap>ul.full{width:91%; height: 250px !important;}
.sitemap>ul.long{height:530px;}
.sitemap>ul{width:29%; margin-right:2%; min-height:350px; max-height:600px; float:left; border-bottom:1px solid #c8c8c8; margin-bottom:30px; }
.sitemap ul li span.depth_01{width:100%; height:46px; line-height:46px; background-color:#fafafa; border-top:1px solid #555; border-bottom:1px solid #c8c8c8; display:inline-block; color:#000; font-size:17px; font-weight:400; padding-left:20px; box-sizing:border-box;} 
.sitemap ul.depth_02{margin:20px 0 30px 0 ; letter-spacing:0 !important;}
.sitemap ul.full ul.depth_02{float:left; display:inline-block; min-height:120px; width:25%;}
.sitemap ul.depth_02>li{background:url(../images/main/bullet.gif) no-repeat left 13px; line-height:28px; margin:0 0 0 20px; padding-left:12px;}
.sitemap ul.depth_02>li>a{font-size:14px; font-weight:200; color:#222; }
.sitemap ul.depth_02>li>a:hover{font-weight:500; color:#be3f4e; }
.sitemap ul.depth_03{margin-top:5px;}
.sitemap ul.depth_03>li{line-height:24px; background:url(../images/sub/depth_02_bullet.gif) no-repeat left 12px; padding-left:12px;}
.sitemap ul.depth_03>li>a{font-size:13px; color:#555; font-weight:200; }
.sitemap ul.depth_03>li>a:hover{color:#be3f4e; font-weight:400;}


/*통합검색디자인추가_김주연_171026*/
.tab_st01.fourth li{width:25%;}
.unifiedsr .title{width:100%; margin-bottom:15px;border-bottom:1px solid #e5e5e5; lclear:both; display:block;}
.unifiedsr .title:after{clear:both; display:block; content:"";}
.unifiedsr .title h4{float:left; margin-bottom:10px; vertical-align:bottom;}
.unifiedsr .title p{font-size:15px; float:right;}
.unifiedsr .title p span{font-size:15px; font-weight:500;}
.unifiedsr .result{margin:0 0 25px 20px;}
.unifiedsr .result:after{clear:both; display:block; content:"";}
.unifiedsr .result p.red{font-size:16px; font-weight:500; margin-bottom:5px;}
.unifiedsr .result p{ font-size:13px; letter-spacing:0 !important; line-height:20px;}
.unifiedsr .location{margin:10px  0 0 0; float:left; display:inline-block;}
.unifiedsr .location:after{clear:both; display:block; content:"";}
.unifiedsr .location li{float:left; padding-right:15px; margin-right:8px; background:url(../images/sub/arr_navi.gif) no-repeat right 5px;}
.unifiedsr .location li.last{background-image:none;}
.unifiedsr .location li a:hover{ text-decoration:underline; color:#be3f4e; font-weight:500;}
.unifiedsr .btnArea{margin-top:0px !important;padding:0px !important; float:right; display:inline-block;}

/*error*/
.error{background:url(../images/sub/error_icon.png) no-repeat center top;padding:120px 0 0 0; text-align:center; letter-spacing:-1px ; margin:80px 0 0 0;}
.error h2{font-size:30px; font-weight:500; color:#be3f4e;}
.error .btnArea{float:inherit !important; text-align:center;}

/*답글 디자인 추가_김주연_171103*/
.replyArea{width:100%; background-color:#fafafa; border-top:1px solid #555; border-bottom:1px solid #c8c8c8; padding:20px 30px; box-sizing:border-box; margin:20px 0;}
.replyArea p.main_reply{background:url(../images/sub/reply_icon_01.png) no-repeat left center; padding-left:40px; height:31px; line-height:31px;font-size:15px; color:#555; font-weight: 400; margin-bottom:10px; display:inline-block;}
.replyArea p.main_reply em{font-weight:600; color:#2963aa; margin: 0 2px;}
.replyArea fieldset{padding-bottom:20px;}
.replyArea fieldset input{float:left; width:80%; margin-right:1%; box-sizing:border-box;}
.replyArea fieldset a{ padding:0 3%; height:30px; line-height:30px; background-color:#2963aa; display:inline-block; font-weight:400; font-size:15px; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center;}
.replyList dl{border-top:1px solid #d1d1d1; padding:20px 0 10px 0; }
.replyList dd{ background:url(../images/sub/reply_icon_02.png) no-repeat left center; padding-left:40px; height:31px; line-height:31px; width:100%; color:#555; font-size:15px; font-weight: 400; box-sizing:border-box; margin-bottom:10px;}
.replyList fieldset input, .replyArea .repply_re fieldset input, .replyArea .repply_re_re fieldset input{width:72% !important;float:left; }
.replyList dd .reply_txt, .reply_fix{font-size:13px; font-weight:100; color:#777; margin:0 10px; display:inline-block; max-width:30%; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; vertical-align:middle; letter-spacing:0;}
.replyList dd .date{ float:right; display:inline-block; color:#787878; font-weight:100; font-size:13px; letter-spacing:0;}
.replyList dd .mini_btn a{width:32px; height:19px; line-height:19px; border:1px solid #d1d2d3; font-size:11px; color:#888; display:inline-block; font-family:Dotum; text-align:center; margin-right:2px;border-radius: 2px; -moz-border-radius:2px ; -webkit-border-radius:2px; background-color:#fff;}
.replyList dd .mini_btn a:hover{background-color:#888; border:1px solid #888; color:#fff;}
.replyArea .btnArea{display:inline;}
.replyArea .rightArea a.black_btn{ padding:0 3%; height:28px; line-height:28px; background-color:#595656; display:inline-block; font-weight:400; font-size:15px; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center;}
.replyArea .rightArea a{float:left;}
.replyArea .rightArea a.black_btn span{padding-right:0;}
.replyArea .rightArea a.white_btn{ padding:0 3%; height:28px; line-height:28px; background-color:#fff; display:inline-block; font-weight:400; font-size:15px; color:#d1d2d3; border:1px solid #d1d2d3; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center; }
.replyArea .rightArea a.black_btn span, .replyArea .rightArea a.white_btn span{padding-right:0;}
.replyArea .repply_re{padding-left:20px;}
.replyArea .repply_re_re{padding-left:40px;}
.replyArea .repply_re dd{background:url(../images/sub/reply_icon_03.png) no-repeat left center;padding-left:70px; }
.replyArea .repply_re_re dd{background:url(../images/sub/reply_icon_04.png) no-repeat left center;padding-left:70px; }
.replyList .reply_fixarea dd{ background:url(../images/sub/reply_icon_05.png) no-repeat left center; }

/*inputArea*/
.inputArea input{ width:80%; }
.inputArea select{ width:80%; }
.inputArea .calender input{width:20%;float:left;}
.inputArea label, .inputArea .title{ width:20%; }
.inputArea .calender img{ display:inline-block; margin:2px 0 0 2px;}

.cont ol li, .cont ul li,  .cont p{font-size:15px !important; letter-spacing:0 !important; font-weight:400 !important;}

/*사이트맵 디자인 수정*/
.sitemap ul li span.depth_01{background:url(../images/sub/bullet.png) no-repeat 20px 15px #f0f4f9; padding-left:45px; color:#2963aa;}
.sitemap > ul{height:410px !important; min-height:inherit; margin-bottom:50px !important;}
.sitemap > ul.long{height:600px !important; }

/*서브디자인추가_김주연_171114*/
.cont h5.title{color:#333; font-size:16px; font-weight:400; background:url(../images/sub/bullet_02.png) no-repeat left 5px; padding-left:24px; margin:0 0 10px 20px; }
.cont h5.title span{display:block; font-size:14px; font-weight:200; color:#666; letter-spacing:0;}
.cont p.subtitle{font-size:15px; color:#333; font-weight:400;  background:url(../images/sub/depth_02_bullet.gif) no-repeat left 10px; padding-left:10px; margin:15px 0 5px 25px;}
.cont .scroll{height:150px; overflow-y:auto; border:1px solid #dfdfdf; padding:0 10px 15px 5px; box-sizing:border-box; margin-left:20px; margin-bottom:20px;}
.cont .scroll ul li, .cont .scroll ol ol li{background:url(../images/sub/depth_02_bullet.gif) no-repeat left 10px; padding-left:10px; list-style:none !important; }
.cont .scroll h5{margin:20px 0 10px 0; background-image:none;}
.cont p.subtitle_02{font-size:14px; color:#444; font-weight:200; padding-left:10px; margin-bottom:5px; display:inline-block;}
.cont p.subtitle_03{font-size:15px; color:#333; font-weight:400; margin:20px 0 5px 20px; display:inline-block; }
.cont .blue{color:#01479d; font-weight:400;}
.cont table{margin-top:10px;}
.cont table ul li{height:24px; line-height:24px;}
.cont .scroll ul{margin-left:10px;}
.cont .notice p{margin-left:0;}
.cont ol ul li, .cont ol ol li{list-style:none !important; background:url(../images/sub/bullet.gif) no-repeat left 12px !important; padding-left:10px; margin-left:15px;}
.cont ul.first li{font-weight:200; font-size:14px; color:#555; line-height:24px; margin-left:25px; list-style:none !important; background:url(../images/sub/bullet.gif) no-repeat left 12px !important; padding-left:10px; }
.cont .pictogram_02{ float:left;display:inline-block; margin:30px 0 20px 20px;}
.cont .cont_list{display:inline-block; margin-top:70px; width:50%; float:right;}
.cont .cont_list>li{font-size:18px; font-weight:400; color:#2963aa; height:80px; line-height:24px;}
.cont .cont_list li li{font-size:14px; font-weight:300; color:#555; margin:0 !important; padding:0 !important; list-style:none !important; }
.cont .process{margin:0 0 0 20px;}
.cont .process li{float:left; margin:20px 10px 0 0 ;}
.cont table td ul{padding:5px 0; display:list-item; }
.cont table td ul li{display:inline-block; }
.cont .picture{display:inline-block; margin:5px 0 20px 25px;}
.cont .picture li{display:inline-block; float:left; margin-right:10px;}
.cont .picture li img{display:block;}
.cont .picture li span{display:inline-block; text-align:center; width:100%; font-size:14px; color:#666; height:15px; margin:5px 0 10px 0;}
.cont ol .picture_02 li{background-image:none !important; margin:10px 0 15px 0;}
.cont ul.first .process.fourd li{margin-left:0;}

/*설문_171121*/
.question{margin-bottom:20px;}
.question th{height:inherit; padding:10px;}
.quest_list li{float:left; margin-right:10px;}
.question .quest_list li input{margin-right:4px;}
.question textarea{width:85%; margin:10px !important;}
.question .imgarea{display:inline-block;margin-bottom:10px;}
.question div.img_box{width:200px;  padding:10px; height:100px;line-height:100px; text-align:center;background-color:#f8f8f8; display:inline-block; border:1px solid #efefef; vertical-align:top; margin: 0 10px 0 5px; color:#e0e0e0; font-size:20px; font-weight:500;}
.question td.img_box{padding:20px 10px;}
.question th.question span{padding:0 10px; height:18px; line-height:17px; display:inline-block; border:2px solid #9fbcdf; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; margin:0 5px 0 0; color:#2963aa; font-size:13px; font-weight:500;}
.answer_list{padding:10px 0 ;}
.answer_list li{width:95%;}
.answer_list .txt{width:50%; display:inline-block;}
.answer_list .result{position:relative; width:150px;line-height:26px;display:inline-block; }
.answer_list .result .bar{float:left; display:inline-block; width:70px; margin:5px 0; height:15px;border:1px solid #7f7f7f; background:url(../images/sub/bg_reserch_resultbar.gif) no-repeat; background-size:0; }
.answer_list .servey_btn{padding:0 15px; height:24px; line-height:24px; background-color:#f6f6f6; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block;  }
.answer_list .servey_btn span{ background:url(../images/sub/search_mini_icon_02.png) no-repeat left center; padding-left:15px;}

/*픽토그램스타일디자인추가_171130*/
.list_pictogram{margin:30px 0 20px 20px; display:inline-block;}
.list_pictogram>li{display:inline-block; width:45%; float:left !important; margin-bottom:20px; padding-right:5%; }
.list_pictogram>li>img{display:inline-block;   float:left; margin:0 30px 12px 0;}
.list_pictogram ul{display:inline-block; width:50%;}
.list_pictogram ul li.title{font-size:18px; font-weight:500; color:#2963aa;  margin:0 0 12px 0; display:inline-block;  background-image:none !important;}
.list_pictogram ul li{font-size:14px; font-weight:400; color:#000; word-break:keep-all;}
.list_pictogram_02{margin:30px 0 20px 0; display:inline-block;}
.list_pictogram_02>li{display:inline-block; width:90%;margin-bottom:20px;; }
.list_pictogram_02>li>img{display:inline-block;   float:left; margin:0 30px 12px 0;}
.list_pictogram_02 ul{display:inline-block; width:50%;}
.list_pictogram_02 ul li.title{font-size:18px; font-weight:500; color:#2963aa;  margin:0 0 12px 0; display:inline-block;  background-image:none !important;}
.list_pictogram_02 ul li{font-size:14px; font-weight:400; color:#000; word-break:keep-all;}
.cont ol>li{margin-bottom:10px;}
.cont ol li, .cont ul li{ font-weight:400;}
.cont .pictogram{margin:20px auto 0 auto; width:95%;}

/*디자인추가_171207*/
span.rule{ color:#d5374a !important; font-weight:400 !important;}
.contact_nm{margin:20px 0 20px 5%;}
.contact_nm li{font-size:14px; color:#444; font-weight:300 !important;  height:inherit !important;}
.contact_nm li span{padding-left:25px;}
.contact_nm li.user em{font-weight:600; color:#000; font-size:16px;}
.contact_nm li.user span{ background:url(../images/sub/user_icon.png) no-repeat left center;}
.contact_nm li.role span{ background:url(../images/sub/role_icon.png) no-repeat left center; }
.contact_nm li.mail span{ background:url(../images/sub/mail_icon.png) no-repeat left center; }
.contact_nm li.number span{ background:url(../images/sub/number_icon.png) no-repeat left center; letter-spacing:0 !important;}
.cont table ul.first li, .cont table ul.contact_nm li{display:block;}
.cont table ul.first li{height:inherit !important;}

.cont .pictogram .mb_view{display:none;}


/*사이트소개 탭디자인추가_171208*/
#site_tab{border:3px solid #eaeaea; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  padding:20px; margin:30px 20px 20px 20px; }
#site_tab :after{display:block;clear:both;content:""; }
#site_tab h5.site_title{color:#2963aa; font-weight:500; font-size:20px; padding:4px 0 0 44px; vertical-align:bottom; letter-spacing:-2px;}
#site_tab h5.site_title.portal{background:url(../images/sub/site_title_01.png) no-repeat left bottom;}
#site_tab h5.site_title.system{background:url(../images/sub/site_title_02.png) no-repeat left bottom;}
.sub_tab { margin-bottom:10px; }
.sub_tab li { float:left; }
.sub_tab li a {display:inline-block;  letter-spacing:normal;cursor:pointer; display:inline-block;margin:0 5px 10px 0;   font-size:16px; color:#787878; font-weight:300; border:2px solid #ccdaeb;  border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px;  padding:5px 18px;  }
.sub_tab li.sub_tab_on a { display:inline-block; font-size:16px; background-color:#2963aa; color:#fff; padding:7px 20px; font-weight:500; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; border:none;}
.ocrt_01 li{float:left; background:url(../images/sub/bullet_02.png) no-repeat left 7px; padding:0 10px 0 24px; width:30%; box-sizing:border-box; font-size:15px; word-break:break-all;line-height:30px; margin-left:10px;}
.cont .pictogram .pc_view img{width:inherit; margin:0 auto;display:table-header-group;}
.none{display:none;}

/*모바일테이블 디자인추가_171211*/
.allinone_list{padding:10px 0;}
.allinone_list li{line-height:24px; font-size:14px; color:#333; font-weight:400; }
.allinone_list li em{ color:#2963aa;  margin-right:5px; font-weight:400; }
.mobile_table{display:none;}