@charset "utf-8";
.text_line {letter-spacing:-0.5px;}
.textArea {/*overflow: hidden;margin-bottom:35px; */ margin:30px 0 35px -1px; line-height: 160%;font-size:15px;}
.textArea:before{content: ''; clear:both; display:block;}
.textArea > h4{ padding:0 0 0 20px; font-size:22px; background: url(../img/icon/icon_h4.png) no-repeat 0 3px; font-weight:600; letter-spacing:-0.8px; line-height:1.2;}
.textArea > h4 span{color:#1c86c2;}

/*프린터 인쇄*/
.btn_type01 {display:inline-block; width:100%; font-size:16px; background:#4b4b4b; color:#fff !important; line-height:1.6; padding:9px 10px 10px 10px; text-align:center; font-weight:normal; vertical-align:middle; *zoom:1; *display:inline} /* 회색버튼 */
.btn_type01:hover, .btn_type01:focus, .btn_type01:active {background:#000;}


/*목록*/
.listBulone{}
.listBulone li{background:url(../img/icon/icon_one5.png) 0 14px no-repeat; padding:6px 0 0 10px; line-height:130%;}

.liBultxt01{margin-top:10px;}
.liBultxt01 li{background:url(../img/icon/template_icon1.png) 0 12px no-repeat; padding:0 0 0 10px; line-height:160%; margin-bottom:8px;}

.liBultxt02{margin-top:10px;}
.liBultxt02 > li{background:url(../img/icon/template_icon1.png) 0 12px no-repeat; padding:0 0 0 10px; line-height:160%; margin-bottom:8px;}
.liBultxt02 > li > ul{}
.liBultxt02 > li > ul > li{background:url(../img/icon/icon_one5.png) 0 14px no-repeat; padding:6px 0 5px 13px; line-height:150%;}
.liBultxt02 > li > ul > li > p.txtRefer{line-height:160%;padding-left:18px;background: url(../img/icon/bul_refer.gif) 0 6px no-repeat; margin-left:0 !important;}
.liBultxt02 > li > ul > li > ol.one {margin-top:15px;}
.liBultxt02 > li > ul > li > ol.one > li{line-height:150%; margin-left:14px; text-indent:-14px; margin-bottom:5px; background:none; padding-left:0;}

.liBultxt03{}
.liBultxt03 > li{background:url(../img/icon/icon_one5.png) 0 14px no-repeat !important; padding:6px 0 5px 13px !important; line-height:150% !important;}
.liBultxt03 > li > ul{margin-left:3px; margin-top:5px;}
.liBultxt03 > li > ul > li{background:url(../img/icon/template_icon1.png) 0 12px no-repeat; padding:0 0 0 10px; line-height:160%; margin-bottom:0; color:#444; font-size:13px;}

ul.txtRefer li, 
p.txtRefer, 
span.txtRefer {line-height:160%;padding-left:18px;background: url(../img/icon/bul_refer.gif) 0 6px no-repeat; margin-left:30px;}

/*공통 탭메뉴 tabmenu_4depth*/
.tabmenu_4depth {margin:50px 0 0 0;}
.tabmenu_4depth > li{display:inline;float:left;margin:-1px 0 0 -1px;}
.tabmenu_4depth > li a{display:block;background:#f3f3f3;border:solid 1px #d9d9d9; line-height:46px; height:50px;text-align:center;text-decoration:none;white-space:nowrap; font-size:15px;}
.tabmenu_4depth > li.on a, 
.tabmenu_4depth > li > a:hover{
	/*background:#0d9764 url(../img/icon/bul_on.png) no-repeat center 0; border-color:#0d9764;*/
	background:#69a41b url(../img/icon/bul_on2.png) no-repeat center 0; border-color:#69a41b;color:#fff !important; border-bottom:0; font-weight:bold;}
.tabmenu_4depth.tab2 li {width: 50%} /* 2개 */
.tabmenu_4depth.tab3 li {width: 33.445%} /* 3개 */
.tabmenu_4depth.tab4 li {width: 25%} /* 4개 */
.tabmenu_4depth.tab5 li {width: 20%} /* 5개 */
.tabmenu_4depth.tab6 li {width: 16.666%} /* 6개 */
.tabmenu_4depth.tab7 li {width: 14.285%} /* 7개 */

.tabmenu_5depth {margin:50px 0 0 0; text-align:center;}
.tabmenu_5depth > li{display:inline-block; width:49.74%}
.tabmenu_5depth > li a{display:block;padding:0 30px;background:#d1e7f2;border:solid 1px #d1e7f2; color:#000;font-size:16px;line-height:40px; height:40px;text-align:center;text-decoration:none;white-space:nowrap;}
.tabmenu_5depth > li.on a, 
.tabmenu_5depth > li > a:hover{background:#1c86c2; border-color:#1c86c2;color:#fff !important; border-bottom:0;}
.tabmenu_5depth.tab2 li {width:50%} /* 3개 */

.tab_5depth{position:relative;margin:50px auto 50px;line-height:40px; font-size:15px;}
.tab_5depth ul{position: relative; padding:1px;}
.tab_5depth ul:before{content: '';display:table;}
.tab_5depth ul:after{content: '';display:table;}
.tab_5depth ul li{/*width:25%;*/ position: relative; text-align:left; float:left; box-sizing: border-box;}
.tab_5depth ul li a{margin: -1px 0 0 -1px;padding: 11px 45px 11px 45px;border:1px solid #ccc; background:#f7f7f7;min-height:25px; width:100%;}
.tab_5depth ul li.on{z-index:12;}
.tab_5depth ul li.on a{padding: 12px 45px 12px 45px;background:#d1e7f2; color:#000; font-weight:600; cursor:default; border:1px solid #2d498f;}
.tab_5depth ul li a:hover{padding: 12px 45px 12px 45px;background:#d1e7f2; color:#000; font-weight:600; border:1px solid #2d498f;}



@media all and (max-width:1200px){
	.tabmenu_4depth.tab3 li{width:50%;}
	.tabmenu_4depth.tab2 li{width:50%;}
	.tabmenu_5depth > li{display:inline-block; width:100%;}
}

@media all and (max-width:768px){
	.tabmenu_5depth.tab3 li {width:100%; margin-bottom:1%;}
	.tabmenu_4depth.tab2 li {width:100%; margin-bottom:1%;}
	.tab_5depth{overflow:hidden;}
	.tab_5depth ul li{width:100%;}
}

@media all and (max-width:480px){
	.tabmenu_4depth.tab3 li{width:100%;}
	.tabmenu_4depth.tab2 li{width:100%;}
}


/*설문조사 팝업, 이수증발급 팝업*/
.layerpopupWrapper {display: none;position: fixed;top:20%;left:45%;width:400px;/*margin-left: -350px;margin-left: -350px;*/z-index:10005;}
.layerpopupWrapper.w700{width:700px; margin-left: -160px; top:10%;}
.layerpopupWrapper .layerpopupArea .btnClose {position: absolute; top: 28px; right: 30px; }
.layerpopupWrapper .layerpopupArea .btnClose img {display: block; width: 23px; }
.layerpopupWrapper .layerpopupArea {position: relative; width:100%; background: #fff; border-top: 5px solid #679d33; padding: 25px 30px 25px 30px; }
.layerPopupContent.opened {display: block;}
.layerpopupWrapper .layerpopupArea h4 {color: #679d33; font-size:25px; font-family: "notoKrM", sans-serif; font-weight:700; line-height: 40px; margin-bottom: 5px; }
.layerpopupWrapper .layerpopupArea .previousInfo {padding:32px 31px; text-align:center;}
.layerpopupWrapper.w700 .layerpopupArea .previousInfo {padding:32px 31px; text-align:center; border:2px solid #ccc;}
.btnArea_pop {text-align:center;padding-bottom:20px; overflow:hidden; margin-top:30px;}
.btnMd {display: inline-block; vertical-align: middle; border: 1px solid #d6d6d9; background: #eff0f0; width: 144px; height: 36px; line-height: 36px; text-align: center; color: #37272a; font-family: "notoKrB", sans-serif; font-weight: 700; margin: 0 2px; }
.btnMd.bg02 {background: #31343f; color: #fff; }
.results{display:inline-block; vertical-align:middle;}
.results span{display:block; padding:3px 10px 4px;  font-size:14px; letter-spacing:-1px; color: #fff; width:80px;}
.results.type span{background:#2c61ad; border:1px solid#2c61ad;}

@media all and (max-width:1200px){
	.layerpopupWrapper{left:29%;}
	.layerpopupWrapper.w700{top:0;}
}

@media all and (max-width:1024px){
	.layerpopupWrapper {position: absolute;top:20%;left:0;width:100%;padding: 0;margin-left: 0;}
	.layerpopupWrapper.w700{width:100%; margin-left:0; top:20%;}
	.layerpopupWrapper.phoneSize { position: fixed; top: 20px; left: 5%; width: 90%; padding: 0px; margin-left: 0px; overflow-y: scroll;}
	.layerpopupWrapper .layerpopupArea {width: auto;padding: 25px 20px 35px;}

	
}

@media all and (max-width:768px){
	.results{width:100%; text-align:center;}
	.results span{padding:10px; width:100%; margin-bottom:1%}
}

/* 기본tableStyle01 : td text-align:center*/
.tableStyle{margin:20px 0 20px 0; border-top: 2px solid #4b4b4b;border-bottom: 1px solid #ccc;}
.tableStyle table {width:100%;}
.tableStyle table tr th {padding:11px 0 12px;height: 22px;text-align:center;line-height:160%;vertical-align:middle;border-left: 1px solid #ccc;border-top: 1px solid #ccc;font-size:15px;}
.tableStyle table tr td {line-height:160%;vertical-align:middle;text-align:center;border: 1px solid #ccc;border-width:1px 0 0 1px;}
.tableStyle table thead tr th {font-family: "notoKrB", sans-serif;font-weight: 700;color:#000;border-top:none;background: #f7f7f7;border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
.tableStyle table tfoot tr th {color:#000;background:#f9f9f9;}
.tableStyle table tfoot tr td {padding:10px 16px 13px 0; font-weight:bold; text-align:right; background:#f9f9f9;}
.tableStyle table tbody tr th {padding: 10px 16px 13px 20px;font-family: "notoKrB", sans-serif;font-weight: 700;color:#000;}
.tableStyle table tbody tr td {padding:10px 10px 13px 10px;word-break: keep-all;}
.tableStyle table tbody tr th.left {text-align: left;}
.tableStyle table tbody tr td.left {text-align: left;}
.tableStyle table tbody tr td.right {text-align: right;}
.tableStyle table tr th.borL0,
.tableStyle table tr td.borL0 {border-left:0;}
.tableStyle table tr th.bg,
.tableStyle table tr td.bg {background-color:#f7f7f7;}

@media all and (max-width: 768px){
	.tableStyle{display:block;overflow-x: auto; width: 100%;}
	.tableStyle table{width:900px;}
}

/*로그인*/
.certification{border-top:2px solid #4b4b4b; margin:40px 0 0 0; border-bottom:1px solid #ccc; padding:40px 0;}
.certification .login_box{text-align:left; position:relative; width:50%; padding:0 5%;border-right:solid #ddd;border-width:0 1px 0;float:left;}
.certification .login_box_onepass{text-align:left; position:relative; width:50%; padding:0 5%;float:left;}

.login_box .title_box {background: url(../img/icon/login_bg01.png); background-repeat: no-repeat; background-position:0 20px; padding-top:160px; float:left; width:16%; margin-right:5%;}
.login_box ul.login_form {float:left; width:100%; margin-top: 3%; margin-right:3%;}
.login_box ul.login_form li.txt {display: inline-block;width:100%;overflow: hidden;list-style: none;}
.login_box ul.login_form li.txt .ir_text{float:left; width:15%; padding-top:13px; font-weight:bold;}
.login_box ul.login_form li.txt:nth-child(1) {margin-bottom:5px;}
.login_box ul.login_form li.last {display: inline-block; margin-top:0; width:100%;}
.login_box ul.login_form li.txt .if {display: block; overflow: hidden;}
.login_box ul.login_form li.txt strong {margin-bottom:20px;font-size:28px;}
.login_box ul.login_form li input[type="text"], 
.login_box ul.login_form li input[type="password"] {width:100%; height:45px;padding-left:10px;border: none;box-sizing: border-box; border: 1px solid #ccc;}
.login_box ul.login_form li.last button { position: relative;top:17px;right:0px;width:100%;height:50px;font-size:16px;text-align: center;box-sizing: border-box; -webkit-box-sizing: border-box; background:#2d498f; color:#fff;}
.login_box ul.login_form li.txt.etc {margin-top:15px;text-align: center;}
.login_box ul.login_form li.txt .user_info a {font-size:14px; color:#000;vertical-align:middle;position:relative;margin-left:30px;}
.login_box ul.login_form li.txt .user_info a:hover, .login_box ul.login_form li.txt .user_info a:focus{text-decoration:underline;}
.login_box ul.login_form li.txt .user_info a:before {display: block;position: absolute;left:-15px;top: 50%;width: 1px;height: 13px;margin-top:-6px; background:#c3c3c3; content:"";}
.login_box ul.login_form li.txt .user_info a.bgnone{margin-left:0;}
.login_box ul.login_form li.txt .user_info a.bgnone:before{background:none;}
_box_onepass ul.login_form {float:left; width:100%; margin-top: 3%; margin-right:3%;}
.login_box_onepass ul.login_form li.last {display: inline-block; margin-top: 0;width:100%;}
.login_box_onepass ul.login_form li.last button {position:relative;top:17px;right:0px;width:100%;height:50px;font-size: 16px;text-align: center;box-sizing: border-box; -webkit-box-sizing: border-box; background:url(../img/icon/btn_onepass_login.png) center no-repeat;background-size:100%;}
.login_box_onepass ul.login_form li input[type="text"] {width:100%; height:45px;padding-left:10px;border: none;box-sizing: border-box; border: 1px solid #d2d2d2;}
.login_box_onepass ul.login_form li.txt {display: inline-block;width:100%;overflow: hidden;list-style: none;}
.login_box_onepass ul.login_form li.txt strong {margin-bottom:20px;font-size:28px;}
.login_box_onepass ul.login_form li.txt.etc {margin-top:15px;text-align: center;}
.login_box_onepass ul.login_form li.txt .user_info a {font-size:14px; color:#000;vertical-align:middle;position:relative;margin-left:30px;}
.login_box_onepass ul.login_form li.txt .user_info a:hover, .login_box ul.login_form li.txt .user_info a:focus{text-decoration:underline;}
.login_box_onepass ul.login_form li.txt .user_info a:before {display: block;position: absolute;left:-15px;top: 50%;width: 1px;height: 13px;margin-top:-6px; background:#c3c3c3; content:"";}
.login_box_onepass ul.login_form li.txt .user_info a.bgnone{margin-left:0;}
.login_box_onepass ul.login_form li.txt .user_info a.bgnone:before{background:none;}
.login_info{text-align:center; padding:30px 10px; background:#f4f4f4; border-bottom:1px solid #ccc;}

/*마이페이지*/
.box_board{position:relative;margin-bottom:25px;margin-top:30px; border-bottom:dashed 1px #b2b2b2;border-top:1px solid #b2b2b2;box-sizing:border-box;}
.box_board .box_wrap{position:relative;min-height:60px;padding:20px 3.5%;background:#f4f4f4; font-size:14px;}
.pw_box{text-align:center; padding:15px 100px;}
.pw_box ul{}
.pw_box ul li{overflow:hidden;}
.pw_box ul li.mb5{margin-bottom:10px;}
.pw_box ul li .pw_title{float:left; width:15%; text-align:left; line-height:35px;}
.pw_box ul li .pw_input{float:left; width:85%; text-align:left;}
.exactly {display:inline-block;width: 12px;height: 12px;font-size: 0;vertical-align: middle;}
.exactly.y {background: url(../img/icon/bbs_icon.png) no-repeat 0 0;}
.check{background:#5a6273;font-size:14px;color:#fff;display:inline-block;padding:6px 10px 10px;vertical-align:middle;margin:0 0 0 3px;}

.halfR5{float:left; margin-right:1%;}
.halfL5{float:left;}
.interval{float:left; margin-right:5%;}
.again{float:left; padding-top:5px;}

.maypage{border-top: 2px solid #4b4b4b; margin-top:5px;}
.maypage table {width:100%; font-size:14px;}
.maypage table thead th{padding:10px 0 10px 10px; border: 1px solid #ccc; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle; border-width:0 0 1px 1px;}
.maypage table tbody th{padding:10px 0 10px 10px; border-bottom:1px solid #ccc; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle;}
.maypage table tbody td{padding:10px 10px 10px 10px; line-height:160%;vertical-align:middle;color:#4d4d4d;border-width:0 0 1px 1px; border-bottom:1px solid #ccc; position:relative;}
.maypage table tr th.borL0,
.maypage table tr td.borL0 {border-left:0;}
.maypage table tbody th.half{width:15%;}
.maypage table tbody td.half{width:35%; padding:10px 10px; border-bottom:1px solid #ccc;}
.maypage table tbody td .bbs_btn_small {padding:5px 10px;border: 1px solid #4b4b4b;background:#4b4b4b;color:#fff;text-decoration: none; /*position:absolute; top:11px;*/ margin-left:5px;}


.maypage.add{border-top: 2px solid #4b4b4b; margin-top:5px;}
.maypage.add table {width:100%; font-size:14px;}
.maypage.add table thead th{padding:10px 0 10px 10px; border: 1px solid #ccc; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle; border-width:0 0 1px 1px;}
.maypage.add table tbody th{padding:10px 0 10px 10px; border-bottom:1px solid #ccc; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle;}
.maypage.add table tbody td{padding:10px 10px 10px 10px; border: 1px solid #ccc; line-height:160%;vertical-align:middle;color:#4d4d4d;border-width:0 0 1px 1px;}
.maypage.add table tr th.borL0,
.maypage.add table tr td.borL0 {border-left:0;}

.maypage.add.mobile{display:none;}

.small{font-size:13px;}

@media all and (max-width: 1200px){
	
	.certification .login_box{text-align:left; position:relative; width:100%; padding:0 0;border-right:none;}
	.certification .login_box_onepass{text-align:left; position:relative; width:100%; padding:0 0;border-top:solid #ddd;border-width:1px 0 0;padding-top:20px;margin-top:30px;}
	
	.login_box_onepass ul.login_form li.last button {background-size:contain;background-color:#1C2674;}	
	
	.login_box .title_box {background-position:center 4px; padding-top:150px; float:none; margin-right:0; width:100%;}
	.login_box ul.login_form {float:none; width:100%; margin-right:0;}
	.login_box ul.login_form li input[type="text"], 
	.login_box ul.login_form li input[type="password"] {width:100%;}
	.login_box ul.login_form li.last{display:block;}
	.login_box ul.login_form li.last button{position:relative; width:100%; right:0; height:60px;}
	.login_box ul.login_form li.txt{display:block;}
	.login_box ul.login_form li.txt.etc{margin-top:45px;}
}

@media all and (max-width: 879px){
	.maypage table colgroup{display:none;}
	.maypage table tbody th{width:100%; float:left; clear:left; display:block; box-sizing:border-box; border-bottom:none; text-align:left;}
	.maypage table tbody td{width:100%; float:left; clear:left; display:block; box-sizing:border-box; /*border-bottom:none;*/ text-align:left; padding-left:0; padding-right:0;}

	.maypage table tbody th.half{width:100%; float:left; clear:left; display:block; box-sizing:border-box; border-bottom:none; text-align:left;}
	.maypage table tbody td.half{width:100%; float:left; clear:left; display:block; box-sizing:border-box;}
	
	.maypage table tbody td .bbs_btn_small{margin-top:2px; margin-bottom:1%; margin-left:0;}
	.maypage table tbody td.half{padding:10px 0;}

	.maypage.add{display:none;}
	.maypage.add.mobile{display:block;}
	.maypage.add.mobile ul {}
	.maypage.add.mobile ul li{padding:10px 0 10px 10px; border-bottom:1px solid #ccc;}
	.maypage.add.mobile ul li.th{background:#f4f4f4; font-weight:bold;}
	.maypage.add.mobile ul li.td{padding-left:0;}
}

@media all and (max-width: 768px){
	.maypage table colgroup{display:none;}
	.maypage table tbody th.half{width:100%; float:left; clear:left; display:block; box-sizing:border-box; border-bottom:none; text-align:left;}
	.maypage table tbody td.half{width:100%; float:left; clear:left; display:block; box-sizing:border-box;}
	.maypage table tbody td input[type="text"]{width:100% !important;}
	.maypage table tbody td input[type="password"]{width:100% !important;}
	.maypage table tbody td.half{padding:10px 0;}
	.interval{float:none; margin-right:0;}
	.halfL5{float:none; margin-bottom:9px; margin-right:0;}
	.again{display:none;}
}

@media all and (max-width:480px){
	.login_box ul.login_form li.txt .ir_text{float:none; width:100%;}
}

/*설문조사 및 교육신청화면*/
.Phrases_box{border-top:2px solid #4b4b4b; background:#f4f4f4; border-bottom:1px solid #ccc; padding:20px 30px; margin-top:50px; text-align:center; font-size:14px;}
.surveyList{margin-top:60px; margin-bottom:60px; overflow:hidden; padding:0 5%;}
.surveyList > li {float:left;margin: 1% 0px;padding:8%; width:48%;/*border: 1px solid #ccc;*/background:#f5f5f5;box-sizing: border-box; border-radius:25px;}
.surveyList > li.bg01{background:#679d33;}
.surveyList > li.bg01:hover{background:#4e7627;}
.surveyList > li.bg02{background:#01acec;}
.surveyList > li.bg02:hover{background:#0185b7;}
.surveyList > li.bg03{background:#df8f2e;}
.surveyList > li.bg03:hover{background:#b17328;}
.surveyList > li.bg04{background:#8d7cb5;}
.surveyList > li.bg04:hover{background:#665a84;}
.surveyList > li:nth-child(even){float:right}
.surveyList > li p.tit{margin-top:3px; margin-bottom:10px; height:60px; line-height:60px; overflow:hidden; text-align:center; color:#fff; font-size:30px; font-weight:bold;}

@media all and (max-width:360px){
	.surveyList > li{width:100%; border-radius:0;}
}


.poll_table.write {border-top: 2px solid #4b4b4b; margin-top:5px;}
.poll_table.write table {width:100%; font-size:14px;}
.poll_table.write table tbody th{width:15%; padding:10px 0 10px 10px; border-bottom:1px solid #d2d2d2; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle;}
.poll_table.write table tbody td{width:85%; padding:10px 15px; border-bottom:1px solid #d2d2d2; }

@media all and (max-width:768px){
	.poll_table.write table colgroup{display:none;}
	.poll_table.write table tbody th{width:100%; float:left; clear:left; display:block; box-sizing:border-box; border-bottom:none;}
	.poll_table.write table tbody td{width:100%; float:left; clear:left; display:block; box-sizing:border-box; padding-left:0; padding-right:0;}
	.poll_table.write input[type="text"]{width:100% !important;}
}

/*table.poll_table.write {width:100%; font-size:14px; border-top: 2px solid #4b4b4b; margin-top:5px;}
table.poll_table.write thead th{padding:10px 0 10px 10px; border-bottom:1px solid #ccc; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle;}
table.poll_table.write tbody th{padding:10px 0 10px 10px; border-bottom:1px solid #ccc; background:#f4f4f4; font-weight:600; text-align:center; vertical-align:middle;}
table.poll_table.write tbody td{line-height:160%;vertical-align:middle;color:#4d4d4d;border-width:1px 0 0 1px;}
table.poll_table.write tr th.borL0,
table.poll_table.write tr td.borL0 {border-left:0;}
table.poll_table.write tbody th.half{width:15%;}
table.poll_table.write tbody td.half{width:35%; padding:10px 10px; border-bottom:1px solid #ccc;}*/


table.poll_table.view {width:100%;margin-top:20px; margin-bottom:40px;}
table.poll_table.view.auto_h {table-layout:auto;}
table.poll_table.view.auto_h th {float:initial;width:15%;}
table.poll_table.view.auto_h td {float:initial;}
table.poll_table.view tbody{border-top:solid 2px #4b4b4b;}
table.poll_table.view th{float:left; width:25%;padding:12px 10px;border-bottom:1px solid #d2d2d2;background:#f4f4f4;font-weight:500;text-align:center;}
table.poll_table.view td{float:left; width:75%;padding:12px 10px 12px 25px;border-bottom:1px solid #d2d2d2;}
table.poll_table.view td input,table.poll_table.view td select{height:30px;box-sizing:border-box;line-height:28px;}
table.poll_table.view td.subject input,table.poll_table.view td.file input[type="text"]{width:100%;}
table.poll_table.view td textarea{width:100%;height:300px;box-sizing:border-box;}
table.poll_table.view td input[type="file"]{width:80%;}
table.poll_table.view td th,table.poll_table.view td td{border-bottom:1px solid #d2d2d2;}
table.poll_table.view td img{vertical-align:middle;}
table.poll_table.view td.substance{padding:20px 10px;}
.Request_information{padding:30px; border-bottom:1px solid #ccc;}

table.poll_table.list { width: 100%;margin-top:20px; margin-bottom:40px;}
table.poll_table.list thead tr:first-child th { border-top: 2px solid #4b4b4b;border-bottom: 1px solid #d2d2d2;}
table.poll_table.list th {padding: 12px 10px;border-bottom: 1px solid #d2d2d2;text-align: center;font-weight:600;vertical-align: middle;background:#f4f4f4;}
table.poll_table.list td {padding: 12px 10px;border-bottom: 1px solid #d2d2d2;color:#454545;}

.progress_bar {width: 100%; background-color:#f4f4f4;}
.progress_bar div {height:20px; width: 0;background-repeat: repeat-x;background-position: left top;font-size: 0;line-height: 0; text-indent: -9999px;overflow: hidden;}
.bar_green div {background:#009345; /*background-image: url(../../images/icon/green_bar.gif);*/}

.qi_box {margin:30px 0 0;}
.qi_box > li {margin: 0 0 40px;}
.qi_box em {display:block; margin:0 0 15px;}
.qi_box em.tit span {display: inline; margin:0 0 10px;font-size:15px;color:#000;font-weight: 700; vertical-align:middle;}
.qi_box em.tit span.badge {display: inline-block;width: auto;min-width:40px;height: 25px;line-height: 25px;margin: 0 5px 0 0;padding: 0 5px; letter-spacing: 0.05em;color: #fff;font-size:14px;text-align: center;}
.qi_box > li > ul {}
.qi_box > li > ul > li {margin: 0 0 15px;}
.qi_box > li > ul > li > div {}
.qi_box > li > ul > li > div span {}
.qi_box > li > ul > li > div .ui-bar {}
.qi_box > li > ul > li label{position:relative; padding-left:30px; padding-top:5px; font-size:16px;}
.qi_box > li > ul > li label input[type="checkbox"], input[type="radio"]{width:25px; height:25px; position:absolute; top:4px; left:0;}

.yblack {background-color:#2d498f !important;}

@media all and (max-width:768px){
	table.poll_table.view{border-bottom:none;}
	table.poll_table.view.auto_h th {width:100%;}
	table.poll_table.view th{display:block;width:100%;padding:10px 20px;background-color:#f9f9f9;border:0;border-bottom:1px dashed #d2d2d2;color:#4f7eaf;font-size:15px;text-align:left;font-weight:bold;}
	table.poll_table.view td{display:block;width:100%;padding:10px 20px;border-bottom-color:#d2d2d2;}
    table.poll_table.view td.subject{padding:10px 20px;font-size:14px}
	table.poll_table.view td input[type="file"]{width:100%;}

	table.poll_table.list colgroup {display:none;}
    table.poll_table.list thead.th th{display:none;}
    table.poll_table.list tbody.tb tr{border-bottom: 1px solid #d2d2d2;border-top: 1px solid #fff;}
    table.poll_table.list tbody.tb tr.odd{background:none;}
    table.poll_table.list tbody.tb tr.even{background:none;}
    table.poll_table.list tbody.tb td{display:block;padding: 6px 10px 6px;border:none;text-align:left;box-sizing:border-box;}
    table.poll_table.list tbody.tb td:first-child{display:none;}
    table.poll_table.list tbody.tb td:first-child{display:block;}
    table.poll_table.list [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;}
    table.poll_table.list tbody.tb th {display: block; padding: 10px 0;background-color:#009345;color: #fff;}
}

/*자료실*/
.guide_Box{margin-top:30px; margin-bottom:50px; overflow:hidden;}
.guide_Box > div.ml0{margin-left:0;}
.guide_Box.col3 > div{width:33.3%;}
.guide_Box.col4 > div{width:25%;}
.guide_Box > div{float:left; width:30.65%; background:#fff; display:block; /*margin-top:5%; margin-left:4%;*/ border:10px solid transparent;}
/*.guide_Box > div.width30{float:left; width:28.5%; background:#fff; display:block; margin-top:5%; margin-left:5%;}*/
.guide_Box > div .img_area{overflow:hidden; border:1px solid #ccc; text-align:center; padding:10% 0;}
.guide_Box > div .img_area.po0{padding:0;}
.guide_Box > div .img_area.po0 img{width:100%;}
.guide_Box > div .img_txt{margin-top:5%; text-align:center; font-size:14px; font-weight:bold; height:45px;}
.guide_Box > div .view{margin-top:5%; text-align:center;}
.guide_Box > div .e-book{margin-top:5%; text-align:center;}

.puboffice{border-top: 2px solid #4b4b4b;}
.puboffice .item {}
.puboffice .item .thumb-box {min-height:200px;padding:30px 0;border-bottom:1px solid #ccc;}
.puboffice .item .thumb-box:after{display: block; clear:both; visibility: hidden; content: '';}
.puboffice .item .thumb-box .thumb-image {overflow:hidden;float:left;width:292px;height:165px;border: 1px solid #ccc;}
.puboffice .item .thumb-box .thumb-image span {display: block;position: relative; width:100%; height:100%;}
.puboffice .item .thumb-box .thumb-image span img {display: block;/*position: absolute;top: 50%;left: 50%;width:auto;max-width:1000%;height:105%;*/}
.puboffice .item .thumb-box .thumb-image span .is_movie{overflow:hidden; position:absolute; z-index:20; top:65%; left:50%; 
	                       width:34px; height:34px; margin:-50px 0 0 -17px; background: url(../img/icon/bbs_movie_over.png) center center no-repeat; font-size: 0; text-indent:-100%;}
.puboffice .item .thumb-box .thumb-info {float:left;width: calc(100% - 300px);padding-left:30px;}
.puboffice .item .thumb-box .thumb-info strong {display:block; font-weight:700; font-size:16px; color:#000;}
.puboffice .item .thumb-box .thumb-info strong a{font-size:15px;}
.puboffice .item .thumb-box .thumb-info ul {}
.puboffice .item .thumb-box .thumb-info ul li {margin: 7px 0;font-size:14px; position:relative;}
.puboffice .item .thumb-box .thumb-info ul li:before {top:10px;}
.puboffice .item .thumb-box .thumb-info ul li b {position:absolute; left:0; top:0; color:#333;}
.puboffice .item .thumb-box .thumb-info .btn-box {margin:20px 0 0;}
.puboffice .item .thumb-box .thumb-info .btn-box a {width:180px;}

.contentsBox{background:#f4f4f4; padding:20px 400px 20px 20px; margin:30px 0 30px; position:relative; box-sizing:border-box;}
.contentsBox .down {position:absolute; right:36px; top:20%; margin:0;}
a.btn {position: relative;display:inline-block;margin:0;height:auto;line-height:inherit;padding:12px 30px 12px 30px; border-radius:30px;
	  background:#fff; box-sizing: content-box;}
a.btn.download { border-color:#df8f2e; background:#df8f2e; color:#fff; font-weight:bold;}
a.btn:visited, a.btn:hover {font-weight:bold;}

.orange{color:#ff6600 !important; font-weight:bold !important;}

@media all and (max-width:768px){
	.guide_Box > div .img_txt{height:50px; line-height:20px;}

	.puboffice .item .thumb-box {min-height:auto; padding:30px 5%;}
    .puboffice .item .thumb-box .thumb-image {float:none;width:100%;height:auto;}
    .puboffice .item .thumb-box .thumb-image span img {position:relative; left:auto; top:auto; width:100%; height:auto;transform: translate(0);-webkit-transform: translate(0);}
    .puboffice .item .thumb-box .thumb-info {float:none;width:100%;margin:20px 0 0;padding:0;}
    .puboffice .item .thumb-box .thumb-info .btn-box {text-align:center;}
    .puboffice .item .thumb-box .thumb-info .btn-box a {text-align:left}

    .contentsBox{padding:20px;}
    .contentsBox p{margin-bottom:2%;}
    .contentsBox .down{width:100%; position:static;}
    /*a.btn{border-radius:0; width:90%;}*/
    a.btn.download{margin-bottom:2%;}
    .guide_Box.col4 > div{width:100%;}
}

@media all and (max-width:540px){
	.guide_Box > div{width:100%; margin-left:0;}
	.guide_Box > div .e-book{margin-top:0;}

	.puboffice .item .thumb-box .thumb-info .btn-box a {width:100%;}
}


/*운영지원, 보육교직원전문강화사업, 운영관리사업*/
.bu{margin:30px 0 0 0; display:block; width:100%; overflow:hidden;}
.bu > dt{float:left; width:8%;}
.bu > dt.cont_tit{border-radius:50px; background:#2d498f; padding:3px 0 6px 0; color:#fff; text-align:center;}
.bu > dt.cont_tit.w13{width:13%;}
.bu > dd{float:left; width:90%;padding-left:15px; padding-top:4px;word-break:keep-all;}
.bu > dd.width87{width:87%; padding-top:5px;}

.yeonsu{margin-top:30px;}
.yeonsu > li{display:inline-block; overflow:hidden; width:48.68%; margin-right:2%;/*width:49.67%;*/ /*min-height:200px;*/border:1px solid #df8f2e; border-bottom:none; box-sizing:border-box;}
.yeonsu > li.mr0{margin-right:0;}
.yeonsu > li > div {padding:3% 0; color:#fff; font-size:18px; background:#df8f2e; font-weight:bold; text-align:center;}
.yeonsu > li > div strong{display:block; padding-bottom:10px; font-size:18px; letter-spacing:-1px;}
.yeonsu > li > ul.list{}
.yeonsu > li > ul.list > li{border-bottom:1px solid #df8f2e; padding:3% 0; text-align:center; vertical-align:middle; height:65px; line-height:35px;}

.yeonsu2{margin-top:30px;}
.yeonsu2 > li{display:inline-block; overflow:hidden; width:48.68%; margin-right:2%;/*width:49.67%;*/ /*min-height:200px;*/border:1px solid #8d7cb5; border-bottom:none; box-sizing:border-box;}
.yeonsu2 > li.mr0{margin-right:0;}
.yeonsu2 > li > div {padding:3% 0; color:#fff; font-size:18px; background:#8d7cb5; font-weight:bold; text-align:center;}
.yeonsu2 > li > div strong{display:block; padding-bottom:10px; font-size:18px; letter-spacing:-1px;}
.yeonsu2 > li > ul.list{}
.yeonsu2 > li > ul.list > li{border-bottom:1px solid #8d7cb5; padding:3% 0; text-align:center; vertical-align:middle; height:65px; line-height:35px;}

.sub_img{margin-top:30px;}
.sub_img img{border:1px solid #ccc; padding:2%;}

@media all and (max-width:1200px){
	.sub_img img{width:100%;}
}

@media all and (max-width:900px){
	.yeonsu > li{width:100%;}
	.yeonsu > li{margin-right:0; margin-bottom:2%;}
	.yeonsu > li > ul.list > li{height:auto;}
	
	.yeonsu2 > li{width:100%;}
	.yeonsu2 > li{margin-right:0; margin-bottom:2%;}
	.yeonsu2 > li > ul.list > li{height:auto;}

	.sub_img img{width:100%;}
}

@media all and (max-width:768px){
	.bu > dt{float:none; width:100%;}
	.bu > dd{float:none; width:100%; padding-top:2%;}
	.bu > dt.cont_tit.w13{width:100% !important;}
	.bu > dt.cont_tit.w10{width:100% !important;}
	.bu > dt.cont_tit.w15{width:100% !important;}
	.bu > dd.width87{width:100% !important;}
	.bu > dd.w85{width:100% !important;}
	.bu > dd.w90{width:100% !important;}
}


/*소개*/
.ui-process{display:table; width:100%; position:relative; margin-top:30px;}
.ui-process > li{position:relative; float:left; width:14.80%; /*height:75px;*/ margin-right:20px; text-align:center; color:#505050; border:1px solid #71ac23;}
.ui-process > li:last-child {margin:0;}
.ui-process > li:after{content:""; display:inline-block; position:absolute; top:35%; right:-20px; width:17px; height:38px; background:url(../img/icon/ir_arrow_ov.png) no-repeat 0 0;}
.ui-process > li:last-child:after{background:none;}
.ui-process > li > div{padding:25px 0; font-size:14px; background:#fff; line-height:1.3; text-align:center; position:relative; display:block; height:75px;}
.ui-process > li > div.pdt20{padding-top:20px;}
.ui-process > li > div.pdt10{padding-top:10px;}
.ui-process > li > div br{display:block;}
.ui-process > li > div.topline{border-top:1px solid #71ac23; background:#71ac23 url(../img/icon/bg_pattern1.png) repeat; color:#fff;}

/*공모전개요*/
.ui-process2{display:table; width:100%; position:relative; margin-top:20px;}
.ui-process2 > li{position:relative; float:left; width:10.3%; margin-right:20px; text-align:center; color:#505050; border:1px solid #71ac23;}
.ui-process2 > li:last-child {margin:0;}
.ui-process2 > li:after{content:""; display:inline-block; position:absolute; top:35%; right:-20px; width:17px; height:38px; background:url(../img/icon/ir_arrow_ov.png) no-repeat 0 0;}
.ui-process2 > li:last-child:after{background:none;}
.ui-process2 > li > div{padding:30px 0 25px 0; font-size:14px; background:#fff; line-height:1.3; text-align:center; position:relative; display:block; height:85px;}
.ui-process2 > li > div.pdt20{padding-top:20px;}
.ui-process2 > li > div.pdt10{padding-top:10px;}
.ui-process2 > li > div br{display:block;}
.ui-process2 > li > div.topline{border-top:1px solid #71ac23; background:#71ac23 url(../img/icon/bg_pattern1.png) repeat; color:#fff;}

.box{padding:30px; background:#f5f8fa; margin:20px 0; border-top:2px solid #4b4b4b;}

.aiBox {border: 1px solid #ccc;background: url(../img/icon/bgGrid.png);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-left:20px; margin-top:20px; padding:50px 30px; text-align:center;}

/*수상작안내*/
.CompWrap{display:inline-block; width:100%; margin-bottom:0; margin-top:40px;}
.CompWrap:before{content: ''; clear:both; display:block;}
.CompWrap .ComLeft{float:left;}
.CompWrap .ComRight{float:right;}

.Awards_list{/*border-top:2px solid #4b4b4b;*/}
.Awards_list .dataList{overflow:hidden; padding:30px 0; box-sizing:border-box;}
.Awards_list .dataList > li{position:relative; float:left; width:30%;  
	                        border-bottom:50px solid transparent;
	                        border-right:10px solid transparent; border-left:10px solid transparent;}
/*.Awards_list .dataList > li:nth-child(1){border-left:0;}*/
.Awards_list .dataList.col3 > li{width:33.3%;}
.Awards_list .dataList.col4 > li{width:25%;}
.Awards_list .dataList > li > a{position:relative;}
.Awards_list .dataList > li > a p{position:relative;}
.Awards_list .dataList > li > a p img.img_2015{width:260px;}
/*.Awards_list .dataList > li > a .img{position: relative; display:block; border:1px solid #ccc; box-sizing:border-box;}*/
/*.Awards_list .dataList > li > a .img .medal{position:absolute; top:0; left:0;}*/
.Awards_list .dataList > li .img_txt{margin-top:5%; text-align:center; font-size:16px; padding:0 10px; font-weight:bold; display: inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Awards_list .dataList > li .img_txt > span{font-weight:normal; font-size:13px;}

@media all and (max-width:1200px){
	.Awards_list .dataList.col4 > li{width:50%;}
	.Awards_list .dataList.col3 > li{width:50%;}
	.Awards_list .dataList > li > a p img.img_2019{width:100%;}
	.Awards_list .dataList > li > a p img.img_2017{width:100%;}
	.Awards_list .dataList > li > a p img.img_2016{width:100%;}

}

@media all and (max-width:1024px){
	.ui-process > li{width:100%;margin-right:0; margin-bottom:5%;}
	.ui-process > li:after{bottom:auto;right:auto;left:49%;top:auto;transform:rotate(90deg)}
	.ui-process > li > div br{display:none;}
	.ui-process > li > div.pdt10{padding-top:25px;}
	.ui-process > li > div.pdt20{padding-top:25px;}

	.ui-process2 > li{width:100%;margin-right:0; margin-bottom:5%;}
	.ui-process2 > li:after{bottom:auto;right:auto;left:49%;top:auto;transform:rotate(90deg)}
	.ui-process2 > li > div br{display:none;}
	.ui-process2 > li > div.pdt10{padding-top:25px;}
	.ui-process2 > li > div.pdt20{padding-top:25px;}

	.Awards_list .dataList.col4 > li{width:100%;}
	.Awards_list .dataList.col3 > li{width:100%;}
	.Awards_list .dataList > li > a p img.img_2019{width:100%;}
	.Awards_list .dataList > li > a p img.img_2017{width:100%;}
	.Awards_list .dataList > li > a p img.img_2016{width:100%;}
}

@media all and (max-width:660px){
	.ui-process > li{margin-bottom:6%;}
	.ui-process2 > li{margin-bottom:6%;}

}

@media all and (min-width:661px) and (max-width:479px){
	.ui-process > li{margin-bottom:8%;}
	.ui-process2 > li{margin-bottom:8%;}
}

@media all and (max-width:480px){
	.ui-process > li{margin-bottom:11%;}
	.ui-process2 > li{margin-bottom:11%;}

	.CompWrap .ComLeft{float:none; width:100%;}
	.CompWrap .ComLeft .selectBox{width:100%;}
	.CompWrap .ComRight{float:none; width:100%; margin-top:5%; text-align:center;}
}

.mscroll_guide{display:none;}


#board{width:100%; margin:0 auto;}
#board .top {position:relative; height:40px; margin-top:50px;}
#board .cal_top {position:relative; margin:0 auto; text-align:center; width:300px;}
#board .cal_top a:hover {text-decoration:none;}
#board .cal_top .t_arrow {float:left; display:inline-block; width:27px; height:20px;}
#board .cal_top .t_arrow.y_pre {background:url(../img/icon/calendar_y_pre.gif) no-repeat right 0;}
#board .cal_top .t_arrow.y_pre:hover {background:url(../img/icon/calendar_y_pre_over.gif) no-repeat right 0;}
#board .cal_top .t_arrow.m_pre {background:url(../img/icon/calendar_m_pre.gif) no-repeat center 0; margin-right:7px;}
#board .cal_top .t_arrow.m_pre:hover {background:url(../img/icon/calendar_m_pre_over.gif) no-repeat center 0; margin-right:7px;}
#board .cal_top .t_arrow.y_next {background:url(../img/icon/calendar_y_next.gif) no-repeat left 0;}
#board .cal_top .t_arrow.y_next:hover {background:url(../img/icon/calendar_y_next_over.gif) no-repeat left 0;}
#board .cal_top .t_arrow.m_next {background:url(../img/icon/calendar_m_next.gif) no-repeat center 0; margin-left:7px;}
#board .cal_top .t_arrow.m_next:hover {background:url(../img/icon/calendar_m_next_over.gif) no-repeat center 0; margin-left:7px;}
#board .cal_top .t_date {float:left; font-size:30px; font-weight:bold; color:#414141; letter-spacing:0; margin-top:-15px;}
/*#board .cal_top .t_today {position:absolute; top:0; right:-48px; width:40px; height:20px; background:url(../img/icon/calendar_today.gif) no-repeat 0 0; font-size:11px; letter-spacing:-1px; line-height:19px;}*/
/*#board .cal_top .t_today:hover {color:#000;}*/
#board .cal_right {float:right; padding-bottom:5px;padding-top:10px;}
#board .cal_right li {float:left;}
#board .cal_right li img {height:20px;padding-left:3px;}

#board .cal_blist {clear:both;}
#board .cal_blist table{width:100%; line-height:16px; border-collapse:collapse; border:1px solid #ccc; border-top:2px solid #4b4b4b;}
/*#board .cal_blist table caption{display:none;}*/
#board .cal_blist th{padding:12px 0;}
#board .cal_blist thead th {border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; width:14.2%;}
#board .cal_blist thead th.sun {color:#D92D1E;}
#board .cal_blist thead th.sat {color:#4A84BC;}
#board .cal_blist tbody td {height:70px; border-left:1px solid #ccc; background:#fff; line-height:140%;vertical-align:top; border-bottom:1px solid #ccc; padding:5px 7px;}
#board .cal_blist tbody td span.m_day{font-style:normal; display:none;}
#board .cal_blist tbody td a{font-size:12px;}
#board .cal_blist tbody td a:hover{text-decoration:underline;}
#board .cal_blist tbody td img {vertical-align:middle; padding-right:3px;}
.t_today {width:40px; height:20px; background:url(../img/icon/calendar_today.gif) no-repeat 0 0; font-size:11px; letter-spacing:-1px; line-height:19px; text-align:center; display:inline-block;}
.sun{color:#ff0000;}
.day{color:#000;}
.sat{color:#4A84BC;}
.close{display:inline-block;padding:0 2px 3px 2px;color:#fff;font-weight:bold;font-size:11px;line-height:13px;background:#e64761;} /*휴관일*/
.holiday{display:inline-block;padding:0 2px 3px 2px;color:#fff;font-weight:bold;font-size:11px;line-height:13px;background:#ff7f02;} /*공휴일*/

.label_box{margin-top:20px; margin-bottom:50px; padding:20px 20px;font-size:15px;color:#3f3f3f;border:1px solid #dcdcdc;background:#f4f4f4; overflow:hidden;}
.label_box strong{float:left; position:relative;}
.label_box strong:after{position:absolute;top:0;right:-20px;width:1px;height:20px;background:#dedede;content:''}
.color_list{float:left; margin-left:20px; width:90%;}
.color_list > li{float:left; width:16%; font-size:13px; text-align:center;}
.sh01{display:inline-block;padding:0;color:#fff;font-weight:bold;font-size:11px;line-height:9px;background:#ff0000; text-indent:-999999px; width:10px; margin-right:2%;}
.sh02{display:inline-block;padding:0;color:#fff;font-weight:bold;font-size:11px;line-height:9px;background:#05a548; text-indent:-999999px; width:10px; margin-right:2%;}
.sh03{display:inline-block;padding:0;color:#fff;font-weight:bold;font-size:11px;line-height:9px;background:#2c95de; text-indent:-999999px; width:10px; margin-right:2%;}
.sh04{display:inline-block;padding:0;color:#fff;font-weight:bold;font-size:11px;line-height:9px;background:#a901db; text-indent:-999999px; width:10px; margin-right:2%;}
.sh05{display:inline-block;padding:0;color:#fff;font-weight:bold;font-size:11px;line-height:9px;background:#e247d5; text-indent:-999999px; width:10px; margin-right:2%;}
.sh06{display:inline-block;padding:0;color:#fff;font-weight:bold;font-size:11px;line-height:9px;background:#000; text-indent:-999999px; width:10px; margin-right:2%;}

@media all and (max-width:768px){
	#board .cal_blist table{border-left:none; border-right:none; border-bottom:none;}
	#board .cal_blist table colgroup col{width:100% !important;}
	#board .cal_blist tbody td span.m_day{display:inline-block;}
	#board .cal_blist thead{display:none;}
	#board .cal_blist tbody td{width:100%; border-left:0; float:left; height:auto; border-right:0; padding:10px;}

	.label_box{padding:10px 15px;}
	.label_box strong{display:block; text-align:center; float:none;}
	.label_box strong:after{top:auto; right:0; bottom:-10px; width:100%; height:1px;}
	.color_list{width:100%; float:none; margin-left:0; margin-top:30px;}
	.color_list > li{width:100%; text-align:left;}
}


/*페이지 준비중*/
.icon_box{min-height:60px;text-align:center;border:4px solid #ebf0f2;}
.icon_box .area{display:inline-block;padding:250px 5% 60px 5%;text-align:center;}
.icon_box .bx_tit{padding-bottom:20px;font-family:'NotoKrL';font-size:30px;color:#000;letter-spacing:-0.05em; line-height:1.2;}
.icon_box .bx_tit strong{font-family:'NotoKrB';}
.icon_box p{font-size:20px;font-family:'NotoKrR';color:#000;line-height:25px;word-break:keep-all;}
.icon_box .area.icon1{width:100%;background:url(../img/comm/iconbox_icon1.png) no-repeat center 30%;}



/*에러 페이지 500 */
.error_box{padding:200px 50px 100px 50px; margin-bottom:50px; text-align:center;}
.error_box .bx_tit_500{display:block;font-size:100px;color:#000; padding-top:80px; line-height:90px; width:100%; text-align:center;}
.error_box > p{display:block;padding-top:60px;}
.btn_main{margin:2%; text-align:center;}
.btn_main a{background: #324961; display:block;width:20%; margin:0 auto; line-height:50px; text-align:center; font-size:16px; color:#fff;}

@media only screen and (max-width:1200px){
	.error_box{padding:100px 0;}
	.btn_main a{width:100%;}
}

.agreeArea{}
.agreeArea h3 {font-size: 20px; font-family: "notoKrM", sans-serif; font-weight: 500; color: #31343f; margin-bottom:10px;}
.agreeArea .agreeBox {height:150px; background:#fff; padding:20px 15px; border:1px solid #ccc; color: #000;}
.agreeArea .agreeTxt .inCk {height: auto; line-height: 16px;}
.agreeBox {overflow:hidden; overflow-y:auto; height:152px; margin-bottom:7px; border:1px solid #e5e5e5; }
.agreeBox .inner {overflow:hidden; line-height:170%; padding:18px 20px; }
.agreeBox .inner p {margin-bottom:4px; }
.agreeTxt {overflow:hidden; width:100%; position:relative;}
.agreeTxt .inCk{height:auto; line-height:16px; position:relative;}
.agreeTxt .inCk input[type="radio"]{width:15px; height:20px; position:relative; top:2px;}
.agreeTxt .inCk input[type="radio"] + label {display: inline-block;vertical-align: middle;margin:0px 20px 0 -15px;;padding-left:20px;}

@media only screen and (max-width:768px){
	.add_area input[type="text"]{width:100% !important; margin-bottom:2%}
}


/*사이트맵*/
.sitemap .bx {padding:40px 0 20px;min-height: 200px;}

.sitemap .cont{float:left;width:100%;}
.sitemap .cont > ul > li{float:left;width:24%;margin:0 0 10px 12px;}
.sitemap .cont > ul > li > div{ text-align:center; height:70px; line-height:60px; padding:0 10px; background: #71ac23 url(../img/icon/bg_pattern1.png) repeat;}
.sitemap .cont > ul > li > div.line2{line-height:25px; padding-top:5px;}
.sitemap .cont > ul > li > div strong{font-size:18px; color:#fff; vertical-align:middle;}
.sitemap .cont > ul > li:nth-child(4n+1){clear:both;}
.sitemap .cont > ul > li > .sitemapul{margin:10px 0 50px 0; display:block; width:100%;}
.sitemap .cont > ul > li > .sitemapul > li{line-height:160%; border-bottom:1px solid #ddd; padding:5px 0;}
.sitemap .cont > ul > li > .sitemapul > li .site_depth3{padding-left:15px; padding-top:5px; padding-bottom:5px;}
.sitemap .cont > ul > li > .sitemapul > li .site_depth3 > li{background:url(../img/icon/bul_dot.gif) no-repeat 0 center; padding-left:8px; line-height:160%;}
.sitemap .cont > ul > li > .sitemapul > li .site_depth3 > li > a{font-size:13px;}


@media only screen and (max-width:1024px){
	.sitemap .cont > ul > li{width:100%; margin:0 0 10px 0;}
	.sitemap .cont > ul > li > .sitemapul > li{padding:10px 0;}
	.sitemap .cont > ul > li > .sitemapul{margin-bottom:20px;}
	.sitemap .cont > ul > li > div.line2{line-height:60px; padding-top:0;}
	.sitemap .cont > ul > li > div strong br{display:none;}
}