@charset "UTF-8"

html {margin: 0; padding: 0; box-sizing:border-box;	-webkit-text-size-adjust: none;	-moz-text-size-adjust: none; -ms-text-size-adjust: none; font-size:16px;}
body{margin: 0;	padding: 0;	border: 0; overflow-y:scroll; vertical-align: baseline; background:#edf2f8;	font-family: 'Noto Sans KR'; font-size:1rem; font-weight: 400;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }

/*commom CSS */
.warp {position:relative; margin:0; padding:0; min-width:1220px; max-height:100%;}
.headerwrap{position:relative;}
.container{position:relative; margin:0 auto; width:100%; min-height:860px; box-sizing: border-box;}
.bg_1{width:100%; height:598px; background:#32588c; background:linear-gradient(to right, #32588c 45%, #093881 55%);/*IE10~*/ background:-webkit-linear-gradient(left, #32588c 45%, #093881 55%);/*chrome,safri*/ filter: progid:DXimageTransform.Microsoft.gradient(startColorstr='#32588c', endColorstr='#093881',GradientType=1);/*IE6~IE9*/}
.bg_2{width:100%; height:598px; background: url(./bg.png) no-repeat; background-position:center;}
.footer{padding-top:10px; padding-bottom:0; width:100%; text-align: center; font-size:13px; color:#999999; float:none;}

img{vertical-align: middle; border:0;}
a:link,a:visited{text-decoration:none;}
select{height:25px;}
input{vertical-align:middle;}
select, input, textarea {border:1px solid #ccced1;}
ul{list-style:none;}

/*left menu css */


/*2depth CSS*/
.title_list {margin-top:8px; margin-bottom:30px; padding-bottom:10px; color:#8e9092; font-size:10.5px; text-align:right; border-bottom: solid 1px #434649;}
.title_name{height:46px; margin-left:10px; vertical-align:middle; position:absolute; color: #434649; font-size: 33.5px; font-weight:900; letter-spacing: -0.05em;}
.sub_title{color:#434649; font-size:16px; font-weight:600; width:100%; text-align:left; margin-bottom:25px;}
.QA_title{font-size:14px; margin-left:-10px; padding-right:5px; display:inline-block;}
.QA,.QA_1{float:left;}
.QA_1{width:100%; padding:5px 0px 5px 0px;}
.step{margin:0px 0px 30px 0px; height:42px;}
.step_bg,.step_bg_on{padding:13px; width:15%;; font-size:15px; font-weight:700; border-radius:30px; display:inline;}
.step_bg{color:#a1a1a1; background-color:#f2f2f2;}
.step_bg_on{color:#ffffff; background-color:#5fcdd5;}
.ps{padding-left:10px; font-size:11px; color:#6d6d6d; display:inline-block;}
.policy_title{margin:9%; padding:10px; width:160px; font-size:19px; font-weight:700; color:#434649; border:1px solid #ccced1; border-radius:20px; background:#ffffff;}
.mail_title{margin-bottom:20px; padding:15px 0px; width:100%; font-size:16px; font-weight:700; text-align:center; color:#434649; background:#eff2f6;}

/*mypage CSS*/
.help{width:700px; display:inline-block;}
.help_title{margin-left:15px; padding:5px 10px; border:1px solid #ffffff; border-radius:20px; display:inline-block;}
.icon_area{position:relative; margin:0 auto; padding-bottom:60px; width:1214px; text-align:center;}
.icon{display:inline-block; margin-left:60px;}
.icon_title{margin-top:20px; font-size:20px; font-weight:700; color:#ffffff;}
.notice_area{width:500px; height:15px; font-size:13px; color:#ffffff; float:right; text-align:right; overflow:hidden; white-space:nowrap;}
.main_1{margin-top:10px; padding:35px; width:94.4%; background:#ffffff; border-radius:5px; border:solid 1px #dee3eb; display:inline-block;}
.main_2,.main_3{width:48%; background:#ffffff; border-radius:5px; display:inline-block;}
.main_3{float:right;}
.main_content_1,.main_content_2{margin-top:10px; display:inline-block;}
.main_content_1{float:left;}
.main_content_2{float:right;}
.main_content_title{margin-bottom:20px; border:1px solid #e3e7ee; border-radius:20px; background:#f9fafc;}
.main_content_title,.main_content_title_1{width:44%;}
.main_content_title_1{background: url(../images/circle.png) no-repeat;}
.main_content_title_3{width:100%; margin-right:5px; font-size:12px; font-weight:700; text-align:center; border-radius:5px; display:inline-block; color: #ffffff; background-color:#529eff;}
.main_content_title_4{margin-top:10px; padding:7px 0px; width:132px; background:#ffffff; border-radius:5px;}
.main_content_title,.main_content_title_1{padding:9px; font-weight:700;}
.main_content_title,.main_content_title_1,.main_content_title_4{font-size:14px; text-align:center; color:#434649; display:inline-block;}
.main_tem_content_1{float:right;}
.main_tem_content,.main_tem_content_1{margin-top:20px; padding:5px; width:250px; min-height:174px; border:1px solid #ebeef3; border-radius:5px; display:inline-block; font-size:13px;}

/*2depth CSS*/
.title_1 {color: #434649; font-size:24px; font-weight:600; letter-spacing:-1px;}
.title_2 {color: #434649; font-size:13px; font-weight:600; letter-spacing:-1px; float:right;}
.title_3 {margin-bottom:25px; color: #434649; font-size:17px; font-weight:600; letter-spacing:-1px; display:inline-block;}

 /*table CSS*/
.table_main {margin: 0 auto; padding:0; width: 100%; border-top: solid 1px #8a8a8a; border-collapse:collapse; border-spacing:0;}
.table_index {margin: 0 auto; padding:0; border-collapse:collapse; border-spacing:0;}
.cell_index_title{text-align:center; color:#ffffff; font-size:16px; font-weight:700; background:#529eff;}}
.cell_index,.cell_index_1{font-size:11px; display: table-cell; overflow:hidden;}
.cell_index_1{border-bottom:solid 1px #c6c6c6;}
.row_main {color:#6d6d6d; background: #ffffff; font-size:12px;}
.table_top_main {width:100%; margin:0 auto; display: table-row; color: #000000; background: #f1f1f1;}
.cell_top_main {font-size:12px; padding: 17px; display: table-cell; border-bottom: solid 1px #c6c6c6; font-size:12px;}
.cell_main {font-size:12px; padding: 15px; display: table-cell; border-bottom:solid 1px #c6c6c6; vertical-align:middle;}
.plus{width:30px; height:30px; background:url(../images/plus.png) no-repeat; float:right;}

/*board CSS*/
.board{position:relative; max-width:940px; min-height:780px; padding:40px 30px; background:#ffffff; border-radius:5px; border:solid 1px #dee3eb; margin: 0 auto;}
.main_board{margin:0 auto; width:1214px; min-height:780px; position:relative;}
.date_img{margin-top:3px; margin-left:5px; width:21px; height:21px; float:right; background:url(../images/date.png) no-repeat;}
.date_wrap{display:inline-block;}
.date_line{padding-left:27px;}
.search_title{margin-top:19px; margin-left:150px; font-size:13px; display: inline-block;}
.search {height:51px; margin: 0px 0px 35px 0px; padding-right:10px; float:right; display: table;}
.search_bg {margin-bottom:30px; width:100%; height:64px; background-color:#eff2f6;}
.search1{margin:19px 22px 0px 0px; float:right;}
.search2{margin:0px 0px 20px 0px; float:right;}
.input,.input_0,.input_1,.input_2,.input_3{height:22px;}
.input {width: 250px; font-size:12px; position:absolute;}
.input_0 {font-size:12px; width: 100px;}
.input_1 {position: relative; font-size:12px; width: 350px;}
.input_2 {position: relative; font-size:12px; width: 350px; overflow-x:hidden;}
.input_3 {position: relative; font-size:12px; width: 80px;}
.input_4 {position: relative; font-size:12px; width: 350px; height:156px; overflow-x:hidden;}
.select{margin-right:5px; padding:0; float:left; font-size: 12px; display: table-cell;}
.select_{margin-right:40px; padding:0; float:left; font-size: 12px; display: table-cell;}
.select0{margin-top:20px; margin-bottom:20px; float:left;}
.select1{display:inline-block; width: 110px; font-size: 12px;}
.select2{position: relative; width: 256px; font-size: 12px;}
.select3{margin-top:14px; margin-right:160px; float:right;}
.select4{margin-top:14px; margin-right:-148px; height:22px; float:right;}

/*tab CSS*/
ul.tabs {padding: 0; list-style: none; height: 33px;}
ul.tabs li {float: left; margin: 0; padding: 0; line-height: 31px; border-left: none; background: #eff2f7; overflow: hidden; position: relative;}
ul.tabs li a {text-decoration: none; color: #6d6d6d; display: block; font-size: 13px; border: 1px solid #b7b8ba; outline: none;}
ul.tabs li.active a{background: #ffffff; color:#0774ff; font-weight:700; border: 1px solid #0774ff;}
ul.tabs li a:hover,ul.tabs li.active a:hover  {background: #ffffff; color:#0774ff;}
.tab_container {width:100%; background: #ffffff;}

ul.tabs_1 {margin-bottom:30px; padding: 0; height: 30px; width:100%; list-style: none;}
ul.tabs_1 li {float: left; margin: 0; padding: 0; height: 33px; line-height: 31px; margin-bottom: -1px; background:#f7f5f7; overflow: hidden; position: relative;}
ul.tabs_1 li a {text-decoration: none; display: block; font-size: 13px; letter-spacing: 0.5px; border:1px solid #b7b7b7;}
ul.tabs_1 li a:hover {background:#ffffff; color:#cc33cc; z-index:1;}
ul.tabs_1 li.active a{background: #ffffff; color:#cc33cc; font-weight:700; border:solid 1px #cc33cc;}
ul.tabs_1 li a:hover,ul.tabs_1 li.active a:hover  {background: #ffffff; color:#cc33cc;}

 /*button CSS*/
.btn_2,.down_Btn,.btn_6{border:1px solid #b7b7b7; background-color: #eff2f7; color:#434649;}
.btn_1,.down_Btn_1,.btn_5{border:1px solid #0774ff; background-color: #0774ff; color:#ffffff;}
.btn_1,.btn_2{width:73px; padding:8px; font-size:12px; font-weight:700; letter-spacing:-1px;}
.btn_3,.btn_4{padding:4px 8px; border:0; border-radius:3px; font-size:11px; color:#ffffff; letter-spacing:-1px;}
.btn_5,.btn_6{padding:6px 12px; font-size:12px; font-weight:700; letter-spacing:-1px;}
.btn_3{background:#74b1ff;}
.btn_4{background:#b5c3d6;}
.down_Btn,.down_Btn_1{padding:8px 8px; font-size:12px; font-weight:700; letter-spacing:-1px;}
.btn_bottom{margin-top:20px; float:right;}
.btn_bottom_1{margin-top:20px; float:left;}
.survey_btn_bottom,.survey_btn_bottom_1{margin-top:10px; margin-bottom:10px;}
.survey_btn_0,.survey_btn_1{margin-top:10px;}
.survey_btn_bottom,.survey_btn_0{float:right;}
.survey_btn_bottom_1,.survey_btn_1{float:left;}
.survey_btn_1,.survey_btn_bottom_1,.select0{margin-left:6px;}
.btn{border-top: solid 1px #c6c6c6;}
.btn_list{text-align:center;}

 /*popup button CSS*/
.btn_7,.down_Btn_7{border:1px solid #b7b7b7; background-color: #eff2f7; color:#434649;}
.btn_8,.down_Btn_8{border:1px solid #0774ff; background-color: #0774ff; color:#ffffff;}
.btn_7,.btn_8{width:50px; padding:5px; font-size:12px; font-weight:700; letter-spacing:-1px;}
.down_Btn_7,.down_Btn_8{padding:8px 8px; font-size:12px; font-weight:700; letter-spacing:-1px;}

 /*table CSS*/
.table,.table_0 {margin: 0 auto; padding:0; width: 100%; border-collapse:collapse; border-spacing:0;}
.table{border-top: solid 3px #a1a1a1;;}
.table_1{margin:18px 12px 12px 12px;}
.table_2{margin:20px 12px 20px 12px;}
.table_3{width:100%; border:solid 10px #f1f1f1;}
.table_1,.table_2{width: 97.1%;}
.table_1,.table_2,.table_3 {padding:0; border-collapse:collapse;border-spacing:0; background-color:#ffffff;}
.row {color:#6d6d6d; font-size:13px;}
.table_top {width:100%; margin:0 auto; display: table-row;color: #000000;background: #f1f1f1;}
.table_title{padding:20px; font-size:13px; text-align:center; font-weight:700;}
.cell_top_list{background:#eff2f6; background-image:url("../images/table_top_1.png");}
.cell_top_1_list{background:#f7f5f7; background-image:url("../images/table_top_2.png");}
.cell_top_2_list{background:#eff2f6; background-image:url("../images/table_top_3.png");}
.cell_top_3_list{background:#f7f5f7; background-image:url("../images/table_top_4.png");}
.cell_top{background:#eff2f6;}
.cell_top_1,.cell_top_2{background:#f7f5f7;}
.cell_top_2{padding: 6px 0px; font-size:13px; font-weight:700; text-align:center; line-height:1.2; border-bottom: solid 1px #b7b7b7; color:#606366; display: table-cell;}
.cell_top,.cell_top_1,.cell_top_list,.cell_top_1_list,.cell_top_2_list,.cell_top_3_list {padding: 13px 0px; font-size:13px; font-weight:700; text-align:center; line-height:1.2; border-bottom: solid 1px #b7b7b7; color:#606366; display: table-cell;}
.cell_top_survey{font-size:12px; padding: 13px; display: table-cell; border-bottom: solid 1px #c6c6c6; font-size:12px;}
.cell,.cell_1{border-bottom:solid 1px #c6c6c6;}
.cell,.cell_1,.cell_2{padding: 12px;}
.cell,.cell_1,.cell_2,.cell_3{font-size:13px; display: table-cell; #vertical-align:middle; #white-space:nowrap; overflow:hidden; word-break:break-all; #text-overflow:ellipsis; line-height:1; letter-spacing:-0.5px;}
.cell_3{width:70px; font-weight:700;}
.cell a:link,.cell_1 a:link,.cell_2 a:link,.img_content a:link,.img_content_1 a:link,ul.tabs_1 a:link,.cell_index a:link,.cell_index_1 a:link,.cell_index a:visited,.cell_index_1 a:visited,.cell a:visited,.cell_1 a:visited,.cell_2 a:visited,.img_content a:visited,.img_content_1 a:visited,ul.tabs_1 a:visited{color: #6d6d6d;}
.cell_index_title a:link,.notice_area a:link,.cell_index_title a:visited,.notice_area a:visited{color:#ffffff;}
.cell_survey,.cell_survey_1,.cell_survey_2{font-size:12px; display: table-cell; vertical-align:middle; text-align:center;}
.cell_survey_2{padding-top:13px;}
.cell_survey,.cell_survey_1{padding: 15px;}
.cell_survey{border-bottom:solid 1px #c6c6c6;}
.survey_con_wrap{border:1px solid #f1f1f1;}
.survey_con_wrap,.survey_con_wrap_1{margin:15px; width:45%; height:100px; vertical-align:middle; display:inline-table;}
.survey_content,.survey_date{text-align:center; vertical-align:middle;}
.Data{width:100%; text-align:left; margin-top:-15px; margin-bottom:-30px;}

 /* paging */
.paging {width:100%; text-align:center; margin-top:40px;}
.paging a{display: inline-block; color: #757575; font-size: 14.5px; width: 40px; height: 12px; margin-right: 2px; text-decoration: none;}
.paging a.active{color:#0774ff;}

 /*table content CSS*/
.editor{text-align:center; padding:25px 0px;;}
.editor_1{width:100%;}
.tem_image_list{width:174px; -webkit-logical-width:165px; height:210px; -webkit-logical-height:200px;}
.tem_image_list_1{width:176px;}
.tem_image_list,.tem_image_list_1{padding:5px; margin-bottom:5px; margin-left:7px; border:1px solid #b7b7b7; border-radius:5px; border-collapse:collapse;border-spacing:0; display:inline-block;}
.img_2{min-width:230px; min-height:115px; background:#eceef1;}
.img_1{min-width:160px; min-height:129px;}
.img{min-height:128px;}
.img,.img_1,.img_2{line-height:0; border:0; text-align:center; vertical-align:middle; overflow:hidden;}
.img_content{width:155px; max-height:20px;}
.img_content_1{width:163px; height:1.6em;}
.img_content,.img_content_1{word-break:break-all; text-overflow:ellipsis; white-space:nomal; overflow:hidden; word-wrap:break-word; line-height:1.4; letter-spacing:-1px; display:-ms-flexbox;}
.img_date{margin-top:5px; width:160px; height:10px; font-size:12px; letter-spacing:-1px; color:#aaabad; display:inline-block; text-align:center;}
.img_date_3{margin-left:5px; font-size:12px; letter-spacing:-1px; color:#aaabad;}
.img_date_4{margin-top:-38px; margin-left:216px; vertical-align:middle; display:inline-block;}
.img_date_1{position:relative; text-align:center;}
.img_date_2{display:inline; margin:1px 0px;}
.tem_preview_text{width:198px;}
.tem_preview_text{text-align:center;}
.img_date_1,.tem_preview_text,.tem_preview_text_1{font-size:13px; color:#6d6d6d;}
.tem_preview_text_1{padding-bottom:8px; width:180px; border-bottom:1px solid #b7b7b7;}
.tem_preview,.tem_preview_1,.tem_preview_2,.tem_preview_3,.tem_preview_4{border:1px solid #b7b7b7; border-radius:5px;}
.tem_preview{width:200px; height:300px;}
.tem_preview_img{padding:10px; height:250px;}
.tem_preview_1{float:right;}
.tem_preview_1{padding:5px; width:190px; height:176px; display:inline-block;}
.tem_preview_2{padding:5px; width:186px; height:200px; display:inline-block;}
.tem_preview_img_1{max-height:153px;}
.tem_preview_3{padding:5px; width:293px; height:200px; display:inline-block;}
.tem_preview_4{margin-top:11px; padding:5px; width:450px; display:inline-block;}
.plus{width:25px; height:25px; background:url(../images/plus.png) no-repeat;}
.plus:active{width:25px; height:25px; background:url(../images/minus.png) no-repeat;}
.more{float:right;}
.more,.more_1{margin-top:5px; width:54px; height:16px; background:url(../images/more.png) no-repeat; display:inline-block;}
.line{width:1px; height:22px; background:url(../images/line.png) no-repeat; display:inline-block; position:absolute;}
.policy_btn{float:right;}
.policy_content{line-height:1.3em; width:678px; height:5.5em; font-size:13px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.ps_bg{margin:25px 0px; padding:10px; border:1px solid #b7b7b7; border-radius:5px; letter-spacing:-1px;}
.main_ps_bg,.main_ps_bg_1,.main_ps_bg_2{margin:auto 0; padding:20px; border-radius:5px;}
.main_ps_bg_3{margin:auto 0; border-radius:5px;}
.main_ps_bg,.main_ps_bg_1,.main_ps_bg_3{border:solid 1px #c6c6c6;}
.ps_title {margin-top:8px; margin-bottom:16px; padding-bottom:16px; color:#606366; font-size:18px; font-weight:600; border-bottom: solid 1px #d3d2d3;}
.ps_title_1 {padding-bottom:10px; color:#606366; font-size:15px; font-weight:600;}