@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

/* /*---------- reset ----------*/ */
/* html{margin: 0; padding: 0; overflow-y: scroll;} */
/* body{margin: 0; padding: 0; position: relative; margin: 0; font-family: 'Nanum Gothic', 'malgun Gothic', 'Dotum'; font-size: 13px; font-weight: 300; line-height: 1.5; -webkit-text-size-adjust: none;} */
/* header, h1, h2, h3, h4, h5, h6, section, p, ol, ul, dl{margin: 0; padding: 0;} */
/* button, select, input, textarea{font-family: 'Nanum Gothic', 'malgun Gothic', 'Dotum';} */
/* table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0;	border: 0;} */
/* iframe{border: 0;} */
/* li, dt, dd{margin: 0; padding: 0; list-style: none;} */
/* a{text-decoration: none; color: inherit;} */
/* img{border: 0;} */
/* em{font-style: normal;} */
/* hr{display: none;} */
/* p{font-size: 14px;} */
/* section{max-height: 999999px;} */
/* caption{left: -9999px; width: 0.01em; height: 0.01em; font-size: 0.1em; line-height: 0.01em; visibility: hidden; overflow: hidden;} */

/*---------- module ----------*/
/* 2016 renewal common.css로 이동 */
/*accessibility */
/* .ir-wa{display: block; overflow: hidden; position: relative; width: 100%; height: 100%; z-index: -1;} */
/* .blind{display: block; overflow: hidden; position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0.1em; line-height: 0.01em; text-indent: -9999px} */

.skipnavi{position: relative; width: 1000px; height: 0;margin: 0 auto; z-index: 10000; }
.skipnavi a{display: block; position: absolute; top: -500px; left: 0; font-size: 1px; text-indent: -10000px; overflow: hidden;}
.skipnavi a:active, .skipnavi a:focus{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 20px; padding: 5px 0; background-color: #e41c39; border: 1px solid #cecece; font-size: 14px; color: #fff; text-indent: 0; text-align: center;}

/* alignment */
.align-left{text-align: left !important;}
.align-center{text-align: center;}
.align-right{text-align: right;}

/* float */
.f-l{float: left;}
.f-r{float: right}

/* em */
.em-slightier{color: #777;}
.em-weight{color: #5980d7 !important;}
.em-weight02{color: #d24444 !important;}
.em-weightier{color: #ff7d22 !important;}

/* heading */
.h-type01{display: inline-block; height: 26px; width: 122px; margin-left: 10px; padding: 0 10px; font-size: 14px; font-weight: bold; line-height: 26px; text-align: center; color: #fff; background-color: #8a8a8a; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; behavior: url(/kidsnavi/css/PIE.htc);}
.h-type02{margin-bottom: 15px; padding-left: 28px; font-size: 16px; color: #585858; background: url(/images2/web/common/bl_type03.png) no-repeat 0px 3px;}
.h-type03{margin-bottom: 20px; font-size: 18px; color: #585858;}
.h-type04{margin-bottom: 5px; font-size: 13px; color: #585858;}
.h-type05{position: relative; margin-bottom: 12px; padding-left: 35px; font-size: 16px; color: #585858; background: url(/images2/web/common/bl_type04.png) no-repeat 7px 3px;}
.h-type05 .side{position: absolute; top: 0; right: 0;}
.h-type06{margin-bottom: 15px; font-size: 18px; color: #585858;}
.h-type07{position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 16px; color: #585858; background: url(/images2/web/common/bl_type01.png) no-repeat 0 9px;}
.h-type07 .side{position: absolute; top: 0; right: 0;}
.h-type08{position: relative; margin-bottom: 22px; padding: 6px 0 10px 35px; font-size: 14px; color: #515151; border-bottom: 2px solid #e4e4e4; background: url(/images2/web/common/bl_type05.png) no-repeat 12px 10px;}
.h-type08 .side{position: absolute; top: 0; right: 0;}
.h-type09{margin-bottom: 15px; font-size: 13px; color: #ff7d22;}
.h-type10{margin-bottom: 5px; font-size: 13px; color: #555;}
.h-type10.t_2{margin-bottom: 10px;}
.h-type11{margin-bottom: 10px; padding-left: 10px; font-size: 14px; color: #ef633d; background: url(/images2/web/common/bl_type06.png) no-repeat 0 9px;}
.h-type11.t_2{margin-bottom: 5px;}

/* label */
label{display: inline-block; font-size: 13px; font-weight: bold; vertical-align: middle; color: #585858;}
label input[type="checkbox"]{margin: -2px 3px 0 0;}

.lb-type70{width: 70px;}
.lb-type01{width: 85px;}
.lb-type02{width: 100px;}
.lb-type03{width: 115px;}
.lb-type04{width: 130px;}
.lb-type05{width: 50px;}

/* input */
/* input[type="checkbox"]{position: absolute; width: 2px; height: 2px; padding: 0; margin: -1px; overflow: hidden;  clip:rect(0,0,0,0); border: 0} */
/* input[type="checkbox"]:focus{outline:none;} */
/* input[type="checkbox"] + label{position: relative; display: inline-block; min-height: 20px; padding-left: 20px; line-height: 18px; cursor: pointer; background: url(/images2/web/common/bg_checkbox.png) no-repeat 0 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} */
/* input[type="checkbox"] + label.on{background-image: url(/images2/web/common/bg_checkbox_on.png);} */

input[type="radio"]{display: inline-block; vertical-align: middle;}

textarea{display: inline-block; width: 98%; padding: 1%; font-size: 11px; line-height: 20px; vertical-align: middle; color: #555555; border: 1px solid #ddd;}
textarea + .count{margin: 5px 5px 0 0; text-align: right;}
textarea.m{height: 100px;}
textarea.xxl{height: 66px;}
textarea.xxl02{width: 98.9%; height: 300px;}
textarea.xxl03{width: 98.9%; height: 120px;}



select.s{width: 80px;}
select.m{width: 120px;}
select.m2{width: 180px}
select.l{width: 285px;}
select.xxl{width: 100%;}

.select02{position: relative; display: inline-block; vertical-align: middle; background: url(/images2/web/common/arrow_type05.gif) no-repeat right center;}
.select02:after{content: ""; position: absolute; top: 1px; right: 1px; display: block; width: 22px; height: 28px; background: #fff url(/images2/web/common/arrow_type05.gif) no-repeat left center; z-index: 10;}
.select02 select{display: inline-block; height: 30px; line-height: 26px; vertical-align: middle; border: 1px solid #ddd; background: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
.select02 select::-ms-expand { display: none;}

.input{display: inline-block; padding: 0 0 0 5px; font-size: 12px; vertical-align: middle; color: #555; border: 1px solid #ddd;}
.input.s{width: 60px;}
.input.m90{width:95px;}
.input.m{width: 126px;}
.input.m2{width: 180px}
.input.l{width: 285px;}
.input.xxl{width: 98%;}

.input2{display: inline-block; height: 28px; padding: 0 0 0 5px; line-height: 28px; font-size: 12px; vertical-align: middle; color: #929292; background-color: #ededed; border: 1px solid #ededed;}

/* btn */
.btn{display: inline-block; text-align: center; vertical-align: middle; cursor: pointer;}
.btn.m{width: 86px; height: 24px; font-size: 13px; font-weight: bold; line-height: 24px;}
.btn.l{width: 140px; height: 30px; padding: 0 5px; font-weight: bold; line-height: 30px;}
.btn.xl{width: 106px; height: 65px; font-size: 13px; font-weight: bold; line-height: 65px;}

.btn.slight{color: #585858; border: 1px solid #e3e3e3; background-color: #ededed;}
.btn.normal{color: #fff; background-color: #808080; border: none;}
.btn.weightier{color: #fff; background-color: #ff7d22; border: none;}

.btn02{display: inline-block; text-align: center;  vertical-align: middle; cursor: pointer;}
.btn02 .ico_{margin: -2px 2px 0 0;}
.btn02.s{height: 25px; padding: 0 7px; font-size: 11px; line-height: 25px;}
.btn02.m{min-width: 70px; height: 30px; padding: 0 5px; font-size: 13px; font-weight: bold; line-height: 30px;}
.btn02.m2{width: 140px; height: 30px; font-size: 13px; line-height: 30px;}
.btn02.l{min-width: 98px; height: 40px; padding: 0 7px; font-size: 16px; font-weight: bold; line-height: 40px;}
.btn02.xxl{min-width: 90px; height: 80px; line-height: 80px;}
button.btn02.m{height: inherit; padding: 6px 5px 7px; line-height: 15px;}
button.btn02.m2{height: inherit; padding: 6px 0 7px; line-height: 15px;}

.btn02.normal{color: #6c6c6c; border: 1px solid #d8dee1;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: 5px;}
.btn02.weight{color: #fff; border: 1px solid #3b4c71; background-color: #31446a; border-radius: 5px;}
.btn02.weightier, .btn02.normal.on{color: #fff; border: 1px solid #ca6106;	
	background: #ffa141; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa141 1%, #ff8d23 65%, #ff7c0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa141), color-stop(65%,#ff8d23), color-stop(100%,#ff7c0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa141', endColorstr='#ff7c0c',GradientType=0 ); /* IE6-9 */ border-radius: 5px;}

.btn_{display: inline-block; vertical-align: middle; text-indent: -1000000px; background-image: url(/images2/web/common/btn_common.png);}
.btn_.login{width: 58px; height: 22px; margin: -1px 5px 0 0; background-position: 0 0;}
.btn_.more{width: 22px; height: 22px; background-position: 0 -30px;}
.btn_.next{width: 22px; height: 22px; background-position: -30px -30px;}
.btn_.notice{width: 70px; height: 23px; margin: -1px 5px 0 0; background-position: -60px 0;}
.btn_.play{width: 32px; height: 22px; background-position: -60px -30px;}
.btn_.pause{width: 22px; height: 22px; background-position: -60px -30px;}
.btn_.pause.active{background-position: -120px -30px;}
.btn_.prev{width: 22px; height: 22px; background-position: -90px -30px;}
.btn_.thumbUp{width: 27px; height: 27px; background-position: 0 -60px;}
.btn_.thumbUp02{width: 43px; height: 43px; background-position: 0 -90px;}
.btn_.top{width: 44px; height: 44px; background-position: -100px -60px;}
.btn_.prev02{width: 15px; height: 24px; background-position: -60px -60px;}
.btn_.next02{width: 16px; height: 24px; background-position: -80px -60px;}
.btn_.exit{width: 20px; height: 20px; background-position: -30px -60px;}
.btn_.guideDown{width: 156px; height: 21px; background-position: 0 -140px;}
.btn_.jpg{width: 61px; height: 21px; background-position: -50px -110px;}
.btn_.ai{width: 61px; height: 21px; background-position: -160px -140px;}
.btn_.adressCopy{width: 76px; height: 21px; background-position: -120px -110px;}

.btn-search{display: inline-block; width: 30px; height: 30px; vertical-align: middle; border: none; background-color: #ff7d22;}
.btn-search02{display: inline-block; padding: 7px; font-size: 0; text-align: center; text-decoration: none; vertical-align: middle; color: #333; background-color: #eee; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;}
.btn-viewMobile{display: block; font-size:25pt; text-align: center; background-color: #f9f9f9; color: #ff9145; margin: 10px 10px 30px 10px; height: 60px; line-height: 60px; border: 1px solid #d7d7d7; border-radius: 2px; }


/* tag */
.tag{display: inline-block; text-align: center; vertical-align: middle;}

.tag.s{min-width: 41px; height: 20px; padding: 1px 2px; font-size: 12px; line-height: 20px;}
.tag.m{min-width: 66px; height: 28px; line-height: 28px;}

.tag.type01{color: #fff; background-color: #ff7d22; border-radius: 0;}
.tag.type02{color: #fff; background-color: #7d7d7d;}
.tag.type03{color: #fff; background-color: #5980d7;}
.tag.type04{color: #fff; background-color: #d1d1d1;}
.tag.type05{color: #fff; background-color: #c6214c;}
.tag.type06{color: #fff; background-color: #27b420;}
.tag.type07{color: #fff; background-color: #555;}
.tag.type08{color: #686868; background-color: #ffffff; border: 1px solid #EE9628;border-radius: 0;}
.tag.type08 i { margin-right:5px; color:#EE9628}
.tag.type09 {color: #fff; background-color: #30A4C2;}
.tag.type10 {color: #fff; background-color: #FF5353;}

/* 2016 renewal common.css로 이동 */
/* logo */
/* .logo_{display: inline-block; vertical-align: middle; background-image: url(/images2/web/common/img_common.png);} */
/* .logo_.kidsnavi{width: 187px; height: 63px; background-position: 0 0;} */
/* .logo_.ssronet{width: 172px; height: 24px; background-position: 0 -70px;} */

/* title */
.tit-type01{color: #515151; border-bottom: 2px solid #e4e4e4;}
.tit-type02{display: inline-block; width: 120px; height: 34px; font-size: 14px; line-height: 34px; text-align: center; color: #fff; background-color: #ff7d22; border-radius: 34px;}
.tit-type02.t_2{background-color: #ef633d;}

/* txt */
.txt-type01{font-size: 13px; line-height: 20px; color: #585858;}
.txt-type02{margin-bottom: 20px; font-size: 14px; line-height: 24px; color: #3b3b3b;}
.txt-type03{margin-left: 10px; font-size: 12px;}
.txt-type04{display: block; margin-bottom: 15px; font-size: 28px; color: #ff8027;}
.txt-agree{margin: 10px 0; font-size: 14px;}
.txt-count{font-size: 13px; color: #ff7d22;}
.txt-count strong{font-size: 18px;}
.txt-warning{position: relative; margin-bottom: 28px; padding-left: 90px; font-size: 13px; color: #58588; background: url(/images2/web/common/bl_check.png) no-repeat 0 4px;}
.txt-warning .tit{position: absolute; top: 0; left: 18px; color: #ff7d22;}
.txt-link01{text-decoration: underline; color: #2156cd;}
.txt-note01{margin-bottom: 20px; font-size: 12px; color: #d24444;}
.txt-note02{margin-top: 6px; font-size: 11px; line-height: 15px; color: #585858;}
.txt-friendSeoul{width: 980px; height: 140px; background: url(/images2/web/seoulKids/bg_seoul01.png) no-repeat 0 0;}
.txt-source{margin-top: 20px; font-size: 11px; text-align: right; color: #4d4d4d;}
.txt-source02{margin-top: 10px; font-size: 11px; text-align: right; color: #4d4d4d;}
.txt-source a{text-decoration: underline; color: #2156cd;}

/* score */
.score-star{display: inline-block; vertical-align: middle; width: 73px; height: 12px; text-indent: -10000px; background: url(/images2/web/common/ico_common.png) no-repeat -90px -20px;}
.score-star span{display: block; height: 12px; background: url(/images2/web/common/ico_common.png) no-repeat -90px 0;}
.score-star .score0{width: 0;}
.score-star .score10{width: 6px;}
.score-star .score10{width: 6px;}
.score-star .score20{width: 15px;}
.score-star .score30{width: 21px;}
.score-star .score40{width: 30px;}
.score-star .score50{width: 36px;}
.score-star .score60{width: 45px;}
.score-star .score70{width: 51px;}
.score-star .score80{width: 60px;}
.score-star .score90{width: 66px;}
.score-star .score100{width: 73px;}

.score-star.l{width: 125px; height: 20px; background-position: -200px 0;}
.score-star.l span{height: 20px; background-position: -200px -30px;}
.score-star.l .score10{width: 10px;}
.score-star.l .score20{width: 25px;}
.score-star.l .score30{width: 36px;}
.score-star.l .score40{width: 50px;}
.score-star.l .score50{width: 63px;}
.score-star.l .score60{width: 75px;}
.score-star.l .score70{width: 89px;}
.score-star.l .score80{width: 100px;}
.score-star.l .score90{width: 115px;}
.score-star.l .score100{width: 125px;}

/* list */
.list-type01 li{position: relative; padding-left: 7px; font-size: 12px; color: #444; background: url(/images2/web/common/bl_type01.png) no-repeat 0 8px;}
.list-type01 li a:hover .tit{color: #f47521; text-decoration: underline;}
.list-type01 li + li{margin-top: 11px;}
.list-type01 li .date{position: absolute; right: 0; top: 0;}

.list-type02 li{padding-left: 7px; line-height: 16px; background: url(/images2/web/common/bl_type02.png) no-repeat 0 10px;}
.list-type02 li a{font-size: 11px; color: #6d6d6d;}
.list-type02 li a:hover{color: #f47521;}

.list-type03 li{padding-left: 10px; font-size: 13px; line-height: 16px; color: #4d4d4d; background: url(/images2/web/common/bar_type06.png) no-repeat 0 8px;}
.list-type03 li + li{margin-top: 7px;}
.list-type03.t_02{margin-bottom: 15px;}

.list-type04 li{padding-left: 10px; font-size: 14px; line-height: 21px; color: #3b3b3b; background: url(/images2/web/common/bl_type01.png) no-repeat 0 8px;}
.list-type04 li + li{margin-top: 7px;}

.list-type05{margin: 20px 0;}
.list-type05 li{font-size: 13px; line-height: 21px; color: #585858;}
.list-type05 li + li{margin-top: 7px;}
.list-type05 .list-type05{margin: 13px 15px;}
.list-type05 .list-type05 li{font-size: 12px;}

.list-define01 li{position: relative; min-height: 16px; padding-left: 68px; font-size: 12px; color: #808080;}
.list-define01 li + li{margin-top: 18px;}
.list-define01 .tit{position: absolute; top: 0; left: 0; width: 68px;}

.list-define02{margin-left: 10px;}
.list-define02 li{position: relative; padding-left: 65px; font-size: 13px; color: #808080;}
.list-define02 li + li{margin-top: 12px;}
.list-define02 .tit{position: absolute; top: -1px; left: 0; width: 65px; font-size: 14px; color: #ff7d22;}
.list-define02.t_2{margin-bottom: 20px;}

.list-define03 li{position: relative; padding-left: 75px; font-size: 12px; color: #808080;}
.list-define03 li + li{margin-top: 5px;}
.list-define03 .tit{position: absolute; top: -1px; left: 0; width: 65px;}

.list-define04 li{position: relative; padding-left: 75px; font-size: 12px; color: #444; background: url(/images2/web/common/bl_type01.png) no-repeat 0 8px;}
.list-define04 li + li{margin-top: 11px;}
.list-define04 .tit{position: absolute; top: -1px; left: 10px; width: 65px;}

.list-define05 > li{position: relative; padding-left: 160px; font-size: 13px; color: #3b3b3b; background: url(/images2/web/common/bl_type01.png) no-repeat 0 8px;}
.list-define05 .tit{position: absolute; top: -1px; left: 10px; width: 140px; height: 100%; color: #ef633d; border-right: 1px solid #e3e3e3;}
.list-define05 li + li{padding-top: 11px; background-position: 0 18px;}
.list-define05 li + li .tit{padding-top: 10px;}
.list-define05.t_2 > li{padding-top: 8px; background: none;}
.list-define05.t_2 > li .tit{border: none;}
.list-define05.t_2 > li + li{margin-top: 20px;}
.list-define05.t_2 > li + li .tit{padding-top: 0;}

.list-file li{padding-left: 7px; background: url(/images2/web/common/bl_type02.png) no-repeat 0 10px;}
.list-file li a{font-size: 12px; line-height: 22px; color: #6d6d6d; text-decoration: underline;}
.list-file li a:hover{color: #f47521;}

.list-opt li{display: inline-block; font-size: 12px;}
.list-opt li + li{margin-left: 17px;}
.list-opt a{display: inline-block; min-width: 46px; padding: 3px 2px; font-size: 12px; text-align: center; color: #fff; background-color: #cbcbcb;}
.list-opt a.on{color: #fff; background-color: #ff7d22;}

.list-opt02{width: 110px; height: 286px; padding: 10px; border: 1px solid #ddd;}
.list-opt02 li + li{margin-top: 10px;}
.list-opt02 a{display: block; width: 100%; height: 22px; font-size: 13px; font-weight: bold; line-height: 22px; text-align: center; color: #585858; border: 1px solid #e3e3e3; background-color: #ededed;}
.list-opt02 a.on{color: #fff; border-color: #ff7d22; background-color: #ff7d22;}

.list-opt03{padding: 30px 0 24px 0;}
.list-opt03 li{display: inline-block;}
.list-opt03 li + li{background: url(/images2/web/common/bar_type04.png) no-repeat 0 3px;}
.list-opt03 a{display: block; padding: 0 16px 0 20px; font-size: 13px; font-weight: bold; color: #585858;}
.list-opt03 a .ico_{margin: -2px 0 0 5px;}
.list-opt03 a.on{color: #476ab0;}
.list-opt03 a.on .ico_{background-position: -380px 0;}

.list-check{clear: both; display: inline-block; vertical-align: middle; overflow: hidden; padding: 0;}
.list-check li{float: left;}
/* .list-check input[type="checkbox"] + label.on{text-decoration: underline; color: #ff7d22;} */

.list-check02{width: 100px; height: 286px; padding: 8px 14px 10px 6px; border: 1px solid #ddd; overflow-y: scroll;}
.list-check02 li + li{margin-top: 10px;}

.list-check03{clear: both; display: inline-block; vertical-align: middle; overflow: hidden;}
.list-check03 li{float: left;}
/* .list-check03 input[type="checkbox"] + label.on{text-decoration: underline; color: #ff7d22;} */

.list-tag li{display: inline-block;}

.list-tag02{clear: both; width: 216px; margin-left: -6px; overflow: hidden;} 
.list-tag02 li{float: left; margin: 0 0 6px 6px;}
/* .motWp02 .btn_share { position: absolute; } */
.tag_status {position: absolute; margin: 12px 0 0 145px !important;  z-index: 1}
 
/* 프로그램 검색 */
@media screen and (max-width:640px){
	.prog_list .btn_sel { width:48% !important;  float: left !important;}
	.prog_list .btn_sel_detail { width:48% !important; border:1px solid #ccc; padding:7px 25px 7px 6px; float:right; text-align: left; }
	.prog_list .btn_sel_detail img{ position:absolute;right:23px; top:28px; }
	.list-tag .m_btns { position: absolute; top:30px}
	.tag_status {position: absolute; margin: 38px 0 0 7px !important;  z-index: 1}	
	 
	 
.checkbox-wrap { cursor: pointer; }
.checkbox-wrap li{float: left;}
.checkbox-wrap li .check-icon  { display: inline-block; width: 18px; height: 18px;vertical-align: middle; transition-duration: .3s; }
.checkbox-wrap li input[type=checkbox] { display: none;  background-color:#ee9628; color:#fff; }
.checkbox-wrap li input[type=checkbox]:checked + .check-icon {  background-color:#ee9628; color:#fff;  }	 
	 
	
}

.list-program{overflow: hidden;}
.list-program > li{position: relative; float: left; width: 453px; height: 170px; margin: 0 0px 20px 1px; padding: 12px 12px; border: 1px solid #e2e2e2; cursor: pointer;}
.list-program .img{float: left; position: relative;}
.list-program .img img{width: 207px; height: 169px; vertical-align: top;}
.list-program .img .tag{position: absolute; top: 5px; left: 5px; width: 100px; font-weight: bold; border-radius: 30px;}
.list-program .img .deadline{position: absolute; top: 0; right: 0;}
.list-program .desc{float: left; width: 230px; margin: 0 0 0 15px;}
.list-program .desc ul.list-tag{ margin:3px 0;}
.list-program .tit{position: relative;  display:inline-block;width: 222px; margin: -3px 0 5px 15px;font-size: 16px !important; font-weight:700; font-family: 맑은 고딕,Malgun Gothic;line-height:1.6 !important; color:#585858 !important;  max-height:50px; text-overflow: ellipsis; overflow: hidden; }
.list-program .date{display: block; margin: 7px 0 12px 0;font-size: 12px; color: #808080;}
.list-program .option{clear: both; position: relative; margin: 2px 0 /*2보다 크면 체험목록 밀림 */ padding-left: 55px; font-size: 13px; color: #808080; overflow: hidden; letter-spacing: -1px}
.list-program .option dt{position: absolute; top: 0; left: 0; display: block; width: 55px;color:#8C5A1B}
.list-program .option dd{margin-left:60px;}
.list-program .list-tag{margin: 3px 0 3px 0;}
/* .list-program .list-tag li + li{margin: 5px 0 5px 1px} 체험봉사목록에서 2번째 tag 부터 밀림 */
.list-program .score-star{}
.list-program .btn02{margin-top: 2px;}
.list-program .btn02 .ico_{margin: -2px 5px 0 0;}


.list-program02 > li{clear: both; border: 1px solid #e4e4e4; overflow: hidden;}
.list-program02 > li + li{margin-top: -1px;}
.list-program02 .tit{float: left; width: 675px; padding: 22px 25px; font-size: 16px;}
.list-program02 .tit .tag{margin-top: -1px;}
.list-program02 .tit a:hover{text-decoration: underline;}
.list-program02 .info{float: left; width: 225px; padding: 12px 0 2px 25px; border-left: 1px solid #e4e4e4;}
.list-program02 .info li{margin-bottom: 10px; font-size: 12px; color: #585858;}

.expinfo_centerinfo .list-program > li { padding:12px 0 12px 12px;} 

@media screen and (max-width:640px){
	.list-program { width:100%;}
	.list-program > li { width:100%; height:160px; float: none; padding:0; border:none; border-bottom:1px solid #e4e4e4}
	.list-program .img{float: left; width:47%; position: relative;}  
/* 	.list-program .img img { width:100%; height:110px; margin-top:30px;} */
	.list-program .img img { width:155px; height:110px; margin-top:30px;}

	
	.list-program .tit{ width: 222px; margin: -3px 0 10px 0;}
	.list-program .tit {  position: absolute; left:235px; display: block; width:100%;  left:0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.list-program .tit.w222 {width:100%;}
	
	.list-program .desc { width: calc(100% - 50%); margin: 23px 0 0 8px;}
	.list-program .desc .stit { display:inline-block; width:100%;/*width: calc(100% - 27px) 체험봉사 신청 시 상단 신청정보에는 100%면 됨 /expinfo/expinfo_apply.jsp*/; height:50px; margin-bottom:20px;} /* 신청내역 확인 */
	.list-program .desc ul.list-tag{ margin-top:9px;}
	.list-program .option { padding-left:44px; }
	.list-program .option dt {}
	.list-program .option dd{ margin-left:11px;}
	.list-program .icon_new { left:114px; margin-top:30px;}
	
	.list-program .noline li {border-botto:none;}
	
	.expinfo_centerinfo .list-program > li { padding:12px 0 12px 0px;} 
	
}
.list-quest{clear: both; overflow: hidden;}
.list-quest li{float: left; position: relative; width: 247px; height: 230px; text-align: center;}
.list-quest .cir{width: 124px; height: 109px; margin: 0 auto 10px auto; padding-top: 15px; text-align: center; background-color: #f2f2f2; border-radius: 100px; behavior: url(/kidsnavi/css/PIE.htc);}
.list-quest .q{font-size: 13px; color: #585858;}
.list-quest .a{position: absolute; top: 78px; left: 50%; width: 124px; margin-left: -62px; font-size: 16px; font-weight: bold; line-height: 18px; color: #585858;}

.list-timeline02{position: relative; max-height: 500px; padding: 0 0 0 98px; background: #646464 url(/images2/web/common/bar_type03.png) repeat-y 48px 0; border: 1px solid #e4e4e4; overflow: auto;}
.list-timeline02:before{content: ""; position: absolute; bottom: 0; left: 48px; display: block; width: 6px; height: 15px; background: #646464 url(/images2/web/common/bar_type03_bottom.png) no-repeat 0 top;}
.list-timeline02:after{content: ""; position: absolute; top: 0; left: 48px; display: block; width: 6px; height: 15px; background: #646464 url(/images2/web/common/bar_type03_top.png) no-repeat 0 bottom;}
.list-timeline02 > li{position: relative; display: block; padding: 14px 16px; background: #fff url(/images2/web/common/arrow_type04.png) no-repeat 0 64px;}
.list-timeline02 > li:after{clear: both; content: ""; display: block;}
.list-timeline02 > li:first-child .cir_.type04{background-position: 0 -50px;}
.list-timeline02 > li.odd{background-color: #f5f5f5;}
.list-timeline02 > li + li{ border-top: 1px solid #e4e4e4;}
.list-timeline02 .ico_.phone{position: absolute; right: 50px; top: 50%; margin-top: -25px; z-index: 5; overflow: visible;}
.list-timeline02 .ico_.phone .tip{position: absolute; top: 35px; left: -40px; display: none; width: 100px; height: 25px; font-size: 11px; line-height: 25px; text-align: center; text-indent: 0; color: #666; border: 1px solid #cecece; border-radius: 5px; background-color: #fff;}
.list-timeline02 .time{position: absolute; top: 34px; left: -90px; z-index: 10;}
.list-timeline02 .img{float: left; padding-right: 5px; vertical-align: top;}
.list-timeline02 .img img{width: 140px; height: 123px; vertical-align: top;}
.list-timeline02 .desc{position: relative; float: left; width: 674px; padding-left: 14px; vertical-align: top;}
.list-timeline02 .emoticon{position: absolute; top: 0px; left: 10px;}
.list-timeline02 .tit{display: block; margin-top: 6px;padding-left: 78px; font-size: 15px; letter-spacing: -0.03em; line-height: 18px; color: #4d4d4d;}
.list-timeline02 .wrap_sns{margin: 15px 0 14px 0; padding-left: 78px;}
.list-timeline02 .wrap_control{display: inline-block; margin-left: 5px; vertical-align: middle;}
.list-timeline02 .txt{display: block; margin-top: 2px; font-size: 13px; line-height: 24px; color: #4d4d4d;}
.list-timeline02 .link{text-decoration: underline; color: #2454cd;}
.list-timeline02 .on .ico_.phone{top: 50px;}
.list-timeline02 .on .txt{width: 97%; margin-top: 18px; padding: 1%; background-color: #efefef; border: 1px solid #cecece;}
.list-timeline02 .on.odd .txt{background-color: #fff;}

.list-preview{margin-bottom: 15px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.list-preview li{clear: both; padding: 15px 0; overflow: hidden;}
.list-preview li a{font-size: 12px; color: #323232;}
.list-preview li a:hover, .list-preview li a:focus{text-decoration: underline; color: #D64300;}
.list-preview li .tit{float: left; display: block; width: 96px; margin-right: 28px; font-size: 13px; text-align: center; color: #323232; border-right: 1px solid #dfdfdf;}
.list-preview li + li{border-top: 1px solid #e2e2e2;}

.list-pic{clear: both; overflow: hidden;}
.list-pic > li{float: left; width: 482px; margin: 5px; padding: 12px 0; border: 1px solid #d9d9d9;}
.list-pic > li + li{border-top: 1px solid #e7e7e7;}
.list-pic .img{float: left; width: 189px; height: 154px; margin: 0 23px 0 12px; border: 1px solid #dcdcdc;}
.list-pic .img a{display: block;}
.list-pic .img img{width: 189px; height: 154px;}
.list-pic .desc{float: left; width: 240px;}
.list-pic .desc > .tit{display: block; margin-top: 6px; font-size: 16px; line-height: 24px; color: #585858; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list-pic .desc > .tit:hover{text-decoration: underline;}
.list-pic .time{display: block; margin: 11px 0 12px 0; font-size: 12px; line-height: 16px; color: #6d6d6d;}
.list-pic .time .ico_.clock{margin: 0 2px 0 0;}
.list-pic .txt{margin-bottom: 17px;font-size: 13px; line-height: 18px; color: #808080;}
.list-pic .info li{position: relative; margin-bottom: 6px; padding-left: 49px; font-size: 12px; color: #808080;}
.list-pic .info .tit{position: absolute; top: 0; left: 0;}
.list-pic .info .score-star{margin-top: 3px;}

.list-qna{border-top: 2px solid #d9d9d9; border-bottom: 1px solid #7c7c7c;}
.list-qna .ico-q{margin-right: 6px; color: #006bb7;}
.list-qna .ico-a{margin-right: 6px; font-weight: bold; color: #c82828;}
.list-qna .type{display: table-cell; width: 15%; padding: 10px 5px; text-align: center; vertical-align: middle; background-color: #f5f5f5;}
.list-qna .q{display: table; width: 100%; border-bottom: 1px solid #dedede;}
.list-qna .q a{display: table-cell; width: 85%; padding: 10px 20px; font-size: 14px; font-weight: bold; color: #606060; text-decoration: none; background: url(/images2/web/common/arrow_type06.png) no-repeat 97.6% 16px;}
.list-qna .q.on a{background-image: url(/images2/web/common/arrow_type06_on.png);}
.list-qna .a{position: relative; display: none; margin: 0; padding: 10px 20px; font-size: 13px; line-height: 24px; color: #606060; border-bottom: 1px solid #dedede; background-color: #f8f8f8;}
.list-qna .a.on{display: block; padding-left: 170px;}
.list-qna .a .desc{display: inline-block; width: 750px; vertical-align: top; word-break: break-word;}

.list-banCi{clear: both; overflow: hidden;}
.list-banCi li{float: left; margin-left: 35px; text-align: center;}
.list-banCi .img{height: 100px; margin-bottom: 15px; line-height: 100px; vertical-align: bottom;}
.list-banCi .img img{display: inline-block; vertical-align: bottom;}
.list-banCi .size{font-size: 12px; color: #3b3b3b;}
.list-banCi .wrap_confirm{margin-top: 15px;}	
.list-banCi li + li{margin-left: 75px;}

.list-webzine{clear: both; margin-bottom: 40px; overflow: hidden;}
.list-webzine a{position: relative; display: block;}
.list-webzine li{float: left; margin: 22px; border: 1px solid #e9e9e9;}
.list-webzine .pin03{position: absolute; top: -10px; left: 50%; margin-left: -7px;:}
.list-webzine .img{display: block; padding: 15px;}
.list-webzine .img img{width: 253px; height: 156px; vertical-align: top;}
.list-webzine .tit{height: 37px; font-size: 14px; font-weight: bold; line-height: 37px; text-align: center; color: #6d6d6d; background-color: #f4f4f4;}


/* tab */
.tab-type01 li{float: left; min-width: 170px; border: 1px solid #cfcfcf; border-bottom: 1px solid #f36f18; background-color: #f3f3f3;}
.tab-type01 li.on{border-color: #f36f18; border-bottom: 1px solid #fff; background-color: #fff;}
.tab-type01 li + li.on{margin-left: -1px;}
.tab-type01 li a{display: block; height: 32px; padding: 0 10px; font-size: 16px; line-height: 34px; text-align: center; color: #8d8d8d;}
.tab-type01 li a:hover, .tab-type01 li a:focus{color: #6F6F6F;}
.tab-type01 li.on a{color: #f36f18;}

.tab-type02{position: relative; height: 34px; margin-bottom: 30px; border-bottom: 2px solid #ff8027;}
.tab-type02 li{float: left; width: 244px; height: 32px; font-size: 14px; font-weight: bold; line-height: 32px; text-align: center; border: 2px solid #dadada; border-bottom: none; background-color: #f3f3f3; border-radius: 5px 5px 0 0;}
.tab-type02 li + li{margin-left: -2px;}
.tab-type02 li.on{position: relative; border-color: #ff8027; border-bottom: 2px solid #fff; background-color: #fff; z-index: 2;}
.tab-type02 li a{display: block; color: #919190;}
.tab-type02 li.on a{color: #ff8027;}
.tab-type02 .otherLink{position: absolute; right: 0; bottom: -1px; width: 150px; height: 35px; line-height: 35px; border: none; background-color: #ff7d22;}
.tab-type02 .otherLink a{font-size: 13px; color: #fff;}

.tab-type03{clear: both; padding: 10px 20px; border-bottom: 2px solid #d9d9d9; overflow: hidden;}
.tab-type03 li{float: left; margin-right: 10px;}
.tab-type03 li a{display: inline-block; min-width: 100px; height: 25px; padding: 0 5px; font-size: 12px; font-weight: bold; line-height: 25px; text-align: center; color: #6c6c6c; border: 1px solid #d8dee1;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: 5px;}
.tab-type03 li.on a{color: #fff; background: #ffa141; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c0c', endColorstr='#ff7c0c',GradientType=0 ); /* IE6-9 */ border-radius: 5px;}

/* table */
.tbl-list{width: 100%; margin-bottom: 15px; background-color: transparent; border-spacing: 0; font-size: 12px; border-top: 2px solid #ff8028; border-bottom: 2px solid #2f2f2f;}
.tbl-list th{padding: 11px; font-size: 14px; text-align: center; vertical-align: middle; color: #2f2f2f; background-color: #f5f5f5;}
.tbl-list td{padding: 13px; text-align: center; color: #585858;}
.tbl-list td.align-left{padding-left: 15px;}
.tbl-list th+th, .tbl-list td+ td{border-left: 1px solid #e6e6e6;}
.tbl-list tbody tr + tr th,.tbl-list tbody tr + tr td{border-top: 1px solid #e6e6e6;}
.tbl-list a:hover{text-decoration: underline;}
.tbl-list .guide{margin-left: 5px; font-size: 12px; color: #163d7e;}
.tbl-list .link{color: #006bb7;}
.tbl-list .link:hover, .tbl-list .link:focus{text-decoration: underline;}
.tbl-list .file{margin: -1px 0 0 5px;}

.tbl-view{width: 100%; margin-bottom: 15px; background-color: transparent; border-spacing: 0; font-size: 12px; border: 1px solid #e4e4e4;}
.tbl-view th{padding: 13px; font-size: 13px; text-align: center; vertical-align: middle; color: #585858; background-color: #f5f5f5;}
.tbl-view td{padding: 13px; text-align: center; color: #585858;}
.tbl-view td.align-left{padding-left: 15px;}
.tbl-view th+th, .tbl-view td+ td{border-left: 1px solid #e6e6e6;}
.tbl-view tbody tr + tr th,.tbl-view tbody tr + tr td{border-top: 1px solid #e6e6e6;}
.tbl-view tfoot th, .tbl-view tfoot td{font-weight: bold; background-color: #efefef; border-top: 2px solid #e6e6e6;}
.tbl-view a{color: #585858;}
.tbl-view a:hover{text-decoration: underline;}
.tbl-view .guide{margin-left: 5px; font-size: 12px; color: #163d7e;}
.tbl-view .link{color: #006bb7;}
.tbl-view .link:hover, .tbl-view .link:focus{text-decoration: underline;}

/* 2016 renewal common.css로 이동 */
/* pagination */
/* .paging{margin-top: 30px; text-align:center;} */
/* .paging .inner{display: inline-block; border: 1px solid #ccc; border-radius: 5px;} */
/* .paging a{float: left; display: block; min-width: 30px; height: 30px; font-size: 1em; line-height: 30px; text-align: center; vertical-align: middle; text-decoration: none; color: #999;} */
/* .paging a + a{border-left: 1px solid #ccc;} */
/* .paging a:hover, .paging a:focus{font-weight: bold; text-decoration: underline; color: #e6183c;} */
/* .paging a.on{font-weight: bold; text-decoration: underline; color: #e6183c; background: #f5f5f5;} */
/* .paging .prev{background: url(/images/mweb/common/icon_prev.png?20150722) no-repeat center center; background-size: 40% 50%;} */
/* .paging .next{background: url(/images/mweb/common/icon_next.png?20150722) no-repeat center center; background-size: 40% 50%;} */

/* bg */
.cir_{display: inline-block; vertical-align: middle; background-image: url(/images2/web/common/circle_common.png); background-repeat: no-repeat;}
.cir_.type01{width: 40px; height: 43px; padding-right: 4px; font-size: 11px; font-weight: 300; line-height: 40px; text-align: center; color: #fff; background-position: 0 0;}
.cir_.type02{width: 40px; height: 43px; padding-right: 4px; font-size: 11px; font-weight: 300; line-height: 40px; text-align: center; color: #fff; background-position: -50px 0;}
.cir_.type03{width: 80px; padding: 24px 4px 21px 0; font-size: 12px; font-weight: 300; line-height: 18px; text-align: center; color: #fff; background-position: 0 -50px;}
.cir_.type04{width: 80px; padding: 24px 4px 21px 0; font-size: 12px; font-weight: 300; line-height: 18px; text-align: center; color: #fff; background-position: -90px -50px;}


/* box */
.box-type01{margin: 10px; padding: 10px; border: 1px solid #ddd; background-color: #f4f4f4;}
.box-type02{margin: 0 50px 0 25px; padding: 18px; background-color: #f3f3f3;}
.box-type03{padding: 30px 10px; text-align: center;}

.box-program{position: relative;}
.box-program .h-type02{display: inline-block; margin: 13px 0 11px 13px;}
.box-program .wrap_search{position: absolute; top: 0; left: 0; width: 958px;}
.box-program .list-opt{display: inline-block;}
.box-program .wrap_search .input2{width: 165px; margin-left: 14px; padding:2px; height:24px; }/*line-height: 30pt;*/
/* .box-program .list-check{margin-top: -1px;} */

.box-program02{float: left; width: 565px; border-right: 1px solid #eaeaea; overflow: hidden;}
.box-program02 .tag.type08{width: 100px;}
.box-program02 > .img{float: left; position: relative; width: 210px; margin-right: 20px;}
.box-program02 > .img img{width: 209px; height: 169px; margin-bottom: 5px; vertical-align: top; border: 1px solid #dcdcdc;}
.box-program02 > .img > .tag{position: absolute; top: 5px; left: 5px; font-weight: bold; border-radius: 30px;}
.box-program02 > .desc{float: left; width: 300px;}
.box-program02 > .desc .list-define01{margin-top: 10px;}

.box-detailSearch{position: relative; width:976px;}
.box-detailSearch .inner{clear: both; display: none; padding: 10px 15px 13px 15px; border: 5px solid #808080; overflow: hidden;}
.box-detailSearch .h-type03{position: absolute; top: -24px; right: 0; width: 80px; height: 24px; padding-left: 10px; font-size: 13px; font-weight: normal; line-height: 28px; text-align: center; background: url(/images2/web/common/bg_btn01.png) no-repeat 0 0;}
.box-detailSearch .h-type03 a{color: #fff;}
.box-detailSearch .btn-detailSearch .ico_{margin-top: -2px;}
.box-detailSearch .btn-detailSearch.on .ico_{background-position: -330px 0;}
.box-detailSearch .wrap-opt01{float: left; margin-right: 12px;}
.box-detailSearch .wrap-opt02{float: left; width: 220px; margin-bottom: 18px;}
.box-detailSearch .wrap-opt02 .calendar{margin: 0 8px 0 -25px;}
/* datepicker(구버젼) */
.box-detailSearch .wrap-opt02 .ui-datepicker-trigger { margin:0 8px 0 -21px; padding-top:7px; }

.box-detailSearch .wrap-opt02 .input{width:94px; }
.box-detailSearch .wrap-opt03{float: left; width: 120px; margin: 15px 0 0 0px; text-align: center;}

.box-map{float: left; width: 384px; padding-left: 35px;}

.box-pic{clear: both; overflow: hidden;}
.box-pic .img{float: left; width: px;}
.box-pic .img img{width: 252px; height: 189px;}
.box-pic .desc{float: left; width: 700px; margin-left: 30px;}

.box-pic02{clear: both; margin-bottom: 8px; overflow: hidden;}
.box-pic02 .img{float: left; width: 202px; height: 133px; padding: 10px; border: 1px solid #ebebeb; border-right: none;}
.box-pic02 .img img{width: 202px; height: 133px; vertical-align: top; border: 1px solid #ebebeb;}
.box-pic02 .desc{float: left; width: 766px;}
.box-pic02 .tbl-view{height: 155px; margin: 0;}

.box-pic03{margin-bottom: 20px; text-align: center;}
.box-pic03 img{max-width: 600px;}

.box-movie{position: relative; width: 427px; height: 306px; padding: 10px; background: url(/images2/web/seoulKids/bg_safe05.png) no-repeat 0 0;}
.box-movie .movie{width: 425px; height: 240px; background-color: #909090;}
.box-movie .tit{position: absolute; top: 270px; left: 0; width: 100%; text-align: center;}
.box-movie .tit .ico_{margin: -2px 5px 0 0;}

.box-recentProg{position: absolute; top: 0; right: -110px; width: 100px; text-align: center; background-color: #fff; overflow: hidden;}
.box-recentProg .tit{display: block; padding: 5px 0; font-size: 12px; color: #fff; background-color: #575757;}
.box-recentProg .wrap_prog{width: 10000px;}
.box-recentProg .prog{float: left; width: 100px; margin-right: 10px;}
.box-recentProg .prog a{display: inline-block; width: 100%; margin-bottom: 6px;}
.box-recentProg .prog img{width: 58px; height: 58px; vertical-align: top; border: 1px solid #e6e6e6;}
.box-recentProg .prog .progTit{display: block; margin-top: 3px; font-size: 11px; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.box-recentProg .control .count{font-size: 12px; color: #636363;}
.box-recentProg .control a{display: inline-block; width: 12px; height: 12px; line-height: 12px; border: 1px solid #ddd;}
.box-recentProg .wrap_contProg{padding-top: 6px; padding-bottom: 10px; border: 1px solid #e3e3e3;}
.box-recentProg > .btn02{width: 98px; margin-top: 5px; padding-left: 0; padding-right: 0;}

.box-article{float: left; width: 280px; padding: 20px;}
.box-article .inner{position: relative; width: 280px; padding-top: 5px; border: 1px solid #e9e9e9;}
.box-article .topic{display: block; height: 30px; margin-top: -8px; padding: 0 10px; font-style: 13px; line-height: 30px; color: #fff; background-color: #8f8f8f;}
.box-article .pin02{position: absolute; top: -10px; left: 50%; margin-left: -7px;}
.box-article .topic + .pin02{width: 18px; height: 21px; background-position: -330px -20px;}
.box-article .img{margin: 14px 13px 0 13px; border: 1px solid #e9e9e9;}
.box-article .img img{width: 252px; vertical-align: top;}
.box-article .tit{display: block; padding: 8px 13px 0 13px; font-size: 13px; color: #ef633d;}
.box-article .txt{padding: 8px 13px 13px 13px; font-size: 12px; line-height: 18px; color: #4e4e4e;}
.box-article .link{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: url(/images2/web/common/bg_trans.png) repeat 0 0;}
.box-article .info{clear: both; position: relative; height: 30px; padding: 0 10px; line-height: 30px; background-color: #f4f4f4; overflow: hidden;}
.box-article .time{font-size: 12px; color: #3d3d3d;}
.box-article .time.t_2{color: #ef633d;}
.box-article .name{padding-left: 5px; color: #4e4e4e;}
.box-article .count{position: absolute; top: 0; right: 10px; font-size: 12px; color: #6d6d6d;}
.box-article .count strong{display: inline-block; margin-left: 5px;}

.box-topic{position: relative; display: table; width: 100%; height: 40px; border: 1px solid #e9e9e9; border-bottom-width: 2px; overflow: hidden;}
.box-topic .tit{display: inline-block; width: 140px; height: 40px; font-size: 15px; line-height: 40px; text-align: center; vertical-align: middle; color: #fff; background-color: #ff7d22;}
.box-topic .arrow{position: absolute; top: 15px; right: 15px; width: 17px; height: 11px; text-indent: -100000px; background: url(/images2/web/common/arrow_type06.png) no-repeat 0 0;}
.box-topic .list{display: inline-block; width: 780px; height: 40px; padding-left: 20px; vertical-align: middle; overflow: hidden;}
.box-topic .list li{height:40px; line-height: 40px; font-style: 14px; color: #575757;}
.box-topic.on{height: inherit;}
.box-topic.on .tit{display: table-cell; height: inherit;}
.box-topic.on .list{display: table-cell; height: inherit;}

.box-notice{margin-top: 15px; border: 1px solid #eee;}
.box-notice .tit{display: block; height: 25px; font-size: 12px; line-height: 25px; text-align: center; color: #ef633d; border-bottom: 1px solid #eee;}
.box-notice .desc{padding: 10px; font-size: 11px; color: #444c4d;}

.box-check{clear: both; border: 1px solid #d6d6d6; border-top: none; overflow: hidden; margin-top:5px; width:974px;}
.box-check .inner{float: left; padding: 7px; line-height: 1.6;width: calc(100% - 123px);}
.box-check .btn.m{margin-right: 5px;}
.box-check .btn.on{color: #fff; border-color: #ff7d22; background-color: #ff7d22;}

.box-check .inner.all{width: 92px; border-right: 1px solid #e6e6e6;}
.box-check .inner.all.sisul{width: 92px; height:192px;border-right: 1px solid #e6e6e6;}
.box-check .inner.experience.exp{line-height: 43px;}
.box-check .inner.experience.sisul{width: 852px;border-bottom: 1px solid #e6e6e6;}
.box-check .inner.culture.sisul{width: 845px;}
/* .box-check .inner.outdoor{width: 440px;} */

.btn_h100 { height:38px !important; line-height: 38px !important;}

.box-ci{margin-bottom: 15px; padding: 10px; background-color: #f8f7f7; border: 1px solid #e5e5e5;}
.box-ci img{vertical-align: top;}
.box-ci .wrap_confirm{margin-top: 8px;}

.box-join{width: 310px; margin-top: 20px; padding: 25px; text-align: center; border: 5px solid #ededed;}
.box-join .txt{margin: 20px 0 20px; font-size: 12px; line-height: 18px; color: #3b3b3b;}
.box-join .btn02.l{width: 180px;}

.box-viewMobile{min-width: 1024px; padding: 0 10px 30px 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box-viewMobile p{color:#666; font-size:13pt;}
/* reply */
.reply{padding: 14px 22px;}
.reply .count{display: block; margin: 10px 0;}
.reply .reple_wrap{position: relative; padding: 10px 0 16px 100px;}
.reply .list-reply{border-top: 2px solid #cecece; border-bottom: 1px solid #cecece;}
.reply .list-reply > li{position: relative;}
.reply .list-reply > li + li{border-top: 1px dashed #cecece;}
.reply .list-reply .score-star{position: absolute; top: 50%; left: 10px; margin-top: -5px;}
.reply .ico_.rereple{position: absolute; top: 50%; left: 40px; margin-top: -5px;}
.reply .info{font-size: 12px; color: #666;}
.reply .info .date{display: inline-block; padding-left: 5px; font-size: 11px;}
.reply .txt{margin-top: 10px; font-size: 13px; color: #444;}
.reply .reple_option{position: absolute; top: 10px; right: 10px;}
.reply .reple_option li{float: left;}
.reply .reple_option li a{font-size: 11px; color: #555;}
.reply .reple_option li + li{margin-left: 8px; padding-left: 9px; background: url(/images2/web/common/bar_type02.png) no-repeat 0 5px;}
.reply .rereple_wrap{position: relative; padding: 10px 10px 10px 100px;}
.reply .login{display: block; min-height: 20px; padding-bottom: 10px; font-size: 13px; color: #555;}
.reply .login label{padding-right: 10px;}
.reply .login input + label{margin-left: 10px;}
.reply .box-reply{position: relative; padding: 10px 112px 10px 200px; background-color: #f3f3f3;}
.reply .box-reply .score{position: absolute; left: 0; top: 50%; margin-top: -30px; width: 200px; text-align: center;}
.reply .box-reply .score .score-star{margin-bottom: 15px;}
.reply .box-reply .btn02{position: absolute; right: 10px; bottom: 10px;}
.reply .reple_modify{position: relative; margin-left: 100px; padding: 10px; background-color: #f3f3f3;}
.reply .reple_modify .tit{display: block; padding-bottom: 10px; font-size: 13px; color: #555;}
.reply .reple_modify textarea{width: 710px;}
.reply .rereple_write{position: relative; margin-left: 100px; padding: 10px; background-color: #f3f3f3;}
.reply .rereple_write .tit{display: block; min-height: 20px; padding-bottom: 10px; font-size: 13px; color: #555;}
.reply .rereple_write .tit label{padding-right: 10px;}
.reply .rereple_write .tit input + label{margin-left: 10px;}
.reply .rereple_write textarea{width: 710px;}

/* popup */
.popup {overflow: auto;}
.popup.movie{overflow: hidden;}
.popup .exit{position: absolute; top: 16px; right: 16px;}
.popup .pop_header{margin-bottom: 20px; padding: 15px 10px 0 10px; border-bottom: 1px solid #e4e4e4;}

/* section */
.sect-type01{margin-bottom: 28px;}
.sect-type01.in{margin-left: 15px; margin-right: 15px;}
.sect-type01.in .h-type05{margin-left: -20px;}
.sect-type02{margin-bottom: 50px;}
.sect-type02.in{margin-left: 15px; margin-right: 15px;}
.sect-type02.in .h-type05{margin-left: -20px;}
.sect-type03{margin-bottom: 35px;}
.sect-type04{float: left;}
.sect-type04.w_1{width: 430px; margin: 0 25px;}
.sect-type04.w_2{width: 370px; margin-left: 35px;}
.sect-type04.w_2 + .w_2{margin-left: 110px;}

/* wrap */
.wrap_sect{clear: both; overflow: hideen;}
.wrap_search{padding: 8px; text-align: right; border: 1px solid #d6d6d6;}
.wrap_search02{margin: 30px 0; text-align: center;}
.wrap_search03{position: relative; margin-bottom: 12px; text-align: right;}
.wrap_search03 .side{position: absolute; top: 0; left: 0;}
.wrap_search03 label{text-align: left;}
.wrap_search03 label .ico_{margin-right: 5px;}

.wrap_confirm{text-align: center;}
.wrap_confirm a + a{margin-left: 15px;}
.wrap_confirm.t_2{margin-top: 40px;}
.wrap_btn{position: relative; text-align: right;}
.wrap_btn .aside{position: absolute; top: 0; left: 0;}
.wrap_btn .aside a + a{margin-left: 5px;}
.wrap_btn a + a{margin-left: 15px;}

.wrap_btn02{position: relative; min-height: 44px; margin-top: 7px; text-align: center; background: url(/images2/web/common/bg_btn02.png) no-repeat center 0;}
.wrap_btn02 .btn-more{display: inline-block; width: 130px; height: 38px; font-size: 16px; font-weight: bold; line-height: 38px; text-align: center; color: #fff; border-radius: 20px;}
.wrap_btn02 .btn-more .ico_{margin: -2px 0 0 2px;}
.wrap_btn02 .top{position: absolute; right: -40px; top: -3px;}
.wrap_btn02.no{background: none;}
.wrap_btn02.no .btn-more{display: none;}

.wrap-btn03{clear: both; overflow: hidden;}
.wrap-btn03 a{float: left; display: block;}
.wrap-btn03 a + a{margin-left: 21px;}
.wrap-btn04{margin: -50px 0 50px; text-align: right;}

.wrap-box{clear: both; position: relative; margin-bottom: 45px; overflow: hidden;}
.wrap-box .wrap_sns{position: absolute; top: 0; right: 0;}

.wrap-link{margin-bottom: 25px;}
.wrap-link a{display: inline-block; font-size: 12px; color: #424242;}
.wrap-link a + a{margin-left: 4px; padding-left: 8px; background: url(/images2/web/common/bar_type02.png) no-repeat 0 4px;}

.wrap_txt{position: relative;text-align: center;  font-size: 14px; color: #808080; margin-top: 20px;}
.wrap_img{margin-top: 30px; text-align: center;}
.wrap_img img{max-width: 600px; border: 1px solid #cecece;}
.wrap_movie{max-width: 600px; margin: 30px auto 0 auto;}
.wrap_movie .inner{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.wrap_movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wrap_movie02{clear: both; margin-bottom: 40px; overflow: hidden;}

.wrap_bodCont{min-height: 100px; margin-bottom: 8px; padding: 30px; font-size: 13px; line-height: 1.7em; color: #585858; border: 1px solid #e4e4e4;}
.wrap_bodCont p{font-size: 13px;line-height: 1.8em; color: #585858;}
.wrap_editer{margin-bottom: 20px;}

.wrap_tag{position: relative; margin-bottom: 25px; padding-left: 100px;}
.wrap_tag .tit{position: absolute; left: 0; top: 4px; width: 100px; font-size: 13px; color: #2f2f2f;}
.wrap_tag .tit:after{content: ""; position: absolute; top: 5px; left: 82px; display: block; width: 1px; height: 10px; background-color: #B7B7B7;}
.wrap_tag .btn02{min-width: 50px; margin-right: 6px; padding: 0 5px; font-weight: bold;}
.wrap_tag02{clear: both; position: relative; margin-bottom: 25px; padding-left: 90px; overflow: hidden;}
.wrap_tag02 .tit{position: absolute; left: 0; top: 0; width: 85px; height: 72px; font-size: 13px; line-height: 72px; color: #2f2f2f;}
.wrap_tag02 .tit:after{content: ""; position: absolute; top: 8px; left: 71px; display: block; width: 2px; height: 60px; background-color: #e2e2e2;}
.wrap_tag02 .btn02{float: left; min-width: 66px; margin: 0 23px 10px 0; padding: 0; font-size: 12px; font-weight: bold;}
.wrap_tag02 .btn02.no{margin-right: 0;}

.wrap_searchResult{padding: 0 10px 15px 10px;}
.wrap_searchResult p.noResult{padding: 30px; font-size: 12px; text-align: center; color :#d24444;}
.wrap_searchResult li{margin-bottom: 5px; padding-left: 8px; font-size: 12px; color :#666; background: url(/images2/web/common/bl_type01.png) no-repeat 0 8px;}
.wrap_searchResult li a:hover{text-decoration: underline;}

.wrap_article{width: 1024px;}

.wrap_input{position: relative; padding-right: 23px;}
.wrap_input .txt{position: absolute; top: 0; right: 0; width: 15px; margin-left: 8px; line-height: 28px;}

.wrap_term .h-type04 + .list-type05{margin-top: 0;}

/*---------- layout ----------*/
/* .header{margin-bottom: 16px;} */
/* .header .inner{position: relative; width: 980px; margin: 0 auto;} */
/* .header .gnb{min-width: 980px; height: 38px; line-height: 38px; border-bottom: 1px solid #f36f18;} */
/* .header .gnb .inner{height: 38px;} */
/* .header .gnb .tab-type01{position: absolute; bottom: -1px; } */
/* .header .gnb .util{position: absolute; top: 0; right: 0;} */
/* .header .gnb .util li{position: relative; display: inline-block;} */
/* .header .gnb .util li a{font-size: 11px; color: #747474;} */
/* .header .gnb .util li + li{margin-left: 4px; padding-left: 8px;} */
/* .header .gnb .util li + li:after{content: ""; position: absolute; top: 15px; left: 0; display: block; width: 1px; height: 10px; background-color: #ccc;} */
/* .header .logo_.kidsnavi{display: block; margin: 20px auto 13px;} */
/* .header .logo_.kidsnavi a{display: block; height: 100%;} */
/* @media screen and (max-width:640px){ */
/* 	.header .inner { width:100%; } */
/* 	.header .gnb { width:100%; min-width:100%; border:none; background-color: #EE9628;height: 30px; line-height: 30px;} */
/* 	.header .gnb .inner { height:29px;} */
/* } */
.lnb{position: relative; border-bottom: 3px solid #eaeaea;}
.lnb:after{content: ""; display: block; overflow: hidden; clear: both;}
.lnb .depth01{float: left;}
.lnb .depth01 > a{display: block; height: 54px; font-size: 17px; font-weight: bold; line-height: 54px; text-align: center; color: #585858; background-color: #ffe566;}
.lnb .depth01 > a:hover{background-color: #FFDD66;}
.lnb .depth01 > a .ico_{margin-right: 8px;}
.lnb .depth01.menu01{width: 230px;}
.lnb .depth01.menu01 > a{height: 54px; border-radius: 15px 0 0 0; overflow: hidden; behavior: url(/kidsnavi/css/PIE.htc);}
.lnb .depth01.menu01 .btn-prev{position: absolute; left: -1px; top: 25px; display: inline-block; /*padding: 7px 5px;*/ line-height: 0; text-align: center; border: 1px solid #dcdcdc; background-color: #fff; z-index: 10;}/* 20151116 수정*/
.lnb .depth01.menu01 .btn-next{position: absolute; right: -1px; top: 25px; display: inline-block; /*padding: 7px 5px;*/ line-height: 0; text-align: center; border: 1px solid #dcdcdc; background-color: #fff; z-index: 10;}/* 20151116 수정*/
.lnb .depth01.menu01 .rolling-wrap{position: relative; height: 80px; overflow: hidden;}
.lnb .depth01.menu01 .rolling-wrap .slide{position: absolute; left: 0; width: 1000px;}
.lnb .depth01.menu01 .rolling-wrap .slide li{float: left; width: 115px; height: 75px;}
.lnb .depth01.menu02{width: 231px;}
.lnb .depth01.menu02 > a{border-left: 1px solid #fff5c2;}
.lnb .depth01.menu03{width: 229px;}
.lnb .depth01.menu03 > a{border-left: 1px solid #fff5c2;}
.lnb .depth01.menu04{width: 166px;}
.lnb .depth01.menu04 > a{color: #fff; background-color: #ff7d22;}
.lnb .depth01.menu05{width: 168px;}
.lnb .depth01.menu05 > a{color: #fff; border-left: 1px solid #ffa465; background-color: #ff7d22; overflow: hidden; border-radius: 0 15px 0 0; behavior: url(/kidsnavi/css/PIE.htc);}
.lnb .depth01.menu06{position: absolute; right: 0; bottom: 0; display: table; width: 307px; height: 80px; padding-left: 25px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
.lnb .depth01.menu06 .wrap_notice{display: table-cell; vertical-align: middle;}
.lnb .depth01.menu06 .link{font-size: 12px; font-weight: 300; color: #444;}
.lnb .depth01.menu06 .link:hover, .lnb .depth01.menu06 .link:focus{text-decoration: underline;}
.lnb .depth01.on .depth02_type02{display: block;}
.lnb .depth01.on .depth02_type03{display: block;}
.lnb .depth02{position: relative; clear: both; overflow: hidden; border-left: 1px solid #e9e9e9;}
.lnb .depth02 li{position: relative; float: left; width: 50%; padding: 9px 0 1px; text-align: center;}
.lnb .depth02 li + li:after{content: ""; display: block; position: absolute; top: 30px; left: -4px; width: 8px; height: 19px; background: url(/images2/web/common/bar_type01.png) no-repeat 0 0;}
.lnb .depth02 li a{position: relative; display: inline-block; width: 90px; height: 70px; text-align: center; color: #3b3b3b;}
.lnb .depth02 li a:hover, .lnb .depth02 li a:focus, .lnb .depth01 li.on a{font-weight: bold; color: #ff7d22;}
.lnb .depth02 li .txt{position: absolute; left: 0; bottom: 6px; width: 100%; display: block; font-size: 14px; letter-spacing: -0.05em; text-align: center;}
.lnb .depth02 .mn_{position: absolute; left: 50%; bottom: 4px;}
.lnb .depth02_type02{position: absolute; top: 54px; display: none; width: 130px; height: 60px; padding: 10px 0 11px 35px; background: #fff url(/images2/web/common/bg_kidsnaviLogo.png) no-repeat center center; border-left: 1px solid #ff6032; border-bottom: 1px solid #ff6032; z-index: 10;}
.lnb .depth02_type02 li{margin-bottom: 5px; padding-left: 10px; line-height: 16px; background: url(/images2/web/common/bl_type01.png) no-repeat left 6px;}
.lnb .depth02_type02 a{color: #3b3b3b; vertical-align: top;}
.lnb .depth02_type02 a:hover,.lnb .depth02_type02 a:focus{font-weight: bold; color: #ff7d22;}
.lnb .depth02_type03{position: absolute; top: 54px; right: 0; display: none; width: 132px; height: 60px; padding: 10px 0 11px 35px; background: #fff url(/images2/web/common/bar_type02.png) repeat-y 0 0; border-right: 1px solid #ff6032; border-bottom: 1px solid #ff6032; z-index: 10;}
.lnb .depth02_type03 li{margin-bottom: 5px; padding-left: 10px; line-height: 16px; background: url(/images2/web/common/bl_type01.png) no-repeat left 6px;}
.lnb .depth02_type03 a{color: #3b3b3b; vertical-align: top;}
.lnb .depth02_type03 a:hover,.lnb .depth02_type03 a:focus{font-weight: bold; color: #ff7d22;}

.spot{min-height: 26px;}
.spot .h-type02{margin-top: -14px;}
.spot .breadcrumb{text-align: right; font-family: 'Dotum'; font-weight: normal; font-size: 11px; color: #8c8c8c;}
.spot .breadcrumb a{color: #8c8c8c;}
.spot .breadcrumb strong{font-weight: normal; color: #4d4d4d;}
.spot .breadcrumb .ico_.home{margin-top: -2px;}

/* 2016 renewal common.css로 이동 */
/* .footer{min-width: 1024px; height:80px; margin-top: 37px;border-top: 1px solid #e0e0e0;} */

#container{position: relative; min-width: 972px; width: 976px; margin: 0 auto;}
#contents{margin: 0 20px 20px 15px;}

 
/*---------- contents ----------*/
/* === 프로그램 === */
/* 프로그램 - list */
.prog_list#contents{margin: 0;}

@media screen and (max-width:640px){
	#container{ min-width:100%; width:100%;}
	.prog_list#contents{margin: 0 15px;}
}

/* 프로그램 - view*/
.prog_view .list-program{width: 1006px;}
.prog_view .list-program > li{margin: 0 15px 12px 0;}
.prog_view .h-type05 .btn02{position: absolute; top: -4px; right: 0;}

/* === 후기 톡톡 === */
.reviewTalk_list .sect-timeline{margin-top: 20px; margin-bottom: 40px;}

/* 체험일기 - view */
.experience_view .wrap_sns{position: relative; margin-bottom: 10px;}
.experience_view .wrap-link{position: absolute; top: 2px; right: 0;}

/* === 서울키즈 === */
/* 내친구 서울 이야기 view*/
.seoulStory_view .wrap_bodCont{min-height: 300px; margin-bottom: 15px;}

/* 어린이 소식 view*/
.children_view .tbl-view{margin-bottom: 8px;}

/* 안전교육 */
.safety_intro .wrap_safe{clear: both; overflow: hidden;}
.safety_intro .box-safety{float: left; position: relative; width: 654px; height: 501px; margin-right: 15px; padding: 25px 0 0 30px; background: url(/images2/web/seoulKids/bg_safe01.png) no-repeat 0 0;}
.safety_intro .box-safety .tit{position: absolute; top: 14px; left: 0; width: 131px; height: 27px; padding-left: 10px; font-size: 13px; line-height: 27px; color: #fff; background: url(/images2/web/seoulKids/tit_safe01.png) no-repeat 0 0;}
.safety_intro .box-safety .link{float: left; padding: 30px 22px 14px 30px;}
.safety_intro .box-safety .link a{display: inline-block; width: 68px; height: 107px; font-size: 12px; line-height: 44px; text-align: center; color: #444c4d; background: url(/images2/web/seoulKids/bg_safe04.png) no-repeat 0 0;}
.safety_intro .box-safety .link a:hover{font-weight: bold;}
.safety_intro .box-emergency{float: left; width: 281px; height: 276px; margin-bottom: 15px; text-align: center; background: url(/images2/web/seoulKids/bg_safe02.png) no-repeat 0 0;}
.safety_intro .box-emergency a{display: block; height: 100%;}
.safety_intro .box-emergency .tit{display: block; padding-top: 15px; font-size: 24px; font-weight: bold; color: #fff;}
.safety_intro .box-emergency .tit small{display: block; font-size: 14px;}
.safety_intro .box-monthly{float: left; width: 281px; height: 234px; font-weight: bold; text-align: center; background: url(/images2/web/seoulKids/bg_safe03.png) no-repeat 0 0;}
.safety_intro .box-monthly a{display: block; height: 100%;}
.safety_intro .box-monthly .month{display: block; padding: 20px 0 28px; font-size: 15px; color: #6a6666;}
.safety_intro .box-monthly .tit{display: block; font-size: 18px; color: #fff;}

/* 유형별 안전교육 */
.safety_typeEdu .sect-movie{position: relative; margin-bottom: 30px; border: 2px solid #e2e2e2; border-radius: 10px;}
.safety_typeEdu .control .prev02{position: absolute; top: 96px; left: 20px;}
.safety_typeEdu .control .next02{position: absolute; top: 96px; right: 20px;}
.safety_typeEdu .rolling-wrap{position: relative; height: 205px; margin: 40px 40px 0 40px; overflow: hidden;}
.safety_typeEdu .list-rollBan{position: absolute; width: 100000px; height: 205px; clear: both; overflow: hidden;}
.safety_typeEdu .list-rollBan li{float: left; /* position: absolute; top: 0; */ width: 270px; height: 144px; padding: 0 15px;}
.safety_typeEdu .list-rollBan li a{position: relative; display: block;}
.safety_typeEdu .list-rollBan li a img{width: 270px; height: 144px;}
.safety_typeEdu .list-rollBan li a:after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 144px; background: url(/images2/web/common/bg_play.png) no-repeat center 50px; z-index: 2;}
.safety_typeEdu .list-rollBan .tit{display: block; margin-top: 5px; font-size: 12px; font-weight: bold; color: #7a7a7a; text-align: center;}
.safety_typeEdu .sect-movie .sect-desc{padding: 20px 25px; background-color: #f4f4f4;}
.safety_typeEdu .sect-movie .sect-desc .tit{margin-bottom: 12px; font-size: 14px; color: #515151;}
.safety_typeEdu .sect-movie .sect-desc .tit02{margin-bottom: 5px; font-size: 16px; color: #515151;}

/* 월별안전교육 */
.safety_monthlyEdu .tab-type03{margin: -50px 0 20px 0;}
.safety_monthlyEdu .tab-type03 a{position: relative; z-index: 5;}
.safety_monthlyEdu .sect-type01{padding: 0 25px;}
.safety_monthlyEdu .sect-type01 .sect-type01{padding: 0 10px;} 
.safety_monthlyEdu .sect-type01 p{font-size: 12px; line-height: 20px;}
.safety_monthlyEdu .sect-type01 p + p{margin-top: 15px;}
.safety_monthlyEdu .list-type01 .tit{display: block;}
.safety_monthlyEdu .list-type01 .list-type01{margin: 10px 0;}

/* 응급조치 */
.safety_emergency .box-movie{float: left; margin-left: 10px;}
.safety_emergency .box-movie + .box-movie{margin-left: 75px;}
.safety_emergency .sect-type01 .sect-type01{padding: 0 35px;} 
.safety_emergency .box-type01 .sect-type01{padding: 0;}
.safety_emergency .box-type01 .h-type09{margin-bottom: 5px;}

/* 키즈내비란? */
.intro_kidsnavi{padding-bottom: 50px;}
.intro_kidsnavi .imgSsronet{display: inline-block; margin: -12px 10px 0; vertical-align: middle;}
.intro_kidsnavi .box-kids{width: 980px; height: 176px; margin-bottom: 20px; text-indent: -1000000px; background: url(/images2/web/intro/bg_kids01.png) no-repeat 0 0;}
.intro_kidsnavi .list-define05 > li{color: #808080;}
.intro_kidsnavi .img-map{width: 649px; height: 368px; margin: 10px auto; background: url(/images2/web/intro/img_location.png) no-repeat 0 0;}
.intro_kidsnavi .dia-memType{width: 846px; height: 126px; text-indent: -10000000px; background: url(/images2/web/intro/dia_memType.png) no-repeat 0 0;}