@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 


/* ----------------------------------------------------------------------공통 -------------------------------------------------------------------------------------------*/

body{margin:0; padding: 0; font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -.5px;  overflow-x: hidden;   } /* 2020.01.08 */
hr {display:none;}
a {text-decoration: none;}
address, em {font-style: normal;}
ul  , ol, dl, li, dt, dd {list-style: none; }
body, div, p, table, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, address, span, img, strong, b, em, i {margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
form {margin:0 ; padding: 0; }
iframe {width: 100%; height: 100%; margin: 0; padding: 0; border: 0 none; overflow:auto; }

fieldset,img {margin: 0; padding: 0; border:0;   }
address,em {font-style:normal}
a{text-decoration: none;}
a:hover{color:#2f7dbe}
table {table-layout: fixed; width: 100%; border-collapse: collapse;}
input[type=text], input[type=password], input[type=date] {padding: 0 4px;  border: 1px solid #ccc; vertical-align: middle;  color: #666;}
input[type=radio]{vertical-align: middle; }
select { border: 1px solid #ccc; }
img {}

/* 숨김 영역 */
.blind{width:0;height:0;font-size:0;text-indent:-99999px;opacity:0;}
/* //숨김 영역 */

/* placeholder */
::-webkit-input-placeholder {color: #999;text-align:left;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #999;text-align:left;}/* Firefox 19+ */
:-ms-input-placeholder {color: #999;text-align:left;}/* IE 10+ */
:-moz-placeholder {color: #999;text-align:left;}/* Firefox 18- */
/* //placeholder */

.pr {position: relative !important}
.db {display: block !important}
.fl {float: left !important}
.fr {float: right !important}
.clearfix:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
.clear {clear: both ;}
.hidden, legend, caption {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0; }
.dimd {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .7;  z-index: 100; }
.ellipsis {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.flex {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

/* display */
.disb{display:block !important;}
.disib{display:inline-block !important;}
.disi{display:block !important;}
.disn{display:none !important;}

/* margin */
/* margin-top */
.mt0{margin-top:0 !important;}.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}
.mb0{margin-bottom:0 !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}

/* font color */
.fc_fb8342{color:#c75000 !important;}

/*  text Type   |  text Align  */
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}

#skip {/*position:absolute;top:0;left:0;*/width:100%;z-index:9999}
#skip a {position:absolute;display:block;width:100%;left:0;text-align:center;top:-10000px;font-size:1em}
/*#skip a:hover,#skip a:focus,#skip a:active {position:absolute; line-height: 40px; top:0;background: #000; font-weight:bold;color:#fff; text-decoration: none;} /* 2019.12.23   접근성 수정 */
#skip a:hover,#skip a:focus,#skip a:active {position:relative; height:40px; line-height: 40px; top:0;background: #000; font-weight:bold;color:#fff; text-decoration: none; border:2px dotted #fff;} /* 2023.12.20 으아아아 접근성 수정 */

/* vertical-align */
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

/* border */
.blNone{border-left:0 none !important;}

/* title type */
.titType01{font-size:18px;font-weight:bold;margin-top:36px; line-height:1.75em;}
.titType01:first-child{margin-top:0;}
.titImgType01{}
.titType02{font-size:16px;font-weight:bold;}
.blockType03 .titType02{padding-left:20px;}
.titType03{font-size:16px;font-weight:bold;color:#777;margin-top:36px;}
.titType04{font-size:16px;}
.titType04.starType01{padding-left:13px;text-indent:-13px;}
.titType04.starType02{padding-left:16px;text-indent:-16px;}
.tblWrap + .titType04{margin-top:10px;}
.titType04 + .titType04{margin-top:10px;}
.blockType03 .titType04{margin-top:10px;margin-left:18px;}
.titTbl01{font-size:16px;margin-top:15px;}
.titTbl01:first-child{margin-top:0px;}
.titType05{font-size:16px;font-weight:bold;margin-top:0px;line-height:1.75em;padding-left:12px;position:relative;}
.titType05 em{position:absolute;left:0;top:9px;width:5px;height:5px;background-color:#005fc6;border-radius:1000px;}
.titType06{font-size:14px;line-height:1.625em; color:#111;text-align:left;}
.titType07,
.titType07 em{font-size:18px;font-weight:normal;line-height:1.75em;color:#222;}
.titType07 em{font-weight:bold;}
.titType08{font-size:16px;font-weight:normal;line-height:1.625em; color:#111;} /* #11 -> #111로변경 */

/* color type */
.colorType01{color:#222 !important;}
.colorType02{color:#0e63bf !important;}
.colorType03{color:#ff0000 !important;}
.colorType04{color:#444 !important;}

/* 텍스트 block type */
.conType01{ margin-top:20px;color:#6a6a6a;font-size:16px;line-height:1.75em;}
.conType01.subType{margin-top:2px;}

/* 이미지 block type */
.imgWrap{margin-top:20px;padding:0px;box-sizing:border-box;}
.imgWrap img{height:auto;vertical-align:top;}
.imgWrap.type02{bordeR:0 none;padding:0;margin:0 auto;text-align:center;}
.imgWrap.type02 img{width:490px;height:auto;}
.imgWrap.allType{padding:0; text-align: center; } /* 2020.01.08*/
.imgWrap.allType img{height:auto;vertical-align:top;}


/* 박스 타입 */
.boxType01{background:#f9f9f9;padding:30px;box-sizing:border-box;}

/* 리스트 타입 */
.listType.dotType{display:block;width:100%;margin-top:10px;box-sizing:border-box;}
.listType.dotType:after{content:'';display:block;clear:both;}
.listType.dotType li{line-height:1.625em; font-size:16px;color:#111;text-align:left;}
.listType.dotType li{position:relative;padding-left:6px;text-indent:-6px;margin-top:5px;line-height:1.625em; }
.listType.dotType li:first-child{margin-top:0;}
.listType.dotType li em{position:absolute;left:0;top:0;display:block;width:20px;height:20px;}

.blockType01{margin-top:15px;}
.blockType01 p,
.sub_body .blockType01 p{line-height:1.625em; ;margin-top:15px; font-size:16px;color:#333;}
.sub_body .blockType01 p + ul{margin-top:20px;}
.sub_body .blockType01 p:first-child{margin-top:0;}
.blockType01 ul{display:block;width:100%;}
.blockType01 ul:after{content:'';display:block;clear:both;}
.blockType01 ul li,
.blockType01 ul li em{font-size:16px;color:#333;}
.blockType01 ul li{position:relative;line-height:1.75em;margin-top:13px;padding-left:15px;}
.blockType01 ul li em{position:absolute;left:0;top:0;width:10px;height:10px;font-weight:bold;}
.blockType01 ul li:first-child{margin-top:0;}
.blockType01 p + ul li{padding-left:30px;}
.blockType01 p + ul li em{left:15px;}

.sub_body .listType01{display:block;width:100%;margin-top:9px;}
.sub_body .listType01:after{content:'';display:block;clear:both;}
.sub_body .listType01 li{position:relative;display:block;padding-left:10px;font-size:16px;color:#333;line-height:1.625em; margin-top:7px;}
.sub_body .listType01 li em{position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#0e63bf;border-radius:1000px;}

.blockType02{margin-top:15px;padding-left:18px;box-sizing:border-box;}
.blockType02 ul{display:block;margin-top:10px;position:relative;}
.blockType02 ul:after{content:'';display:block;clear:both;}
.blockType02 ul li{position:relative;padding-left:19px;/*text-indent:-19px;*/line-height:1.625em; font-size:16px;margin-top:5px;padding-left:20px;box-sizing:border-box;}
.blockType02 ul li:first-child{margin-top:0;}
.blockType02 .listType01 li{text-indent:0;color:#111;margin-top:3px;}
.blockType02 .listType01 li em{background-color:#111;}
.blockType02 .tblBlock{margin-top:20px;padding-left:20px;box-sizing:border-box;}
.blockType02 .titType01{padding-left:20px;}
.blockType02 .titType02.colorType02{padding-left:0px;}
.blockType02 .titType01.colorType01{padding-left:0px;}
.blockType03 .blockType02 ul li{text-indent:-19px;}

.blockType03{margin-top:40px;display:block;}
.blockType03 .listType03{margin-left:21px;}
.blockType03 .listType03 li{margin-top:5px;}
.blockType03 ul li .listType03{margin-left:20px;}


.sub_body .tblWrap.type04 .listType01{display:block;width:100%;margin-top:8px;padding-left:10px;box-sizing:border-box;}
.sub_body .tblWrap.type04 .listType01:after{content:'';display:block;clear:both;}
.sub_body .tblWrap.type04 .listType01 li{position:relative;display:block;padding-left:10px;font-size:16px;color:#111;line-height:1.625em; margin-top:3px;}
.sub_body .tblWrap.type04 .listType01 li em{position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#0e63bf;border-radius:1000px;}

.listType03{display:block;width:100%;margin-top:10px;}
.listType03:after{content:'';display:block;clear:both;}
.listType03 li,
.listType03 li em{line-height:1.625em; font-size:16px;color:#111;text-align:left;}
.listType03 li{position:relative;padding-left:20px;margin-top:5px;}
.listType03 li:first-child{margin-top:0;}
.listType03 li em{position:absolute;left:0;top:0;display:block;width:20px;height:20px;}
.blockType03 .listType03

.sub_body .listType04{display:block;width:100%;margin-top:4px;}
.sub_body .listType04:after{content:'';display:block;clear:both;}
.sub_body .listType04 li{position:relative;display:block;padding-left:20px;font-size:16px;color:#111;line-height:1.625em; margin-top:2px;}
.sub_body .listType04 li em{position:absolute;left:0;top:0;display:inline-block;}
.sub_body .tblWrap .listType04{padding-left:15px;}
.sub_body .tblWrap .listType04 ~ p{margin-top:10px;}

.btn_skipMap {display: block; width: 100px; height: 24px; line-height: 24px;   margin: 0 0 20px 0; float: right; border: 1px solid #ccc; font-size: 14px; text-align: center; color: #666;  } /*2019.12.23   접근성 추가*/
.listType05{display:block;width:100%;margin-top:10px;}
.listType05:after{content:'';display:block;clear:both;}
.listType05 li,
.listType05 li em{line-height:1.625em; font-size:16px;color:#111;text-align:left;}
.listType05 li{position:relative;padding-left:20px;margin-top:5px;}
.listType05 li:first-child{margin-top:0;}
.listType05 li em{position:absolute;left:0;top:0;display:block;width:20px;height:20px;}

.listType06{display:block;width:100%;margin-top:10px;box-sizing:border-box;}
.listType06:after{content:'';display:block;clear:both;}
.listType06 li,
.listType06 li em{line-height:1.625em; font-size:16px;color:#111;text-align:left;}
.listType06 li{position:relative;padding-left:16px;text-indent:-16px;margin-top:5px;line-height:1.625em; }
.listType06 li:first-child{margin-top:0;}
.listType06 li em{position:absolute;left:0;top:0;display:block;width:20px;height:20px;}
.conType01 .listType06{padding-left:10px;}

.listType07{display:block;width:100%;margin-top:10px;box-sizing:border-box;}
.listType07:after{content:'';display:block;clear:both;}
.listType07 li,
.listType07 li em{line-height:1.625em; font-size:16px;color:#111;text-align:left;}
.listType07 li{position:relative;padding-left:20px;text-indent:-20px;margin-top:5px;line-height:1.625em; }
.listType07 li:first-child{margin-top:0;}
.listType07 li em{position:absolute;left:0;top:0;display:block;width:20px;height:20px;}

.listType08{display:block;width:100%;box-sizing:border-box;}
.listType08:after{content:'';display:block;clear:both;}
.listType08 li{position:relative;padding-left:20px;text-indent:-20px;margin-top:5px;line-height:1.625em; font-size:16px;color:#111;}
.listType08 li:first-child{margin-top:0;}
.listType08 li ul{margin-top:8px;margin-bottom:15px;}
.listType08 li:last-child ul{margin-bottom:0;}
.listType08 li ul li{position:relative;padding-left:8px;text-indent:0px;margin-top:5px;line-height:1.625em; font-size:14px;}
.listType08 li ul li:after{
	content:'';display:block;clear:both;
	position:absolute;left:0;top:10px;width:2px;height:2px;
	background-color:#111;
}

.listType08 li .tblWrap.type10{width:100%;border-top:1px solid #ccc;margin-top:15px;margin-bottom:15px;}
.listType08 li .tblWrap.type10 table,
.listType08 li .tblWrap.type10 table tr{width:100%;}
/*.listType08 li .tblWrap.type10 table{min-width:770px;} */
.listType08 li .tblWrap.type10 table th,
.listType08 li .tblWrap.type10 table td{text-indent:0;text-align:center;}
.listType08 li .tblWrap.type10 table tbody th,
.listType08 li .tblWrap.type10 table tbody td{text-align:center;font-size:16px;border-bottom:1px solid #ccc;height:45px;box-sizing:border-box;font-weight:normal;}
.listType08 li .tblWrap.type10 table tbody th,
.listType08 li .tblWrap.type10 table tbody td{color:#111;padding:5px 10px;color:#111;line-height:1.625em; }
.listType08 li .tblWrap.type10 table thead th{background-color:#f2f6fa;padding:5px 10px;box-sizing:border-box;height:45px;color:#222;}
.listType08 li .tblWrap.type10 table tbody tr:first-child th,
.listType08 li .tblWrap.type10 table tbody tr:first-child td{border-top:1px solid #ccc;}

/* form  */
button{padding: 0; cursor: pointer; border: 0 none; }
fieldset {margin:0; padding: 0; border: 0;  }
select, option, button, textarea {font-family: 'Nanum Gothic' , sans-serif; }
input[type=text] , input[type=password], input[type=number], input[type=date], input[type=email] {border: 1px solid #ccc;  box-sizing: border-box; font-family: 'Nanum Gothic"' , sans-serif;  vertical-align: top; }
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
button:hover, button:active , button:visited {padding: 0; } /* button:hover;를 button:hover,로 변경 */
button::-moz-focus-inner {margin:0;padding:0;border:0; /*-webkit-appearance:none;border-radius:0;appearance:none; */}
select::-ms-expand { display:none !important; }
input::-webkit-input-placeholder { color: #999999; }
input::-ms-input-placeholder { color: #999999; }
input::-moz-input-placeholder { color: #999999; }
input[type=radio].custom01:not(old){position: absolute; width:18px; height: 18px; margin:0;padding:0;top: 0; left: 0;  z-index: 10; opacity:0; } /* radio box */
input[type=radio].custom01:not(old) + label{display: inline-block; height:18px; line-height: 18px;  padding-left: 24px;background: url('../img/radio-custom01-uncheck.png') no-repeat 0 0; font-size: 12px; color: #111;  cursor: pointer; }
input[type=radio].custom01:checked + label{background: url('../img/radio-custom01-checked.png') no-repeat 0 0;}
input[type=checkbox].custom01:not(old){position: absolute; width:20px; height: 20px; margin:0;padding:0;top: 0; left: 0;  z-index: 10; opacity:0; } /* radio box */
input[type=checkbox].custom01:not(old) + label{display: inline-block; height:20px; line-height: 20px;  padding-left: 30px;background: url('../img/check-custom01-uncheck.png') no-repeat 0 0; font-size: 13px; color: #111;  cursor: pointer; }
input[type=checkbox].custom01:checked + label{background: url('../img/check-custom01-checked.png') no-repeat 0 0;}

/*  CHECKBOX DESIGN */
input[type=checkbox]:not(old){width: 20px;margin:0;padding:0;opacity:0;} /* hide check*/
input[type=checkbox]:not(old) + label {display: inline-block;margin-left: -20px; padding-left: 28px;background: url('../img/check_no.png') no-repeat 0 0;line-height: 20px; font-size: 13px; color: #3f4141; cursor: pointer;}
input[type=checkbox]:checked + label {background: url('../img/check_yes.png') no-repeat 0 0; cursor:pointer}
.tbl td .check-box {display: block; position: relative; width: 20px; height: 20px; margin: auto; overflow: hidden; }
.tbl td .check-box input[type=checkbox] {position: absolute; top: 0; left: 0; width: 20px; height: 20px; z-index: 1}
.tbl td .check-box  label {position: absolute; top: 0; left: 0; width: 20px; height: 20px; margin-left: 0; }
.tbl thead th input[type=checkbox]:not(old){opacity: 1; vertical-align: middle; }
input[type=radio]:not(old){width:19px;margin:0;padding:0;opacity:0;} /* radio box */
input[type=radio]:not(old) + label{display: inline-block;margin-left: -20px; padding-left: 24px;background: url('../img/radio_no.png') no-repeat 0 0;line-height: 20px; font-size: 13px; color: #3f4141; cursor: pointer;}
input[type=radio]:checked + label{background: url('../img/radio_yes.png') no-repeat 0 0;}

/* 개인정보처리방침 */
.private_box {}
.articleBox .policy.private_box ul {margin-left:0;}
.policy .tline_box {font-size:14px; color:#666; line-height: 25px; margin:0 0 55px 0; padding:40px; border:1px solid #e2e2e2; border-top:2px solid #445e9b; position:relative; word-wrap:break-word; word-break:keep-all;}
.policy .tline_box strong {display:block; font-size:20px; font-weight:400; color:#385493; text-align:center;}

	.policy .private_list {margin:20px 0 0 0 !important;}
	.policy .private_list:after { display:block; clear:both; content:"";}
	.policy .private_list li {float:left; width:29%; min-height:355px; margin:30px 2% 30px 2%; text-align:center; border:1px solid #bababa; padding:0 !important; letter-spacing:-2px !important}
	.policy .private_list li a {display:block; padding:125px 30px 30px; color:#666;}
	.policy .private_list li a:hover {text-decoration:underline;}
	.policy .private_list li a strong {display:block; margin:20px 0;}
	.policy .private_list li a span {display:block;}
	.policy .private_list .list01 {background:url("../img/img_private01.png") no-repeat 50% 35px;}
	.policy .private_list .list02 {background:url("../img/img_private02.png") no-repeat 50% 35px;}
	.policy .private_list .list03 {background:url("../img/img_private03.png") no-repeat 50% 35px;}
	.policy .private_list .list04 {background:url("../img/img_private04.png") no-repeat 50% 35px;}
	.policy .private_list .list05 {background:url("../img/img_private05.png") no-repeat 50% 35px;}
	.policy .private_list .list06 {background:url("../img/img_private06.png") no-repeat 50% 35px;}

	.policy #ttlist01 {display:inline-block; padding:0 50px 10px 0; background:url("../img/img_private01.png") no-repeat 99% 0px; background-size:30px;}
	.policy #ttlist02 {display:inline-block; padding:0 50px 10px 0; background:url("../img/img_private02.png") no-repeat 99% 0px; background-size:30px;}
	.policy #ttlist03 {display:inline-block; padding:0 50px 10px 0; background:url("../img/img_private03.png") no-repeat 99% 0px; background-size:30px;}
	.policy #ttlist04 {display:inline-block; padding:0 50px 10px 0; background:url("../img/img_private04.png") no-repeat 99% 0px; background-size:30px;}
	.policy #ttlist05 {display:inline-block; padding:0 50px 10px 0; background:url("../img/img_private05.png") no-repeat 99% 0px; background-size:30px;}
	.policy #ttlist06 {display:inline-block; padding:0 50px 10px 0; background:url("../img/img_private06.png") no-repeat 99% 0px; background-size:30px;}


	.policy .toc_list {}
	.policy .toc_list li {font-size:14px; line-height:26px; margin:0 0 0 0px; padding: 0 0 0 10px;}
	.policy .toc_list li a {color:#666;}


/*  테이블 */
.tbl_wraper {position: relative; border-top: 1px solid #2994ef}
.tbl_wraper2 {border-top: 1px solid #e4e4e4}
.tbl_wraper.scroll table thead th br{display: none; }
.tbl_wraper table tbody th br  {display: none; }
.tbl thead th{ padding: 9px 10px; background: #f0f6fb; border-bottom: 1px solid #d5e1eb; color: #3f4141;  font-weight: 700; font-size: 14px; }
.tbl thead th br , .tbl tbody th br {display: none; }
.tbl.year-status thead th {padding: 9px 0; }
.tbl thead .height2 th{padding: 13px 0;  }
.tbl thead .height3 th{line-height: 18px; padding: 7px; text-align: center;   }
.tbl th.noBG {line-height: 29px ; background: none; border-bottom: 1px solid #e7e7e7;}
.tbl thead th.brLeft {border-left: 1px solid #d5e1eb;}
.tbl tbody .brLeft {border-left: 1px solid #e7e7e7;}
.tbl tbody .brRight{border-right: 1px solid #e7e7e7;}
.tbl  .brBottom{border-bottom: 1px solid #aaa;}
.tbl tbody th { border-bottom: 1px solid #e7e7e7; font-size: 14px; color: #3f4141;} /* tbody 의 th  */
.tbl tbody th.bg1{background: #fafafa;}
.tbl tbody th.bg1a{padding: 0 0 0 20px; background: #fafafa; text-align: left; font-weight: normal;}
.tbl tbody th.bg2{padding: 0 0 0 25px; background: #f0f6fb; text-align: left;  font-weight: normal; }
.tbl tbody th.bg3{padding: 0 ; background: #f0f6fb; text-align: center; }
.tbl tbody th.b {font-weight: normal}
.tbl tbody th.txtLeft {text-indent: 50px; }
.tbl tbody th.txtLeft2 {text-align: left; padding-left: 25px;}
.tbl th .require {position: relative; margin:0; }
.tbl th .required{position: absolute; display: block;  width: 8px; height: 7px; top: 3px ; left:-15px; background: url('../img/ico_required.png') no-repeat 0 0; }
.tbl td{border-bottom: 1px solid #e7e7e7; font-size: 14px; color: #666666; }
.tbl td a{color: #666;}
.tbl td a:hover{color: #0075cf;}
.tbl td.height1{padding: 10px 0 ;}
.tbl td input[type=text]{width: 95%; height: 24px; line-height: 24px; }
.tbl td input[type=text].file{width: 480px;  }
.tbl td a.btn.downKorean {display: inline-block ;width: 77px; height: 25px; background: url('../img/btn_korean.gif') no-repeat 0 0; text-indent: -9999px; }
.tbl td a.btn.downKorean:hover {background: url('../img/btn_korean_on.gif') no-repeat 0 0;}
table .tal {padding-left: 3%; }
.tblWrap.type09 .noBtm tbody td, .tblWrap.type09 .noBtm tbody th {border-bottom: 0 none; }

/* table type01 */
.tblWrap{width:100%;box-sizing:border-box;}
.tblWrap.type01{}
.tblWrap.type01 table{width:100%;}
.tblWrap.type01 table th,
.tblWrap.type01 table td{text-align:center;height:44px;font-size:16px;border-bottom:1px solid #ccc;box-sizing:border-box;}
.tblWrap.type01 table th{color:#222;background:#f2f6fa;border-top:1px solid #555;}
.tblWrap.type01 table td{color:#111;padding:8px 10px;}
.tblWrap.type01 table td,
.tblWrap.type01 table td a{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.tblWrap.type01 table td.addTitle{text-align:left;}
.tblWrap.type01 table td.addTitle a{font-size:16px;color:#111;display:block;width:100%;}
.tblWrap.type01 table td.addTitle a:hover{color:#111;text-decoration:underline;}
.tblWrap.type01 table td.addMate a{width:23px;height:auto;}
.tblWrap.type01 table td.addMate img{width:23px;height:auto;vertical-align:middle;}
.tblWrap.type01 table .addNum{width:76px;}
.tblWrap.type01 table .addCase{width:76px;}
.tblWrap.type01 table .addTitle{}
.tblWrap.type01 table .addDate{width:134px;}
.tblWrap.type01 table .addView{width:80px;}
.tblWrap.type01 table .addMate{width:76px;}
/* //table type01 */

/* table type02 */
.tblWrap.type02{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.type02 table,
.tblWrap.type02 table tr{width:100%;}
.tblWrap.type02 table{}
.tblWrap.type02 th,
.tblWrap.type02 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.type02 table th{width:30%;color:#222;background:#f2f6fa;padding:15px 20px 15px 10px;text-align:center;}
.tblWrap.type02 table td{width:70%;color:#111;padding:15px 10px 15px 20px;color:#111;line-height:1.625em; }
.tblWrap.type02 tr th.con{text-align:left;background-color:#fff;line-height:1.75em;padding:30px;font-weight:normal;color:#6a6a6a;}
.tblWrap.type02 td a{color:#111;}
.tblWrap.type02 td a:hover{text-decoration:underline;color:#111;}
/* //table type02 */

/* table type03 */
.tblWrap.type03{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.type03 table,
.tblWrap.type03 table tr{width:100%;}
.tblWrap.type03 table{}
.tblWrap.type03 th,
.tblWrap.type03 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.type03 table th{width:30%;color:#222;background:#f2f6fa;padding:15px 20px 15px 10px;text-align:center;}
.tblWrap.type03 table td{width:70%;color:#111;padding:15px 10px 15px 20px;color:#111;line-height:1.625em; }
/* //table type03 */

/* table type04 */
.tblWrap.type04{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.type04 table,
.tblWrap.type04 table tr{width:100%;}
.tblWrap.type04 table{}
.tblWrap.type04 th,
.tblWrap.type04 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.type04 table th{width:30%;color:#222;background:#f2f6fa;padding:15px 20px 15px 10px;text-align:center;border-left:1px solid #ccc;}
.tblWrap.type04 table td{width:70%;color:#111;padding:15px 10px 15px 20px;vertical-align:top;line-height:1.625em; border-left:1px solid #ccc;}
.tblWrap.type04 table th:first-child,
.tblWrap.type04 table td:first-child{border-left:0 none;}
.tblWrap.type04 table tr.bbnoType td{border-bottom:0 none;}
/* //table type04 */

/* table type05 */
.tblWrap.type05{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.type05 table,
.tblWrap.type05 table tr{width:100%;}
.tblWrap.type05 table{}
.tblWrap.type05 th,
.tblWrap.type05 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.type05 table th{width:30%;color:#222;background:#f2f6fa;padding:15px 20px 15px 10px;text-align:center;}
.tblWrap.type05 table td{width:70%;color:#111;padding:15px 10px 15px 20px;color:#111;line-height:1.625em; }
.tblWrap.type05 table td:first-child{text-align:center;}
/* //table type05 */

/* table type06 */
.tblWrap.type06{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.type06 table,
.tblWrap.type06 table tr{width:100%;}
.tblWrap.type06 table{}
.tblWrap.type06 th,
.tblWrap.type06 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.type06 table thead th,
.tblWrap.type06 table thead td{width:30%;color:#222;background:#f2f6fa;padding:15px 20px 15px 10px;text-align:center;border-left:1px solid #ccc;vertical-align:middle;}
.tblWrap.type06 table thead th{padding:15px 10px 15px 10px;}
.tblWrap.type06 table td{width:70%;color:#111;padding:15px 5px 15px 10px;vertical-align:top;line-height:1.625em; border-left:1px solid #ccc;}
.tblWrap.type06 table th:first-child,
.tblWrap.type06 table td:first-child{border-left:0 none;}
.tblWrap.type06 table tr.bbnoType td{border-bottom:0 none;}
.tblWrap.type06 tbody tr th{color:#111;padding:15px 5px 15px 10px;vertical-align:top;line-height:1.625em; border-left:1px solid #ccc;}
.tblWrap.type06 table td div{display:block;word-break:break-all;}
.tblWrap.type06 table td div dl{}
.tblWrap.type06 table td div dl dd{position:relative;padding-left:10px;}
.tblWrap.type06 table td div dl dd:after{
	content:'';display:block;clear:both;
	position:absolute;left:5px;top:11px;width:2px;height:2px;
	background-color:#111;
}
.tblWrap.type06 table td.noLine{border-bottom:0 none;}
/* //table type06 */

/* table type07 */
.tblWrap.type07{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.type07 table,
.tblWrap.type07 table tr{width:100%;}
.tblWrap.type07 table{}
.tblWrap.type07 th,
.tblWrap.type07 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.type07 table th{width:30%;color:#222;background:#f2f6fa;padding:15px 10px 15px 10px;text-align:center;border-left:1px solid #ccc;}
.tblWrap.type07 table td{width:70%;color:#111;padding:15px 20px 15px 20px;vertical-align:top;line-height:1.625em; border-left:1px solid #ccc;}
.tblWrap.type07 table th:first-child,
.tblWrap.type07 table td:first-child{border-left:0 none;}
.tblWrap.type07 table tr.bbnoType td{border-bottom:0 none;}
.tblWrap.type07 table td .listType03{margin-top:0;}
/* //table type07 */

/* table type08 */
.tblWrap.type08{width:100%; margin-bottom: 10px;border-top:1px solid #ccc;margin-top:15px;}
.tblWrap.type08 table,
.tblWrap.type08 table tr{width:100%;}
.tblWrap.type08 table{}
.tblWrap.type08 th,
.tblWrap.type08 td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;text-align:center;border-right:1px solid #ccc;height:50px;box-sizing:border-box;}
.tblWrap.type08 table th{width:50%;color:#222;background:#f2f6fa;padding:5px 10px;text-align:center;}
.tblWrap.type08 table td{width:50%;color:#111;padding:5px 10px;color:#111;line-height:1.625em; }
.tblWrap.type08 table th:first-child,
.tblWrap.type08 table td:first-child{border-left:1px solid #ccc;}
.tblWrap.type08 table td strong{color:#111;}
/* //table type08 */

/* table type09 */
.tblWrap.type09{width:100%;border-top:1px solid #ccc;margin-top:15px;}
.tblWrap.type09 table,
.tblWrap.type09 table tr{width:100%;}
.tblWrap.type09 table{}
.tblWrap.type09 th,
.tblWrap.type09 td{text-align:left;font-size:16px;line-height:1.75em;border-bottom:1px solid #ccc;text-align:center;border-right:1px solid #ccc;height:50px;box-sizing:border-box; }
.tblWrap.type09 table th{width:50%;color:#222;background:#f2f6fa;padding:5px 10px;text-align:center;}
.tblWrap.type09 table td{width:50%;color:#111;padding:5px 10px;color:#111;line-height:1.75em;}
.tblWrap.type09 table th:first-child,
.tblWrap.type09 table td:first-child{border-left:1px solid #ccc;}
.tblWrap.type09 table tbody th{background-color:#f5f5f5;font-weight:normal;}
.tblWrap.type09 table tbody td{text-align:right;}
.tblWrap.type09 table td strong{color:#111;}
.tblWrap.type09 table tbody th.blNone{border-left:0 none;}
.tblWrap.type09 th.backslash {
	background-color:#f2f6fa;
	background-image: url('../img/backslash.png');
	background-size: 100% 100%;
	text-align: left;
}
.tblWrap.type09 th.backslash div { text-align: right; }
.tblWrap.type09.pdNone thead th{}
.tblWrap.type09.pdNone thead tr:last-child th{font-size:12px;line-height:16px;}
.tblWrap.type09.pdNone tbody th,
.tblWrap.type09.pdNone tbody td{padding:5px 0;}
.tblWrap.type09.pdNone tbody td{text-align:center;}
/* //table type09 */

/* table type10 */
.tblWrap.type10{width:100%;border-top:1px solid #ccc;margin-top:15px;}
.tblWrap.type10 table,
.tblWrap.type10 table tr{width:100%;}
.tblWrap.type10 table{}
.tblWrap.type10 table tbody th,
.tblWrap.type10 table tbody td{text-align:center;font-size:16px;border-bottom:1px solid #ccc;height:45px;box-sizing:border-box;font-weight:normal;}
.tblWrap.type10 table tbody th,
.tblWrap.type10 table tbody td{color:#111;padding:5px 10px;color:#111;line-height:1.625em; }
.tblWrap.type10 table thead th{background-color:#f2f6fa;padding:5px 10px;box-sizing:border-box;height:45px;color:#222;}
.tblWrap.type10 table tbody tr:first-child th,
.tblWrap.type10 table tbody tr:first-child td{border-top:1px solid #ccc;}
/* //table type10 */

/* 연혁 테이블 */
.tblWrap.type03.tblOrganChart{margin-top:70px;}
.tblWrap.type03.tblOrganChart + .tblWrap.type03.tblOrganChart{margin-top:20px;}
.tblWrap.type03.tblOrganChart th,
.tblWrap.type03.tblOrganChart td{vertical-align:middle;}
.tblWrap.type03.tblOrganChart td{padding:15px 10px;}
/* //연혁 테이블 */

/* 행정서비스 현장 테이블 */
.tblWrap.srbType{width:100%;border-top:1px solid #555;margin-top:15px;}
.tblWrap.srbType table,
.tblWrap.srbType table tr{width:100%;}
.tblWrap.srbType table{}
.tblWrap.srbType th,
.tblWrap.srbType td{text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.tblWrap.srbType table th{width:30%;color:#222;background:#f2f6fa;padding:15px 20px 15px 10px;text-align:center;}
.tblWrap.srbType table td{width:70%;color:#111;padding:15px 10px 15px 20px;color:#111;line-height:1.625em; }
.tblWrap.srbType table td:first-child{text-align:center;}
/* //행정서비스 현장 테이블 */

.tblWrap.vam table tbody th,
.tblWrap.vam table tbody td{vertical-align: middle;}
.tblWrap.tac table tbody th,
.tblWrap.tac table tbody td{text-align:center;}

.tblWrap{width:100%;}
/*.tblWrap table{min-width:790px;}	*/

/* paging */
.paging {display: block;  margin-top:20px; text-align: center; vertical-align: top;}
.paging a {display: inline-block; min-width:13px; height: 12px;  line-height: 12px; margin-left: 15px; text-align:center;  color: #4b4b4b;  }
.paging a:hover, .paging a:focus, .paging a.active{color: #0878d2; font-weight: 700; }

/* pagenate */
.pagenate{position:relative;display:block;}
.pagenate.type01{position:relative;display:block;width:100%;margin:0 auto;text-align:center;}
.pagenate.type01 .pagenateWrap{display:inline-block;width:auto;margin:0 auto;text-align:center;}
.pagenate.type01:after{content:'';display:block;clear:both;}
.pagenate.type01 a{}
.pagenate.type01 .prevAll,
.pagenate.type01 .prevOne,
.pagenate.type01 .nextAll,
.pagenate.type01 .nextOne{position:relative;float:left;display:block;width:28px;height:28px;border:1px solid #ccc;background-color:#f5f5f5;margin-left:5px;}
.pagenate.type01 .prevAll{margin-left:0;}
.pagenate.type01 .prevAll,
.pagenate.type01 .prevOne,
.pagenate.type01 .nextAll,
.pagenate.type01 .nextOne,
.pagenate.type01 .prevAll span,
.pagenate.type01 .prevOne span,
.pagenate.type01 .nextAll span,
.pagenate.type01 .nextOne span{font-size:16px;color:#111;text-align:center;}
.pagenate.type01 .prevAll span,
.pagenate.type01 .prevOne span,
.pagenate.type01 .nextAll span,
.pagenate.type01 .nextOne span{display:block;line-height:28px;}
.pagenate.type01 .prevAll{
	background-image:url("../img/btn/arr_pagenate_01_01.png");
	background-position:center center;
	background-size:14px auto;
	background-repeat:no-repeat;
}
.pagenate.type01 .prevOne{
	background-image:url("../img/btn/arr_pagenate_01_02.png");
	background-position:center center;
	background-size:7px auto;
	background-repeat:no-repeat;
}
.pagenate.type01 .nextAll{
	background-image:url("../img/btn/arr_pagenate_02_01.png");
	background-position:center center;
	background-size:14px auto;
	background-repeat:no-repeat;
}
.pagenate.type01 .nextOne{
	background-image:url("../img/btn/arr_pagenate_02_02.png");
	background-position:center center;
	background-size:7px auto;
	background-repeat:no-repeat;
}
.pagenate.type01 ul{display:inline-block;float:left;}
.pagenate.type01 ul li{float:left;margin-left:5px;}
.pagenate.type01 ul li a{display:block;width:28px;height:28px;border:1px solid #ccc;background-color:#fff;}
.pagenate.type01 ul li a,
.pagenate.type01 ul li a span{display:block;font-size:16px;color:#111;line-height:28px;text-align:center;}
.pagenate.type01 ul li a.active{border:1px solid #005fc6;background-color:#005fc6;}
.pagenate.type01 ul li a.active,
.pagenate.type01 ul li a.active span{color:#fff;}
/* //pagenate */

/* left padding type */
.leftPdType01{padding-left:20px;}
.leftPdType01 
/* //left padding type */

/* button */
.btnBlue01{background-color:#194574;color:#fff;text-align:center;font-size:16px;}
/* //button */

/*  버튼  */
.btnWrap{position:relative;display:block;width:100%;text-align:center;margin:0 auto;}
.btn {display: inline-block; text-align: center; margin:0; padding: 0;letter-spacing: -0.3px; text-decoration: none; cursor: pointer;}
.btnType01,
.btnType01 span{color:#fff;font-size:16px;line-height:1.625em; }
/*.btnType01{display:inline-block;text-align:center;padding:10px 40px;background-color:#194574;}*/
.btnType01{display:inline-block;text-align:center;padding:10px 40px;background-color:#57779f;}
.btnType01 span{display:block;}

/* LOGIN */
.loginWrap {width: 770px; margin: auto; }
.loginWrap  h2{margin:0; font-size: 30px; color: #0878d2; font-weight: 700; letter-spacing: -0.5px;  }
.loginWrap  h2 + p {line-height: 21px; margin: 7px 0 20px 0; font-size: 13px; color: #3f4141; }
.loginWrap .loginBox { padding:36px  108px 28px 70px ; border: 1px solid #e5e5e5}
.loginWrap .loginBox > img {float: left;  }
.loginWrap .loginBox  > div {position: relative; float: none; width: auto;  margin-left: 130px;  }
.loginWrap .loginBox  div .inform { margin: 0 0 10px 0;   }
.loginWrap .loginBox div .inform  span{display: block;  height: 26px; line-height: 26px; margin-top: 10px; }
.loginWrap .loginBox div .inform  span:first-child{margin-top: 0; }
.loginWrap .loginBox div .inform  span img {margin-right: 5px; }
.loginWrap .loginBox div .inform  span label {display: block; float: left; width: 65px; font-size: 13px; letter-spacing: -0.5px; color: #3f4141; }
.loginWrap .loginBox div .inform  span input {width: 275px; height: 26px; }
.loginWrap .loginBox div .btnArea {position: absolute; top: 0; right: 0;}
.loginWrap .loginBox div .btnArea a{width: 109px; height:62px; line-height: 60px; box-sizing: border-box; }
.loginWrap .loginBox  .agreeCheck{margin:  0 0 16px 0  ;  padding-left: 65px;}
.loginWrap .loginBox .findLink {margin:0; padding-top: 14px;  border-top: 1px solid #e5e5e5 ; font-size: 13px;  letter-spacing: -0.5px;text-indent: 65px;}
.loginWrap .loginBox .findLink  a {margin-left: 22px; padding-left: 22px; background: url('../img/bgLine_topMenu.gif') no-repeat 0 center; color: #3f4141;}
.loginWrap .loginBox .findLink  a:hover{color:#2f7dbe}
.loginWrap .loginBox .findLink  a:first-child{margin-left: 0; padding-left: 0; background: none;}

/* TAB */
/* TAB : type01 */
.tabType01{position:relative;display:block;}
.tabType01 ul{display:block;width:100%;height:44px;border-bottom:1px solid #005fc6;}
.tabType01 ul:after{content:'';display:block;clear:both;}
.tabType01 ul li{float:left;margin-left:2px;width:150px;height:44px;} /* 2020.01.08*/
.tabType01 ul li:first-child{margin-left:0;}
.tabType01 ul li a{display:block;width:100%;height:44px;border:1px solid #ccc;padding:11px 15px ;box-sizing:border-box;background-color:#f2f6fa;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:0 none;}
.tabType01 ul li a,
.tabType01 ul li a span{color:#555;font-size:16px;text-align:center;}
.tabType01 ul li a.active{border-color:#005fc6;background-color:#fff;}
.tabType01 ul li a.active,
.tabType01 ul li a.active span{color:#005fc6;}
/* //TAB : type01 */
/* TAB Content : type01 */
.tabComType01{padding:26px 0;box-sizing:border-box;}
/* //TAB Content : type01 */
/* //TAB */

/* 전체 OO건 */
.allTit{display:block;}
.allTit.type01 span,
.allTit.type01 span em{font-size:16px;color:#222;display:inline-block;}
.allTit.type01 span{}
.allTit.type01 span em{color:#005fc6;font-weight:bold;}
/* //전체 OO건 */

/* table list type */
.tblListType01{display:block;width:100%;}
.tblListType01:after{content:'';display:block;clear:both;}
.tblListType01 li,
.tblListType01 li dl{display:block;width:100%;}
.tblListType01 li{}
.tblListType01 li dl{display:table;}
.tblListType01 li dl dt,
.tblListType01 li dl dd{display:table-cell;font-size:16px;color:#111;line-height:1.625em; border:1px solid #ccc;text-align:left;box-sizing:border-box;padding:10px;text-indent:0;border-top:0 none;}
.tblListType01 li dl:first-child dt,
.tblListType01 li dl:first-child dd{border-top:1px solid #ccc;}
.tblListType01 li dl dt{width:18%;border-right:0 none;padding-left:30px;}
.tblListType01 li dl dd{width:25%;border-left:0 none;padding-left:0;padding-right:0;}
.tblListType01 li dl dd.con{width:50%;border-right:0 none;padding-right:20px;}

/* 아코디언 */
.accWrap.srbType{}
.accWrap.srbType ul{display:block;}
.accWrap.srbType ul:after{content:'';display:block;clear:both;}
.accWrap.srbType ul li{box-sizing:border-box;}
.accWrap.srbType ul li dl{}
.accWrap.srbType ul li dl dt{}
.accWrap.srbType ul li dl dt a{
	position:relative;display:block;width:100%;font-size:16px;color:#222;padding:13px 20px;box-sizing:border-box;font-weight:bold;
	border-top:1px solid #555;
	background-color:#f2f6fa;
}
.accWrap.srbType ul li dl dt a em{width:20px;height:20px;  margin-right: 20px; text-align:left;}
.accWrap.srbType ul li dl.active dt a{border-bottom:1px solid #555;}
.accWrap.srbType ul li dl dt a:after{
	content:'';display:block;clear:both;
	position:absolute;width:11px;height:6px;right:20px;top:18px;
	background-color:transparent;
	background-image:url('../img/btn/btn_bow_01.png');
	background-repeat:no-repeat;
	background-size:11px 12px;
	background-position:0 0;
}
.accWrap.srbType ul li dl.active dt a:after{
	background-position:0 -6px;
}
.accWrap.srbType ul li:last-child dl dt a{border-bottom:1px solid #555;}
.accWrap.srbType ul li dl dd.listDd{padding:40px 20px 40px 50px;box-sizing:border-box;display:none;}
.accWrap.srbType ul li dl dd .tit{position:relative;font-size:16px;color:#111;padding-left:12px;line-height:1.625em; margin-top:10px;}
.accWrap.srbType ul li dl dd .tit em{
	position:absolute;display:block;width:5px;height:5px;left:0;top:7px;
	border-radius:1000px;
	background-color:#005fc6;
}
.accWrap.srbType ul li dl dd .tit:first-child{margin-top:0;}
.accWrap.srbType ul li dl dd .listType.dotType{padding-left:13px;}
.accWrap.srbType ul li dl dd .tblListType01{margin:20px 0;}
.accWrap.srbType ul li dl dd .tblListType01{}
.accWrap.srbType ul li dl dd .tblListType01 li{padding-left:0;}
.accWrap.srbType ul li dl dd .tblListType01 li dl{}
.accWrap.srbType ul li dl dd .tblListType01 li dl dt{}
.accWrap.srbType ul li dl dd .tblListType01 li dl dd{padding-top:19px;padding-bottom:19px;border-left:0 none;}
.accWrap.srbType ul li dl dd .tblListType01 li dl dd.con{padding-right:20px;}
/* //아코디언 */

/* 지도영역 */
.mapWrap{}
.mapWrap.root_daum_roughmap{width:100%;height:500px;padding:0;border:0 none;border-radius:0;}
.mapWrap.root_daum_roughmap .wrap_map{height:500px;}
.mapWrap .root_daum_roughmap_landing{width:100%;height:500px;}

.mapList{margin-top:40px;}
.mapList .titType05{margin-top:14px;}
.mapList .tit01{font-size:18px;color:#005fc6;font-weight:bold;text-align:left;line-height:1.625em; ; margin-top:50px;}
.mapList .tit01:first-child{margin-top:0;}
.mapList .mapListBlock{margin-top:15px;}
.mapList .mapListBlock .tit02{font-size:16px;color:#444;font-weight:bold;margin-top:0px;line-height:1.75em;padding-left:12px;position:relative;margin-top:30px;}
.mapList .mapListBlock .tit02 em{position:absolute;left:0;top:9px;width:5px;height:5px;background-color:#005fc6;border-radius:1000px;}
.mapList .mapListBlock .tit02:first-child{margin-top:0;}
.mapList .mapListBlock .listType{margin-top:10px;padding-left:12px;box-sizing:border-box;}
.mapList .mapListBlock .listType li{line-height:1.625em; ; font-size:16px;color:#111;text-align:left;}
/* //지도영역 */

/* left right type */
.lrType01{display:table;width:100%;}
.lrType01 li{vertical-align:top;text-align:right;}
.lrType01 li *{text-align:right;}
.lrType01 li:first-child,
.lrType01 li:first-child *{text-align:left;}
/* //left right type */



/* 팝업 */
.popup {display: none; position: absolute; width: 600px; top: 50%; left: 50%;  background: #fff;  z-index: 115}
.popup h2{height: 50px; line-height: 50px; margin: 0; padding: 0 15px ;background: #0878d2; font-size: 20px; color: #fff; }
.popup .contnetsWrap , .popup .articleBox { height: 400px; padding: 30px;   overflow-y: auto; }
.contnetsWrap .imgBox {padding: 20px; border: 1px solid #dedede;  }
.contnetsWrap .imgBox > span{float: left;display: block;  width: 120px; }
.contnetsWrap .imgBox > span > img {width: 100%; }
.contnetsWrap .imgBox > div {float: none; width: auto; margin-left: 150px; }
.contnetsWrap .imgBox > div  > strong {display: block; line-height: 1.25em; color: #0878d2}
.contnetsWrap .imgBox > div > p {margin-top: 5px; font-size: 14px; color: #666}
.popup .close_pop {position: absolute; display: block; width: 18px; height: 18px; top: 18px; right: 20px; background: url('../img/btn/btn_closePop.png') no-repeat 0 0; text-indent: -9999px; }
.popup .close{position: absolute; display: block; width: 50px; height: 24px; line-height: 24px;  top: 10px;right: 10px;  border: 1px solid #c9c9c9; border-radius: 2px; background: #fff; font-size:12px ;  color: #3a3635; text-align: center; }
.popup .close:hover {background: #ebebeb}

.contnetsWrap .articleBox {margin-top: 20px; }
.contnetsWrap .articleBox.text{padding: 10px; }
.contnetsWrap .articleBox p{line-height: 1.75em; font-size: 15px; margin: 5px 0 0 0; color: #6a6a6a;}
.articleBox .policy_head {padding: 10px; border: 1px solid #ccc; } 
.articleBox .policy_head  p {line-height: 1.5em; font-size: 16px;  color: #6a6a6a; }
.articleBox .policy  > h4  {margin-top: 40px; margin-bottom: 10px; font-size: 18px; color: #222; }
.articleBox .policy  > p {margin-top: 8px; line-height: 1.625em; color: #6a6a6a; font-size: 16px;  letter-spacing: -1px; }
.articleBox .policy  ul {margin-top: 10px; margin-left: 20px; }
.articleBox .policy  ul li {line-height: 1.625em; margin-top: 5px;  padding-left: 20px; color: #6a6a6a; font-size: 16px; letter-spacing: -1px; }
.articleBox .policy  ul li:before {content: attr(index) ; display: block; float: left;  margin-left: -24px}
.articleBox .policy  ul li .prev-policy {color: #0878d2 ; text-decoration: underline}

.footer .add i {position: absolute; display: block; top:50%; right: 0; margin-top:-20px;}
.footer .add .popup_box_footer {position: absolute; display: block; top:50%; right: 65px; margin-top:-29px;}

.foot_private a {color:#77aae1 !important; font-weight:700;}


@media all and (min-width:1100px) {
	.inner {width: 1100px; margin: auto;  }
	.mobile {display: none; }

	/*  header */
	/*.header {position: absolute; width: 100%; height: 100px; background: #fff;  top: 0;  border-bottom: 1px solid #e2e2e2;  box-sizing: border-box; z-index: 111}*/
	.header {position:relative; width: 100%; height: 100px; background: #fff;  top: 0;  border-bottom: 1px solid #e2e2e2;  box-sizing: border-box; z-index: 111} /* 20231220 웹접근성 조치 으아아아아아아아ㅏㅏㅏ*/

	.header.on:after {content: ''; display: block; position: absolute; width: 100%; height:480px; top: 100px; background: #f4f7fa ;  z-index: 110} /* 20210217 choi 메뉴 배경 높이 수정 */
	.header .inner {position: relative; }
	.header h1 {float: left; width: 180px;  height: 100px;  margin:  0;   } /* 2019.12.15  로고 사이즈 변경*/
	.header h1 a{display: block; height: 100px; line-height: 100px; background: url('../img/h1_logo.png') no-repeat  0 center;   background-size: 100%;text-indent: -9999px;  }
	.header .gnb-wraper {position: absolute;left: 300px;  height: 100px; top: 0; } /*2020.01.08*/
	.header .gnb {height: 100%; }
	.header .gnb > .gnb-list { min-height: 100px;   z-index: 111}
	.header .gnb > .gnb-list > li { float: left;  margin-left: 70px; }
	.header .gnb > .gnb-list > li:first-child{margin-left: 0; }
	.header .gnb > .gnb-list > li > a {display: block;height: 100px; line-height: 100px;  color: #222; font-size: 18px; font-weight: 700;  text-align: center; }
	.header .gnb > .gnb-list > li  .depth2 {display: none;  position: absolute;  width: 220px; height: 480px; padding: 40px 0; border-left: 1px solid #e2e2e2;    box-sizing: border-box; z-index: 111}
	.header .gnb > .gnb-list > li  .depth2 h3 {font-size: 18px; color: #0f5198; text-align: center; }
	.header .gnb > .gnb-list > li  .depth2 ul {margin-top: 32px; }
	.header .gnb > .gnb-list > li:nth-child(1)  .depth2 {left: -290px;}
	.header .gnb > .gnb-list > li:nth-child(2)  .depth2 {left: -70px;}
	.header .gnb > .gnb-list > li:nth-child(3)  .depth2 {left: 150px;}
	.header .gnb > .gnb-list > li:nth-child(4)  .depth2 {left: 370px;}
	.header .gnb > .gnb-list > li:nth-child(5)  .depth2 {left: 590px; border-right: 1px solid #e2e2e2}
	.header .gnb > .gnb-list > li  .depth2 li  { line-height: 32px; text-align: center;}
	.header .gnb > .gnb-list > li  .depth2 li a{position: relative; display: inline-block; font-size: 15px; color: #222;   }
	.header .gnb > .gnb-list > li  .depth2 li a:hover, .header .gnb > .gnb-list > li  .depth2 li a:focus, .header .gnb > .gnb-list > li  .depth2 li a:active{color: #0f5198;}
	.header .gnb > .gnb-list > li  .depth2 li a:hover:after, .header .gnb > .gnb-list > li  .depth2 li a:focus:after, .header .gnb > .gnb-list > li  .depth2 li a:active:after {content: ''; position: absolute; display: block; width: 100%; height: 1px; bottom: 6px; background: #0066d0; }
	.header .gnb .link-trend-trade {position: absolute; display: block; width: 100px; height: 32px;  line-height: 32px; right: 0; margin: 19px 0; border: 1px solid #0f5198; border-radius: 2px; color: #0f5198 ; font-size: 14px;  text-align: center}

	/* 전체메뉴*/
	.header .btn_ctrl_allMenu {position: absolute !important;  display: block;width: 20px; height: 100px;  right: 0;  top: 0; background: url('../img/btn_ctrl_allmenu.png') no-repeat center center; background-size: 20px; text-indent: -9999px;}  /*2020.01.08 , 2020.01.09*/
	.header .btn_ctrl_allMenu.close {background: url('../img/btn_close_layer.png') no-repeat center center; background-size: 20px; }
	.all-menu-wraper {position: relative; }
	.all-menu-wraper .bg {position: absolute; display: block; width: 100%; height: 100%; background: #f4f7fa}
	.allMenu_list-wraper {display: none; padding: 30px 0;  box-sizing: border-box; }
	.allMenu_list-wraper > ul {margin-left: -20px; margin-bottom: 20px; }
	.allMenu_list-wraper > ul > li > a {display: block; margin: 0; font-size: 15px; color: #222222 ; font-weight: 700;  }
	.allMenu_list-wraper .allMenu_list:after{content:''; display: block; clear: both; width: 0 ; height: 0; overflow: hidden; }
	.allMenu_list-wraper .allMenu_list > li {float: left; width:calc(100% / 5 - 20px); margin-left: 20px;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1{display: block !important ;margin-top: 8px; border-top: 2px solid #0f5198}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li{ margin-top: -1px; border-top: 1px solid #b7c9da; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a{display: block;  line-height: 18px; padding: 6px 10px;  background: #d2dee9; border-bottom: 1px solid #b7c9da; font-size: 12px; color: #474747; font-weight: 700;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:hover{color:#000}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2 {display: block  !important; padding: 0 15px ; font-size: 12px; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li {line-height: 18px; padding: 6px 0; border-bottom: 1px solid #ccc; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a{display: block; padding-left: 8px; color: #3f4141;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li:hover  a{color: #2994ef}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a:before {content:''; float: left;display: block; width: 3px; height: 3px; margin:7px 0px 0 -8px; background: url('../img/bullet_02off.png') no-repeat 0 0;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li:hover  a:before {content:''; float: left;display: block; width: 3px; height: 3px; margin:7px 0px 0 -8px; background: url('../img/bullet_02on.png') no-repeat 0 0;}
	.allMenu_list-wraper dl{position: absolute; width: 100%;  height:50px ; bottom: 0; left: 10px;  }
	.allMenu_list-wraper dl dt {width: 0; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }
	.allMenu_list-wraper dl li{float: left; line-height: 50px; margin-left: 30px; font-size: 13px; letter-spacing: -1px; font-weight: 700; }
	.allMenu_list-wraper dl li a {color: #222}
	.allMenu_list-wraper dl li a:hover{color:#2f7dbe}

	/* footer  ==================================== */
	/* 관련사이트 */
	.banner-link {height: 70px;  border-top: 1px solid #cccccc}
	.banner-link  ul li {float: left;  width: 180px ;  height: 70px; line-height: 70px; }
	.banner-link  ul li a { line-height: 70px;  display: block; text-align: center;  }
	.banner-link  ul li a img {width: 180px; vertical-align: middle; }
	/* 저작권정책등 */
	.footer .foot-link {height:  50px;   background: #242424; text-align: center; }
	.footer .foot-link .inner {padding-right: 50px;}
	.footer .foot-link li {display: inline-block; line-height: 50px; margin-left: 30px; font-size: 14px; }
	.footer .foot-link li:first-child{margin-left: 0; }
	.footer .foot-link li a {color: #999;}
	.footer .foot-link li a strong {font-weight: 700; color: #fff;}
	/* 주소 */
	.footer .add {position: relative; width: 1100px; margin: 30px auto 60px; }
	.footer .add  dl dt {float: left;  margin-left: 10px;  }
	.footer .add dl dd {float: left; margin-left: 140px; line-height: 1.325em; color: #666; font-size: 14px; }
	.footer .add dl dd .copyright {margin-top: 10px; }



	/*  sub ========================*/
	/*.sub_container{margin-top: 101px;  padding: 40px 0 100px ; }*/
	.sub_container{margin-top:1px;  padding: 40px 0 100px ; }
	.sub_wraper {float: left; width: 800px; min-height: 430px;  margin-left: 80px;}
	/*Left Menu*/
	.lnb_wraper{float: left; width: 220px;}
	.lnb_wraper h3{height:72px; margin:0; padding: 0; background: #0878d2; text-align: center; font-size: 22px; color: #fff;   font-weight: normal; }
	.lnb_wraper .lnb {/*background: #f4f7fa; */}
	.lnb > ul{margin:0; padding: 0 ; list-style: none;  }
	.lnb > ul > li { line-height: 48px;  border-top: 1px solid #d5d5d5; font-size: 16px; color: #777777; letter-spacing: -0.3px;}
	.lnb > ul > li > a{position: relative; display: block; padding: 0 15px; color: #555;}
	.lnb > ul > li > a span{position: absolute; display: block; width: 7px ;height: 11px; right:15px; top: 50%; margin-top: -6px;   }
	.lnb > ul > li > a.toggle-trigger span {width: 12px ;height: 10px; background: url('../img/ico_CtrlMenu.png') no-repeat 0 center; background-size: 100%; transition: .5s }
	.lnb > ul > li > a:hover, .lnb > ul > li >a:focus, .lnb > ul > li > a.active{background: #f4f7fa;color: #0f5198; font-weight: 700;}
	.lnb > ul > li > a.toggle-trigger.active span{transform: rotate(180deg);  }
	.lnb > ul > li > a .menu2Dep{line-height:1.625em; padding:14px 0;word-break:keep-all;}
	.lnb > ul > li  > .depth2 {display: none; padding: 8px 10px 10px ; border-top: 1px  solid #d5d5d5}
	.lnb > ul > li  > .depth2 ul {margin: 0; padding: 0;  list-style: none; }
	.lnb > ul > li  > .depth2 ul li { margin-top: 8px; padding-left: 4px; font-size: 15px;}
	.lnb > ul > li  > .depth2 ul li a {display: block; line-height: 20px;   padding-left: 10px; color: #555}
	.lnb > ul > li  > .depth2 ul li a:before {content:'-' ; display: block; float: left; margin-left: -10px;  }
	.lnb > ul > li  > .depth2 ul li a:hover, .lnb > ul > li  > .depth2 ul li a:focus, .lnb > ul > li  > .depth2 ul li a.active { color: #0075cf}

	.sub_head_area { margin-top: 10px; padding-bottom: 12px ; border-bottom: 1px solid #ccc; }
	.sub_head_area h3{font-size: 28px; color: #222; font-weight: 700; }
	.sub_head_area .indicator {margin-top: 12px; font-size: 12px; color: #666; }
	.sub_head_area .indicator  span {margin-left: 5px; }
	.sub_head_area .indicator  span.here {color: #0f5198} 
}

@media all and (max-width:1100px) {
	/* 텍스트 block type */
	.conType01{margin-top:10px;}

	.tblWrap.type03.tblOrganChart th,
	.tblWrap.type03.tblOrganChart td{width:100%;text-align:left;}

	.imgWrap {text-align: center; }
}

@media all and (max-width:820px){
	.iframe-wraper  {overflow-y:scroll}
	/*.iframe-wraper  iframe {width: 800px !important}*/
	.imgWrap img {width: 100%}
}

@media all and (max-width:692px) {
	

	/* TAB */
	/* TAB : type01 */
	.tabType01 ul{display:block;width:100%;height:auto;border-bottom:0 none}
	.tabType01 ul li{width:49%;height:40px;margin-right:1%;margin-left:0;margin-bottom:1%;}
	.tabType01 ul li:first-child{margin-left:0;}
	.tabType01 ul li:last-child{margin-right:0;}
	.tabType01 ul li a{height:40px;padding:8px 15px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom:1px solid #ccc;}
	/* //TAB : type01 */
	/* //TAB */

	/* table type01 */
	.tblWrap.type01 table .addNum,
	.tblWrap.type01 table .addCase,
	.tblWrap.type01 table .addDate,
	.tblWrap.type01 table .addView{display:none;}
	/*.tblWrap.type01.noticeCon01 table .addNum,
	.tblWrap.type01.noticeCon01 table .addCase,
	.tblWrap.type01.noticeCon01 table .addDate,
	.tblWrap.type01.noticeCon01 table .addView{display:block;} */
	.tblWrap.type01 table .addView{/*display:none; */} /*2020.01.08 삭제 */
	.tblWrap.type01 table .addMate{width:76px;}
	/* //table type01 */

	/* table type02 */
	.tblWrap.type02 table th{width:30%;color:#222;background:#f2f6fa;padding:5px 10px 5px 10px;}
	.tblWrap.type02 table td{width:70%;color:#111;padding:8px 10px 8px 20px;}
	.tblWrap.type02 table th.con{padding:40px 20px;}
	/* //table type02 */

	/* 이미지 영역 */
	.imgWrap{padding:0px;}

	/* table list type */
	.tblListType01 li dl dt{padding-left:10px;}
	.tblListType01 li dl dt,
	.tblListType01 li dl dd{display:block;float:none;width:100%;box-sizing:border-box;border:0 none;padding:0px;}
	.tblListType01 li dl dd{padding:10px;}
	.tblListType01 li dl dd.con{width:100%;}
	.tblListType01 li dl:first-child dt, .tblListType01 li dl:first-child dd{border:0 none;}
	.accWrap.srbType ul li dl dd .tblListType01 li dl dd{padding:0px;}
	.tblListType01 li dl,
	.accWrap.srbType ul li dl dd .tblListType01 li dl{border:1px solid #ccc;border-top:0 none;}
	.tblListType01 li dl:first-child,
	.accWrap.srbType ul li dl dd .tblListType01 li dl:first-child{border-top:1px solid #ccc;}
	.tblListType01 li dl,
	.accWrap.srbType ul li dl dd .tblListType01 li dl{padding:15px;box-sizing:border-box;}
	.tblListType01 li dl dd,
	.accWrap.srbType ul li dl dd .tblListType01 li dl dd{padding-top:0;}
	.tblListType01 li dl dd,
	.accWrap.srbType ul li dl dd .tblListType01 li dl dd{margin:10px 0 0;}
	
	/* 지도영역 */
	.mapWrap.root_daum_roughmap{height:250px;}
	.mapWrap.root_daum_roughmap .wrap_map{height:250px;}
	.mapWrap .root_daum_roughmap_landing{height:250px;}
	/* //지도영역 */

	.tblWrap.type09 th, .tblWrap.type09 td {font-size: 14px; }

	.tblWrap.type10 table thead th , .tblWrap.type10 table tbody th, .tblWrap.type10 table tbody td , .listType08 li .tblWrap.type10 table tbody th, .listType08 li .tblWrap.type10 table tbody td {font-size: 14px;  word-break: break-all}
	

}

@media all and (max-width:639px) {
	.pc {display: none; }

	/*  header */
	.header {/*position: absolute;  */position: relative;width: 100%;  height:51px;  background: #fff; border-bottom: 1px solid #cccccc;  box-sizing: border-box; }
	.header h1 { width: 116px;  height: 50px; padding: 0 20px   }
	.header h1 a{display: block; height: 50px; background: url('../img/h1_logo.png') no-repeat 0 center;  background-size: 100%;text-indent: -9999px;  }
	.header .gnb-wraper {display: none;  }
	
	/* 전체메뉴*/
	/* 열고닫기 버튼*/
	.header .btn_ctrl_allMenu {position: absolute;  display: block;width: 20px; height: 50px;  right: 20px; top: 0; background: url('../img/btn_ctrl_allmenu.png') no-repeat center center; background-size: 20px; text-indent: -9999px; z-index: 130 ;  }
	.header .btn_ctrl_allMenu.close {background: url('../img/btn_close_layer.png') no-repeat center center; background-size: 20px; }
	.all-menu-wraper {position: fixed; width: 80%; height: 100%; top: 0px;  right: -9999px;   padding-top: 50px; background: #f4f7fa; box-sizing: border-box;  z-index: 120; transition: .5s; }
	.allMenu_list-wraper {position: absolute;  width: 100%; height: calc(100% -  50px);top: 50px; overflow-y: auto; }
	.allMenu_list-wraper > ul {margin-bottom: 20px; border-bottom: 1px solid #012d86; }
	.allMenu_list-wraper .allMenu_list > li { border-top: 1px solid #012d86;  }
	.allMenu_list-wraper > ul > li > a {display: block; height: 50px; line-height: 50px; margin: 0; padding: 0 15px; background: #003399  url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px; font-size: 16px; color: #fff ; font-weight: 700;  }
	.allMenu_list-wraper > ul > li > a.close {background: #003399 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;background-size: 12px;  }
	.allMenu_list-wraper > ul > li > a.select {background: #003399; }
	.allMenu_list-wraper .allMenu_list  .all_depth1,.allMenu_list-wraper .allMenu_list  .all_depth2  {display: none; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 {padding: 10px 0; background: #0d3159; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a{display: block;  line-height: 40px; padding: 0 15px 0 30px; background: #0d3159; font-size: 14px; color: #b7d4f4;font-weight: 700;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:before {content: ''; display: block; float: left; width: 4px; height: 1px ; margin-left: -10px;  margin-top: 19px; background: #b7d4f4;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.hasChild{ background: #0d3159 url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.close {background: #0d3159 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:hover{color:#b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2 {padding: 10px 15px; font-size: 14px; background: #092646;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li {line-height: 1.5em; margin-top: 8px; padding-left: 15px;  background: #092646;    }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li:first-child {margin-top: 0; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a{display: block; padding-left: 10px;  color: #b7d4f4;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li:hover  a{color: #b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a:before {content:'-'; float: left;display: block; width: 3px; height: 3px; margin:0px 0px 0 -10px; }

	/* footer =================*/
	/* 관련사이트 */
	.banner-link  ul {padding: 10px 0; border-top: 1px solid #ccc; text-align: center; }
	.banner-link  ul li {display: inline-block;   line-height: 28px;  text-align: center; }
	.banner-link  ul li a {  display: block; text-align: center;  }
	.banner-link  ul li a img {width: auto; height: 20px;  vertical-align: middle; }
	/* 저작권정책등 */
	.footer .foot-link {padding: 12px 0; background: #242424; }
	.footer .foot-link dd ul:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
	.footer .foot-link li {float: left;  width:  calc(100%/3); box-sizing: border-box;  font-size: 12px; text-align: center;  }
	.footer .foot-link li a {color: #999; }
	.footer .foot-link li a strong {font-weight: normal;  color: #fff}
	/* 주소 */
	.footer .add {position: relative;  margin: 15px auto 30px; }
	.footer .add  dl dt {display: none; }
	.footer .add dl dd { padding: 0 15px; font-size: 12px; }
	.footer .add dl dd p {line-height: 1.5em; color: #666; }
	.footer .add dl  p.copyright {margin-top: 10px; }

	/* sub ===========================*/
	/*.sub_container{padding-top: 51px; } */
	/*Left Menu*/
	.lnb_wraper  .lnb h3{height:50px; line-height: 50px; margin:0; padding: 0; background: #0878d2; text-align: center; font-size: 20px; color: #fff;   font-weight: 700; }
	.lnb_wraper  p {height: 40px; line-height: 40px; background: #f4f7fa; text-align: center; font-size: 14px; color: #222; }
	/*.lnb h4 {display: block; float: left; width:120px;  height: 50px; line-height: 50px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; box-sizing: border-box;  color: #222;  text-align: center; font-size: 14px; }
	.lnb h4 a {display: block; color: #222; }
	.lnb  .depth2 {float: left; width: calc(100% - 120px); box-sizing: border-box; }
	.lnb  .wide  .depth2 {position: relative; float: none; width: 100%; }
	.lnb  .depth2 > a {position: relative; display: block; height: 50px; line-height: 50px;  padding: 0 15px;border-bottom: 1px solid #ccc;     box-sizing: border-box; color: #222; font-size: 14px;  transition: .5s;  }
	.lnb  .depth2 > a span.bg {position: absolute; display: block; width: 16px; height: 50px; line-height: 50px;  right: 15px; top: 0; background: url('../img/ico_CtrlMenu.png') no-repeat 0 center;background-size: 100%;   }
	.lnb  .depth2 > a.active  span.bg{transform: rotate(180deg); }
	.lnb .depth2 ul {display: none;  width: 100%; left: 0; margin-left: -120px; padding: 15px  0 15px  120px;  background: #f5f5f5;  border-bottom: 1px solid #ccc; }
	.lnb .depth2 ul li { font-size: 14px; line-height: 28; }
	.lnb  .depth2 ul li a {display: block; height: 1.8em;padding-left: 15px; line-height: 1.8em ; color: #777}
	.lnb  .depth2 ul li a:hover, .lnb  .depth2 ul li a:focus {color: #0878d2; } */

	.lnb_wraper  p em{display:inline-block;margin-left:5px;padding-left:10px;border-left:1px solid #666;height:12px;line-height:12px;}

	.popup {width: 90%; height: calc(100% - 70px); top: 40px; left: 5%;  margin-left: 0; margin-top: 0;  }
	.popup  .contnetsWrap {height: calc(100% - 130px); padding: 15px; overflow-y: auto; }
	.contnetsWrap .imgBox > span {float: none;  }
	.contnetsWrap .imgBox > div {margin-left: 0; margin-top: 10px; }
	.articleBox .policy  ul{margin-left: 10px; }
	.articleBox .policy ul li {font-size: 15px; }

	.accWrap.srbType ul li dl dd.listDd {padding: 20px; }
	
	.imgWrap.allType img {width: 100%}

	.footer .add i {display:none;}
	
}


@media all and (min-width:640px) and (max-width: 720px) {
	/*  header */
	.header {position: relative; width: 100%;  height:51px;  background: #fff; border-bottom: 1px solid #cccccc;  box-sizing: border-box; }
	.header h1 { width: 116px;  height: 50px; padding: 0 20px   }
	.header h1 a{display: block; height: 50px; background: url('../img/h1_logo.png') no-repeat 0 center;  background-size: 100%;text-indent: -9999px;  }
	.header .gnb-wraper {display: none;  }

	/* 전체메뉴*/
	/* 열고닫기 버튼*/
	.header .btn_ctrl_allMenu {position: absolute;  display: block;width: 20px; height: 50px;  right: 20px; top: 0; background: url('../img/btn_ctrl_allmenu.png') no-repeat center center; background-size: 20px; text-indent: -9999px; z-index: 130 ;  }
	.header .btn_ctrl_allMenu.close {background: url('../img/btn_close_layer.png') no-repeat center center; background-size: 20px; }
	.all-menu-wraper {position: fixed; width:50%; height: 100%; top: 0px;  right: -9999px;   padding-top: 50px; background: #f4f7fa; box-sizing: border-box;  z-index: 120; transition: .5s; }
	.allMenu_list-wraper {position: absolute;  width: 100%; height: calc(100% -  50px);top: 50px; overflow-y: auto; }
	.allMenu_list-wraper > ul {margin-bottom: 20px; border-bottom: 1px solid #012d86; }
	.allMenu_list-wraper .allMenu_list > li { border-top: 1px solid #012d86;  }
	.allMenu_list-wraper > ul > li > a {display: block; height: 50px; line-height: 50px; margin: 0; padding: 0 15px; background: #003399  url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px; font-size: 16px; color: #fff ; font-weight: 700;  }
	.allMenu_list-wraper > ul > li > a.close {background: #003399 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;background-size: 12px;  }
	.allMenu_list-wraper > ul > li > a.select {background: #003399; }
	.allMenu_list-wraper .allMenu_list  .all_depth1,.allMenu_list-wraper .allMenu_list  .all_depth2  {display: none; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 {padding: 10px 0; background: #0d3159; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a{display: block;  line-height: 40px; padding: 0 15px 0 30px; background: #0d3159; font-size: 14px; color: #b7d4f4;font-weight: 700;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:before {content: ''; display: block; float: left; width: 4px; height: 1px ; margin-left: -10px;  margin-top: 19px; background: #b7d4f4;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.hasChild{ background: #0d3159 url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.close {background: #0d3159 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:hover{color:#b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2 {padding: 10px 15px; font-size: 14px; background: #092646;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li {line-height: 1.5em; margin-top: 8px; padding-left: 15px;  background: #092646;    }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li:first-child {margin-top: 0; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a{display: block; text-indent: 8px; color: #b7d4f4;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li:hover  a{color: #b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a:before {content:'-'; float: left;display: block; width: 3px; height: 3px; margin:0px 0px 0 -8px; }


	/* footer =================*/
	/* 관련사이트 */
	.banner-link  ul  {border-top: 1px solid #ccc;  padding: 0 20px; }
	.banner-link  ul li {float: left; width: calc(100%/5); height: 48px;  text-align: center; }
	.banner-link  ul li a {  display: block; line-height: 48px;  text-align: center;  }
	.banner-link  ul li a img {width: auto; height: 22px;  vertical-align: middle; }
	/* 저작권정책등 */
	.footer .foot-link {padding: 12px 0; background: #242424; }
	.footer .foot-link dd ul:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
	.footer .foot-link li {float: left;  width:  calc(100%/4); line-height: 20px;  box-sizing: border-box;  font-size: 12px; text-align: center;  }
	.footer .foot-link li a {color: #999; }
	.footer .foot-link li a strong {font-weight: normal;  color: #fff}
	/* 주소 */
	.footer .add {position: relative;  margin: 15px auto 30px; }
	.footer .add  dl dt {display: none; }
	.footer .add dl dd { padding: 0 15px; font-size: 12px; }
	.footer .add dl dd p {line-height: 1.5em; color: #666; }
	.footer .add dl  p.copyright {margin-top: 10px; }
 
	/* sub ===========================*/
	/*.sub_container{padding-top: 51px; } */
	/*Left Menu*/
	.lnb_wraper .lnb.pc {display: none; }
	.lnb_wraper  .lnb h3{height:50px; line-height: 50px; margin:0; padding: 0; background: #0878d2; text-align: center; font-size: 20px; color: #fff;   font-weight: 700; }
	.lnb_wraper  p {height: 40px; line-height: 40px; background: #f4f7fa; text-align: center; font-size: 14px; color: #222; }
	/*.lnb h4 {display: block; float: left; width:120px;  height: 50px; line-height: 50px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; box-sizing: border-box;  color: #222;  text-align: center; font-size: 14px; }
	.lnb h4 a {display: block; color: #222; }
	.lnb  .depth2 {float: left; width: calc(100% - 120px); box-sizing: border-box; }
	.lnb  .wide  .depth2 {position: relative; float: none; width: 100%; }
	.lnb  .depth2 > a {position: relative; display: block; height: 50px; line-height: 50px;  padding: 0 15px;border-bottom: 1px solid #ccc;     box-sizing: border-box; color: #222; font-size: 14px;  transition: .5s;  }
	.lnb  .depth2 > a span.bg {position: absolute; display: block; width: 16px; height: 50px; line-height: 50px;  right: 15px; top: 0; background: url('../img/ico_CtrlMenu.png') no-repeat 0 center;background-size: 100%;   }
	.lnb  .depth2 > a.active  span.bg{transform: rotate(180deg); }
	.lnb .depth2 ul {display: none;  width: 100%; left: 0; margin-left: -120px; padding: 15px  0 15px  120px;  background: #f5f5f5;  border-bottom: 1px solid #ccc; }
	.lnb .depth2 ul li { font-size: 14px; line-height: 28; }
	.lnb  .depth2 ul li a {display: block; height: 1.8em;padding-left: 15px; line-height: 1.8em ; color: #777}
	.lnb  .depth2 ul li a:hover, .lnb  .depth2 ul li a:focus {color: #0878d2; } */
	.lnb_wraper  p em{display:inline-block;margin-left:5px;padding-left:10px;border-left:1px solid #666;height:12px;line-height:12px;}
	.popup {width: 90%; height: calc(100% - 70px); top: 40px; left: 5%;  margin-left: 0; margin-top: 0;  }
	.popup  .contnetsWrap {height: calc(100% - 130px); padding: 16px; overflow-y: auto; }
	.popup .contnetsWrap .imgBox > span {float: none;  }
	.popup .contnetsWrap .imgBox > div {margin-left: 0; margin-top: 10px; }

	.accWrap.srbType ul li dl dd.listDd {padding: 20px; }


}

@media all and (min-width:721px) and (max-width: 840px) {
	
	/*  header */
	.header {position: relative; height:61px;  background: #fff; border-bottom: 1px solid #cccccc;  box-sizing: border-box; }
	.header.on:after {content: ''; display: block; position: absolute; width: 100%; height: 270px; top: 70px;  background: #fff ; z-index: 110}
	.header h1 { width: 128px;  height: 60px; padding: 0 20px   }
	.header h1 a{display: block; height: 60px; background: url('../img/h1_logo.png') no-repeat 0 center;  background-size: 100%;text-indent: -9999px;  }
	.header .gnb-wraper {display: none;  }

	/* 전체메뉴*/
	/* 열고닫기 버튼*/
	.header .btn_ctrl_allMenu {position: absolute;  display: block;width: 20px; height:61px;  right: 15px; top: 0; background: url('../img/btn_ctrl_allmenu.png') no-repeat center center; background-size: 20px; text-indent: -9999px; z-index: 130 ;  }
	.header .btn_ctrl_allMenu.close {background: url('../img/btn_close_layer.png') no-repeat center center; background-size: 20px; }
	.all-menu-wraper {position: fixed; width:45%; height: 100%; top: 0px;  right: -9999px;   padding-top: 50px; background: #f4f7fa; box-sizing: border-box;  z-index: 120; transition: .5s; }
	.allMenu_list-wraper {position: absolute;  width: 100%; height: calc(100% -  50px);top:60px; overflow-y: auto; }
	.allMenu_list-wraper > ul {margin-bottom: 20px; border-bottom: 1px solid #012d86; }
	.allMenu_list-wraper .allMenu_list > li { border-top: 1px solid #012d86;  }
	.allMenu_list-wraper > ul > li > a {display: block; height: 50px; line-height: 50px; margin: 0; padding: 0 15px; background: #003399  url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px; font-size: 16px; color: #fff ; font-weight: 700;  }
	.allMenu_list-wraper > ul > li > a.close {background: #003399 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;background-size: 12px;  }
	.allMenu_list-wraper > ul > li > a.select {background: #003399; }
	.allMenu_list-wraper .allMenu_list  .all_depth1,.allMenu_list-wraper .allMenu_list  .all_depth2  {display: none; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 {padding: 10px 0; background: #0d3159; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a{display: block;  line-height: 40px; padding: 0 15px 0 30px; background: #0d3159; font-size: 14px; color: #b7d4f4;font-weight: 700;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:before {content: ''; display: block; float: left; width: 4px; height: 1px ; margin-left: -10px;  margin-top: 19px; background: #b7d4f4;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.hasChild{ background: #0d3159 url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.close {background: #0d3159 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:hover{color:#b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2 {padding: 10px 15px; font-size: 14px; background: #092646;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li {line-height: 1.5em; margin-top: 8px; padding-left: 15px;  background: #092646;    }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li:first-child {margin-top: 0; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a{display: block; text-indent: 8px; color: #b7d4f4;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li:hover  a{color: #b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a:before {content:'-'; float: left;display: block; width: 3px; height: 3px; margin:0px 0px 0 -8px; }  
	.allMenu_list-wraper dl{display: none}

	/* footer =================*/
	/* 관련사이트 */
	.banner-link  ul  {border-top: 1px solid #ccc;  padding: 0 20px; }
	.banner-link  ul li {float: left; width: calc(100%/5); height: 48px;  text-align: center; }
	.banner-link  ul li a {  display: block; line-height: 48px;  text-align: center;  }
	.banner-link  ul li a img {width: auto; height: 22px;  vertical-align: middle; }
	/* 저작권정책등 */
	.footer .foot-link {padding: 12px 0; background: #242424; }
	.footer .foot-link dd ul:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
	.footer .foot-link  ul{padding: 0 50px}
	.footer .foot-link li {float: left;  width:  calc(100%/4); line-height: 20px;  box-sizing: border-box;  font-size: 12px; text-align: center;  }
	.footer .foot-link li a {color: #999; }
	.footer .foot-link li a strong {font-weight: normal;  color: #fff}
	/* 주소 */
	.footer .add {position: relative; padding: 30px 40px;  }
	.footer .add  dl dt {float: left;  margin-left: 10px;  }
	.footer .add  dl dt img {width: 112px;}
	.footer .add dl dd {float: left; margin-left: 50px; line-height: 1.325em; color: #666; font-size: 12px; }
	.footer .add dl dd .copyright {margin-top: 10px; }


	/* sub ===========================*/
	.sub_container{}
	/*Left Menu*/
	.lnb_wraper .lnb.pc {display: none; }
	.lnb_wraper  .lnb h3{height:50px; line-height: 50px; margin:0; padding: 0; background: #0878d2; text-align: center; font-size: 20px; color: #fff;   font-weight: 700; }
	.lnb_wraper  p {height: 40px; line-height: 40px; background: #f4f7fa; text-align: center; font-size: 14px; color: #222; }
	/*.lnb h4 {display: block; float: left; width:120px;  height: 50px; line-height: 50px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; box-sizing: border-box;  color: #222;  text-align: center; font-size: 14px; }
	.lnb h4 a {display: block; color: #222; }
	.lnb  .depth2 {float: left; width: calc(100% - 120px); box-sizing: border-box; }
	.lnb  .wide  .depth2 {position: relative; float: none; width: 100%; }
	.lnb  .depth2 > a {position: relative; display: block; height: 50px; line-height: 50px;  padding: 0 15px;border-bottom: 1px solid #ccc;     box-sizing: border-box; color: #222; font-size: 14px;  transition: .5s;  }
	.lnb  .depth2 > a span.bg {position: absolute; display: block; width: 16px; height: 50px; line-height: 50px;  right: 15px; top: 0; background: url('../img/ico_CtrlMenu.png') no-repeat 0 center;background-size: 100%;   }
	.lnb  .depth2 > a.active  span.bg{transform: rotate(180deg); }
	.lnb .depth2 ul {display: none;  width: 100%; left: 0; margin-left: -120px; padding: 15px  0 15px  120px;  background: #f5f5f5;  border-bottom: 1px solid #ccc; }
	.lnb .depth2 ul li { font-size: 14px; line-height: 28; }
	.lnb  .depth2 ul li a {display: block; height: 1.8em;padding-left: 15px; line-height: 1.8em ; color: #777}
	.lnb  .depth2 ul li a:hover, .lnb  .depth2 ul li a:focus {color: #0878d2; } */

	.sub_wraper {padding: 30px 20px; }
	.sub_wraper .sub_head_area {display: none; }

	.lnb_wraper  p em{display:inline-block;margin-left:5px;padding-left:10px;border-left:1px solid #666;height:12px;line-height:12px;}
}

@media all and (min-width:841px) and (max-width: 1099px) {
	.mobile {display: none; }

	/*  header ==================*/
	.header {position: relative; height:60px;  background: #fff; border-bottom: 1px solid #cccccc;  box-sizing: border-box; }
	.header.on:after {content: ''; display: block; position: absolute; width: 100%; height: 270px; top: 70px;  background: #fff ; z-index: 110}
	.header h1 { width: 128px;  height: 60px; padding: 0 20px   }
	.header h1 a{display: block; height: 60px; background: url('../img/h1_logo.png') no-repeat 0 center;  background-size: 100%;text-indent: -9999px;  }
	.header .gnb-wraper {display: none;  }
	/* 전체메뉴===========*/
	/* 열고닫기 버튼*/
	.header .btn_ctrl_allMenu {position: absolute;  display: block;width: 20px; height:60px;  right: 15px; top: 0; background: url('../img/btn_ctrl_allmenu.png') no-repeat center center; background-size: 20px; text-indent: -9999px; z-index: 130 ;  }
	.header .btn_ctrl_allMenu.close {background: url('../img/btn_close_layer.png') no-repeat center center; background-size: 20px; }
	.all-menu-wraper {position: fixed; width:45%; height: 100%; top: 0px;  right: -9999px;   padding-top: 50px; background: #f4f7fa; box-sizing: border-box;  z-index: 120; transition: .5s; }
	.allMenu_list-wraper {position: absolute;  width: 100%; height: calc(100% -  50px);top:60px; overflow-y: auto; }
	.allMenu_list-wraper > ul {margin-bottom: 20px; border-bottom: 1px solid #012d86; }
	.allMenu_list-wraper .allMenu_list > li { border-top: 1px solid #012d86;  }
	.allMenu_list-wraper > ul > li > a {display: block; height: 50px; line-height: 50px; margin: 0; padding: 0 15px; background: #003399  url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px; font-size: 16px; color: #fff ; font-weight: 700;  }
	.allMenu_list-wraper > ul > li > a.close {background: #003399 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;background-size: 12px;  }
	.allMenu_list-wraper > ul > li > a.select {background: #003399; }
	.allMenu_list-wraper .allMenu_list  .all_depth1,.allMenu_list-wraper .allMenu_list  .all_depth2  {display: none; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 {padding: 10px 0; background: #0d3159; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a{display: block;  line-height: 40px; padding: 0 15px 0 30px; background: #0d3159; font-size: 14px; color: #b7d4f4;font-weight: 700;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:before {content: ''; display: block; float: left; width: 4px; height: 1px ; margin-left: -10px;  margin-top: 19px; background: #b7d4f4;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.hasChild{ background: #0d3159 url('../img/btn_m_ctrl01MenuOpen.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a.close {background: #0d3159 url('../img/btn_m_ctrl01MenuClose.png') no-repeat 94% center;  background-size: 12px;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a:hover{color:#b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2 {padding: 10px 15px; font-size: 14px; background: #092646;  }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li {line-height: 1.5em; margin-top: 8px; padding-left: 15px;  background: #092646;    }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li > a + .all_depth2  li:first-child {margin-top: 0; }
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a{display: block; text-indent: 8px; color: #b7d4f4;}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li:hover  a{color: #b7d4f4}
	.allMenu_list-wraper .allMenu_list  .all_depth1 > li  > a + .all_depth2  li  a:before {content:'-'; float: left;display: block; width: 3px; height: 3px; margin:0px 0px 0 -8px; }  
	.allMenu_list-wraper dl{display: none}

	/* footer =================*/
	/* 관련사이트 */
	.banner-link  ul  {border-top: 1px solid #ccc;  padding: 0 20px; }
	.banner-link  ul li {float: left; width: calc(100%/5); height: 48px;  text-align: center; }
	.banner-link  ul li a {  display: block; line-height: 48px;  text-align: center;  }
	.banner-link  ul li a img {width: auto; height: 22px;  vertical-align: middle; }
	/* 저작권정책등 */
	.footer .foot-link {padding: 12px 0; background: #242424; }
	.footer .foot-link dd ul:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
	.footer .foot-link  ul{padding: 0 50px}
	.footer .foot-link li {float: left;  width:  calc(100%/4); line-height: 20px;  box-sizing: border-box;  font-size: 12px; text-align: center;  }
	.footer .foot-link li a {color: #999; }
	.footer .foot-link li a strong {font-weight: normal;  color: #fff}
	/* 주소 */
	.footer .add {position: relative; padding: 30px 40px;  }
	.footer .add  dl dt {float: left;  margin-left: 10px;  }
	.footer .add  dl dt img {width: 112px;}
	.footer .add dl dd {float: left; margin-left: 50px; line-height: 1.325em; color: #666; font-size: 12px; }
	.footer .add dl dd .copyright {margin-top: 10px; }

	/* sub ===========================*/
	
	.lnb.pc {display: none; }
	.lnb.mobile{display: block; }	
	/*Left Menu*/
	.lnb_wraper .lnb.pc {display: none; }
	.lnb_wraper  .lnb h3{height:60px; line-height: 60px; margin:0; padding: 0; background: #0878d2; text-align: center; font-size: 24px; color: #fff;   font-weight: 700; }
	.lnb_wraper  p {height: 50px; line-height: 50px; background: #f4f7fa; text-align: center; font-size: 18px; color: #222; }
	.lnb_wraper  p em{display:inline-block;margin-left:5px;padding-left:10px;border-left:1px solid #666;height:16px;line-height:16px;}
	/*.lnb h4 {display: block; float: left; width:120px;  height: 50px; line-height: 50px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; box-sizing: border-box;  color: #222;  text-align: center; font-size: 14px; }
	.lnb h4 a {display: block; color: #222; }
	.lnb  .depth2 {float: left; width: calc(100% - 120px); box-sizing: border-box; }
	.lnb  .wide  .depth2 {position: relative; float: none; width: 100%; }
	.lnb  .depth2 > a {position: relative; display: block; height: 50px; line-height: 50px;  padding: 0 15px;border-bottom: 1px solid #ccc;     box-sizing: border-box; color: #222; font-size: 14px;  transition: .5s;  }
	.lnb  .depth2 > a span.bg {position: absolute; display: block; width: 16px; height: 50px; line-height: 50px;  right: 15px; top: 0; background: url('../img/ico_CtrlMenu.png') no-repeat 0 center;background-size: 100%;   }
	.lnb  .depth2 > a.active  span.bg{transform: rotate(180deg); }
	.lnb .depth2 ul {display: none;  width: 100%; left: 0; margin-left: -120px; padding: 15px  0 15px  120px;  background: #f5f5f5;  border-bottom: 1px solid #ccc; }
	.lnb .depth2 ul li { font-size: 14px; line-height: 28; }
	.lnb  .depth2 ul li a {display: block; height: 1.8em;padding-left: 15px; line-height: 1.8em ; color: #777}
	.lnb  .depth2 ul li a:hover, .lnb  .depth2 ul li a:focus {color: #0878d2; } */

	/* LOGIN */
	.loginWrap { margin: 60px auto 100px; }
}

@media all and (max-width:856px) {
	
	.imgWrap.allType{width:100%;padding:0;}
	.imgWrap.type02 img {width:70%}
}

@media all and (max-width:550px) {
	.imgWrap.type02{bordeR:0 none;padding:0;margin:0 auto;text-align:center;}
	.imgWrap.type02 img{width:100%;height:auto;}
	.imgWrap.type02 img {width: 90%}

	
	.imgWrap.allType img {width: 100%}
	.tblWrap.type10 table thead th , .tblWrap.type10 table tbody th, .tblWrap.type10 table tbody td , .listType08 li .tblWrap.type10 table tbody th, .listType08 li .tblWrap.type10 table tbody td {font-size: 13px; }
	
}


@media all and (max-width:800px) {
	#table .addTitle {width: 80%;}
	#table .addMate {width: 20%;}
}

.iframe-wraper {height: 1500px !important}

@media all and (min-width:1100px) and (max-width: 1120px) {
	.header .btn_ctrl_allMenu {right: 20px;}
	.sub_wraper {width: 780px}
}