/* subvisual */
.subvisual_box {position: relative; width: 100%; padding-bottom: 160px; background: url("../images/sub_visual.jpg") no-repeat center top; background-size: cover;}
.subvisual_area {margin: 0 auto; width: 100%; max-width: 1200px;}

/* pc subnavi */
.subnavi_box {float: left; width: 100%; height: 50px; border-top: 1px solid #e6e4e4; border-bottom: 1px solid #e6e4e4;}
.subnavi_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.left_homebtn {float: left; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.left_homebtn_area {float: left; width: 49px; height: 50px; background: url("../images/subico_home.png") no-repeat center; background-size: 13px 12px;}
.left_homebtn_area a {display: block; width: 100%; height: 100%;}
.submenu_con {float: left; position: relative;}
.subnavi_set {float: left; position: relative;}
.subnavi_set .topnavmenu {float: left; width: auto; height: 50px; font-size: 1.6rem; color: #6a6a6a; font-weight: 400; line-height: 49px; letter-spacing: -0.02rem; transform: rotate(-0.04deg); padding: 0 50px 0 20px;}
.subnavi_set .topnavmenu2 {border-right: 1px solid #ebebeb;}

.subnavi_set .topnav {float: left; width: 220px; height: 50px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.subnavi_set .topnav a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.6rem; color: #07b5c0; font-weight: 500; line-height: 49px; letter-spacing: -0.02rem; transform: rotate(-0.04deg); padding: 0 30px 0 20px; background: url("../images/submenu_arrow.png") no-repeat 92% center;}
.subnavi_set .subnav {position: absolute; z-index: 100000; left: 0; top: 48px; background: #fff; border: 1px solid #ebebeb; border-top: 0; display: none;}
.subnavi_set .subnav li a {display: block; width: 218px; font-family: "Noto Sans KR", sans-serif; font-size: 1.4rem; color: #8f8d8d; font-weight: 400; transform: rotate(-0.04deg); padding: 8px 0 8px 20px; text-align: left; border-top: 1px solid #ebebeb; transition: all 0.3s ease;}
.subnavi_set .subnav li a:hover {width: 218px; color: #000; text-align: left; background: #eee;}
.subnavi_set .subnav_align8 {left: -1px;}

/* subpage common */
.subpage_box {float: left; width: 100%; margin: 80px 0;}
.subpage_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.subpage_contents {float: left; width: 100%;}
.subpage_title {float: left; width: 100%; text-align: center;}
.subpage_title h3 {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 4.8rem; color: #464646; font-weight: 500; line-height: 4.9rem; letter-spacing: -0.2rem; transform: rotate(-0.04deg);}
.subpage_title span.bullet {display: inline-block; width: 50px; height: 2px; margin: 25px 0; background: #464646;}
.content_wrap {float: left; width: 100%; margin-top: 10px;}

/* 페이지준비중 */
.pageprepare {float: left; width: 100%; text-align: center;}
.pageprepare .page {display: inline-block; width: 700px;}

/* Intro s01 인사말 */
.greeting_title {position: relative; float: left; width: 100%;}
.greeting_title .titbg {position: relative; z-index: 1;}
.greeting_title .titbox {position: absolute; z-index: 2; top: 40px; left: 50%; width: 520px; height: 315px; padding-top: 150px; padding-left: 48px; background: #08b5c0;}
.greeting_title .titbox:before {position: absolute; content: ""; top: 0; left: 53px; width: 1px; height: 143px; background: #fff;}
.greeting_title .titbox p {font-family: "Noto Sans KR", sans-serif; font-size: 3rem; color: #fff; font-weight: 300; transform: rotate(-0.04deg); line-height: 4rem; letter-spacing: -0.1rem;}
.greeting_txt {float: left; width: 100%; padding-bottom: 40px; margin-top: 85px; border-bottom: 1px solid #e6e4e4;}
.greeting_txt span.tittxt {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 4rem; color: #08b5c0; font-weight: 500; line-height: 4.2rem; transform: rotate(-0.04deg); letter-spacing: -0.2rem; margin-bottom: 35px;}
.greeting_txt p {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #504e4e; font-weight: 300; transform: rotate(-0.04deg); line-height: 2.6rem; letter-spacing: -0.1rem;}
.greeting_txt p span.bold {color: #08b5c0; font-weight: 400;}
.greeting_txt span.txtpoint {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 2.2rem; color: #444242; font-weight: 400; transform: rotate(-0.04deg); line-height: 2.6rem; letter-spacing: -0.1rem; margin-top: 25px;}
.greeting_txt span.txtpoint strong {font-size: 2.6rem; color: #0d9c21; font-weight: 700;}
.greeting_txt .sign {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 2.2rem; color: #444646; font-weight: 400; transform: rotate(-0.04deg); line-height: 2.6rem; letter-spacing: -0.1rem; text-align: right; margin-top: 30px;}
.greeting_txt .sign span.name {font-size: 3rem; color: #262626; font-weight: 700;}
.head_info {float: left; width: 100%; margin-top: 40px;}
.head_info .lefttxt {float: left; width: 68.3334%;}
.head_info .lefttxt span.tittxt2 {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 3rem; color: #08b5c0; font-weight: 500; line-height: 3.2rem; transform: rotate(-0.04deg); letter-spacing: -0.2rem; margin-bottom: 30px;}
.head_info .lefttxt p {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #504e4e; font-weight: 300; transform: rotate(-0.04deg); line-height: 2.6rem; letter-spacing: -0.12rem; word-break: keep-all;}
.head_info .lefttxt p span.bold {color: #08b5c0; font-weight: 400;}
.head_info .lefttxt p strong {color: #111; font-weight: 400;}
.head_info .rightimg {float: right; width: 28.3334%;}

/* Intro s02 조직도 */
.organ_contents {position: relative; float: left; width: 100%;}
.organ_contents .part1 {position: relative; margin: 0 auto 50px; width: 350px; height: 90px; font-family: "Gmarket Sans", sans-serif; font-size: 2.5rem; color: #fff; font-weight: 500; line-height: 95px; text-align: center; transform: rotate(-0.04deg); letter-spacing: -0.1rem; background: #09b5c1; box-shadow: 5px 5px 12px rgba(0,0,0,0.15); border-radius: 10px;}
.organ_contents .part1:after {position: absolute; top: 90px; left: 50%; content: ""; width: 1px; height: 280px; background: #d9d9d9;}
.organ_contents .part2 {position: relative; width: 320px; height: 70px; font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #fff; font-weight: 500; line-height: 75px; text-align: center; transform: rotate(-0.04deg); letter-spacing: -0.1rem; margin-left: 200px;  background: #089edb; box-shadow: 5px 5px 12px rgba(0,0,0,0.15); border-radius: 10px;}
.organ_contents .part2:after {position: absolute; top: 35px; left: 320px; content: ""; width: 25.2%; height: 1px; background: #d9d9d9;}
.organ_contents .part3 {position: relative; margin: 50px auto 0; width: 320px; height: 70px; font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #fff; font-weight: 500; line-height: 75px; text-align: center; transform: rotate(-0.04deg); letter-spacing: -0.1rem; background: #00a650; box-shadow: 5px 5px 12px rgba(0,0,0,0.15); border-radius: 10px;}

.organ_contents .organlist_box {position: relative; float: left; width: 100%; margin-top: 80px;}
.organ_contents .organlist_box ul li {float: left; width: 23.75% /*285px*/; margin-right: 1.6667% /*20px*/;}
.organ_contents .organlist_box ul li:before {position: absolute; top: -40px; left: 11.9%; content: ""; width: 76.2%; height: 1px; background: #d9d9d9;}
.organ_contents .organlist_box ul li:last-child {margin-right: 0;}
.organ_contents .organlist_box ul li div.boxtit {position: relative; float: left; width: 100%; margin-bottom: 50px;}
.organ_contents .organlist_box ul li div.boxtit:before {position: absolute; top: -40px; left: 50%; content: ""; width: 1px; height: 50px; background: #d9d9d9;}
.organ_contents .organlist_box ul li div.boxtit span {display: block; width: 100%; height: 70px; font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #fff; font-weight: 500; line-height: 75px; text-align: center; transform: rotate(-0.04deg); letter-spacing: -0.1rem; background: #088ba9; box-shadow: 3px 3px 8px rgba(0,0,0,0.15); border-radius: 10px;}
.organ_contents .organlist_box ul li span.depart {position: relative; float: left; width: 100%; height: 70px; font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #252525; font-weight: 500; line-height: 75px; text-align: center; transform: rotate(-0.04deg); letter-spacing: -0.1rem; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.05); border: 1px dashed #09b5c1; border-radius: 10px;}
.organ_contents .organlist_box ul li span.depart:before {position: absolute; top: -50px; left: 50%; content: ""; width: 1px; height: 50px; background: #d9d9d9;}

.organ_contents .organlist_box ul li span.depart2 {color: #fff; background: #088ba9; border: 0;}

/* Intro s03 걸어온길 */
.history_contents {position: relative; float: left; width: 100%;}
.history_tabbtns {float: left; width: 100%; text-align: center; margin-bottom: 40px;}
.history_tabbtns ul li {display: inline-block; width: 22%;}
.history_tabbtns ul li:first-child {margin-right: 15px;}
.history_tabbtns ul li a {display: block; width: 100%; height: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 2.2rem; color: #fff; font-weight: 500; line-height: 55px; transform: rotate(-0.04deg); padding-top: 7px; background: #07b5c0; border: 1px solid #07b5c0; border-radius: 10px;}
.history_tabbtns ul li a:hover {color: #07b5c0; background: #fff; border: 1px dashed #07b5c0; transition: all 0.3s ease;}
.history_tabbtns ul li.active a {color: #07b5c0; background: #fff; border: 1px dashed #07b5c0;}
.subtit {float: left; width: 100%; margin-bottom: 30px;}
.subtit2 {margin-bottom: 10px;}
.subtit h4 {position: relative; font-family: "Gmarket Sans", sans-serif; font-size: 2.5rem; color: #111; font-weight: 500; line-height: 27px; transform: rotate(-0.04deg); padding-left: 28px; background: url("../images/subtit_bullet.png") no-repeat left top;}
.historylist {position: relative; float: left; width: 100%;}
.historylist:before {display: block; content: ""; position: absolute; left: 14.35%; top: 0; width: 5px; height: 93%; border-radius: 5px; background: #e3e3e3;}
.historylist2:before {height: 98.7%;}
.historylist li {position: relative; padding-bottom: 10px; background: none; overflow: hidden;}
.historylist li.last {padding-bottom: 0;}
.historylist > li {margin-bottom: 30px;}
.historylist > li.last {margin-bottom: 0;}
.historylist li div {float: left;}
.historylist li div.year {display: inline-block; font-family: "NanumSquare", sans-serif; font-size: 3.5rem; color: #09b5c1; font-weight: 700; letter-spacing: -0.08rem; transform: rotate(-0.04deg);}
.historylist li div.year:after {display: inline-block; content: ""; margin-left: 84.4px; width: 16px; height: 16px; background: #09b5c1; border-radius: 50%; border: 4px solid #fff; vertical-align: 6px;}
.historylist li div.infotxt {text-align: left; padding-top: 5px; padding-left: 100px;}
.historylist li div.infotxt ul li {position: relative; font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #252525; font-weight: 500; line-height: 25px; transform: rotate(-0.04deg); margin-bottom: 5px; word-break: keep-all;}
.historylist li div.infotxt ul li div.month {width: 150px; font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #252525; font-weight: 500; line-height: 25px; transform: rotate(-0.04deg);}
.list_bar li {position: relative; padding-left: 16px;}
.list_bar li span.award {color: #07b5c0;}

/* Intro s04 이용방법 */
.howtouse_contents {position: relative; float: left; width: 100%;}
.howtouse_contents .left_stitle {float: left; width: 16.6667% /* 200px */;}
.howtouse_contents .left_stitle ul li.stitle_bullet {float: left; width: 40px; height: 2px; background-color: #111111;}
.howtouse_contents .left_stitle ul li.stitle_kor {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 2.8rem; color: #252525; font-weight: 500; line-height: 25px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); margin-top: 30px;}
.howtouse_contents .right_pagecon {float: left; width: 83.3334% /* 1000px */;}
.timetable {float: left; width: 100%;}
.timetable .tablelayout {float: left; width: 100%; border-top: 3px solid #666;}
.timetable .tablelayout th {text-align: center; padding: 13px 10px; background-color: #f6f6f6; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
.timetable .tablelayout th span {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.9px; line-height: 24px; transform: rotate(-0.04deg);}
.timetable .tablelayout td {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #252525; font-weight: 400; letter-spacing: -0.4px; text-align: center; padding: 10px; background-color: #fff; border: 1px solid #ddd;}
.etctxt {float: left; width: 100%; margin-top: 20px;}
.etctxt ul li {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #252525; font-weight: 400; letter-spacing: -0.4px; transform: rotate(-0.04deg);}
.etctxt ul li span {float: left; width: 18px;}
.etctxt ul li p {float: left; width: 90%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #252525; font-weight: 400; letter-spacing: -0.4px; transform: rotate(-0.04deg);}
.centertype {float: left; width: 100%; margin-top: 50px;}
.centertype .guidetypeimg {float: left; width: 100%;}
.centertype .guidetypeimg ul {float: left; width: 100%; background: #f6f6f6; border: 1px solid #e8e7e7;}
.centertype .guidetypeimg ul li {float: left; width: 25%; padding: 2.8%;}
.centertype .guidetypeimg ul li:last-child {margin-right: 0;}
.centertype .centerarea {float: left; width: 100%; margin-top: 40px;}
.centertype .centerarea ul li {padding-left: 10px;}
.centertype .centerarea ul li span {display: inline-block; width: 18px; font-family: "Noto Sans KR", sans-serif; font-size: 1.2rem; color: #07b5c0; font-weight: 300; letter-spacing: -0.4px; transform: rotate(-0.04deg); margin-top: 4px; vertical-align: top;}
.centertype .centerarea ul li p {display: inline-block; width: 90%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #504e4e; font-weight: 300; letter-spacing: -0.2px; transform: rotate(-0.04deg);}

/* Intro s07 찾아오시는길 */
.location_contents {position: relative; float: left; width: 100%;}
.locationimg {position: relative; float: left; width: 100%;}
.locationimg .map {float: left; width: 100%; border: 1px solid #e8e7e7; overflow: hidden;}
.locationimg .btnnaver {position: absolute; top: 20px; right: 20px; height: 40px; background: #00a651; transition: all 0.3s ease;}
.locationimg .btnnaver a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #fff; font-weight: 400; line-height: 40px; padding: 0 18px;}
.locationimg .btnnaver:hover {background: #08bbc5;}
.locationinfo {float: left; width: 100%; padding-bottom: 30px; margin: 30px 0 50px; border-bottom: 1px dashed #ccc;}
.locationinfo ul li {float: left; height: 54px; margin-right: 30px;}
.locationinfo ul li .mapico {float: left; width: 54px; height: 54px; margin-right: 15px;}
.locationinfo ul li .mapico img {vertical-align: top;}
.locationinfo ul li .mapinfotxt {display: inline-block; font-family: "Noto Sans KR", sans-serif;}
.locationinfo ul li .mapinfotxt span {font-size: 1.8rem; color: #161616; font-weight: 700; line-height: 30px;}
.locationinfo ul li .mapinfotxt p {font-size: 1.7rem; color: #676464; font-weight: 400; line-height: 15px; letter-spacing: -0.04rem;}
.traffic_guide {float: left; width: 100%;}
.traffic_guide .map_guidebox {display: inline-block; width: 100%; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px dashed #d9d9d9;}
.traffic_guide .map_guidebox2 {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.traffic_guide .map_guidebox .traffic_ico {float: left; width: 25%; font-size: 1.8rem; line-height: 20px; color: #333; font-weight: 500; text-align: left;}
.traffic_guide .map_guidebox .traffic_ico span {margin-right: 10px;}
.traffic_guide .map_guidebox .traffic_ico span img {vertical-align: middle;}
.traffic_guide .map_guidebox .traffic_list {float: left; width: 75%;}
.traffic_guide .map_guidebox .traffic_list div.list {float: left; width: 100%; margin-bottom: 10px;}
.traffic_guide .map_guidebox .traffic_list div.list:last-child {margin-bottom: 0;}
.traffic_guide .map_guidebox .traffic_list div.list span {float: left; width: 15px; font-size: 1.7rem; line-height: 26px; color: #333; font-weight: 300; text-align: left;}
.traffic_guide .map_guidebox .traffic_list div.list p {float: left; width: 88%; font-size: 1.7rem; line-height: 26px; color: #333; font-weight: 300; text-align: left;}

/* Center s01 청소년상담복지센터,꿈드림 이용안내 */
.center_contents {position: relative; float: left; width: 100%;}
.subtit_box {position: relative; border-top: 3px solid #cdcdcd; border-bottom: 4px solid #cdcdcd; transform: translateY(-3px);}
.subtit_box:before {position: absolute; display: block; content: ""; top: 0; right: 0; width: 3px; height: 40px; background-color: #cdcdcd;}
.subtit_box:after {position: absolute; display: block; content: ""; bottom: -4px; left: 0; width: 230px; height: 4px; background: url("../images/subtit_patton.jpg") repeat-x;}

/* 페이지별 공통 상단 타이틀 */
.subtit_box .box_wrap {position: relative; padding: 50px 40px 50px 230px;}
.subtit_box .box_wrap1:before {display: block; position: absolute; content: ""; top: 28px; left: 20px; width: 185px; height: 135px; background-image: url("../images/pagetit_ico1.jpg"); background-repeat: no-repeat;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap2:before {display: block; position: absolute; content: ""; top: 24px; left: 20px; width: 185px; height: 135px; background-image: url("../images/pagetit_ico2.jpg"); background-repeat: no-repeat;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap3:before {display: block; position: absolute; content: ""; top: 28px; left: 20px; width: 185px; height: 135px; background-image: url("../images/pagetit_ico3.jpg"); background-repeat: no-repeat;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap4:before {display: block; position: absolute; content: ""; top: 28px; left: 20px; width: 185px; height: 135px; background-image: url("../images/pagetit_ico4.jpg"); background-repeat: no-repeat;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap5:before {display: block; position: absolute; content: ""; top: 32px; left: 20px; width: 185px; height: 135px; background-image: url("../images/pagetit_ico5.jpg"); background-repeat: no-repeat;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap6:before {display: block; position: absolute; content: ""; top: 70px; left: 20px; width: 185px; height: 135px; background-image: url("../images/pagetit_ico6.jpg"); background-repeat: no-repeat;} /* 페이지별 상단 타이틀 아이콘 */

.subtit_box .box_wrap .box_txt {display: inline-block;}
.subtit_box .box_wrap .box_txt span.txt {font-family: "Gmarket Sans", sans-serif; font-size: 3rem; color: #464646; font-weight: 500; line-height: 32px; letter-spacing: -0.08rem; transform: rotate(-0.04deg);}
.subtit_box .box_wrap .box_txt .pointxt {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 3rem; color: #464646; font-weight: 500; line-height: 32px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); margin-top: 20px;}
.subtit_box .box_wrap .box_txt .pointxt span {font-size: 4.5rem; color: #08bbc5;}
.subtit_box .box_wrap .box_txt .pointxt2 {margin-bottom: 15px;}
.subtit_box .box_wrap .box_txt .pointxt3 {margin-top: 5px;}
.subtit_box .box_wrap .box_txt .pointxt4 {margin-bottom: 15px; margin-top: 5px;}
.subtit_box .box_wrap .box_txt p.contxt {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #111; font-weight: 300; letter-spacing: -0.2px; transform: rotate(-0.04deg); word-break: keep-all; margin-top: 15px;}

.numsell_box {position: relative; float: left; width: 100%; margin-top: 30px;}
.numsell_box ul li {float: left; width: 100%; margin-bottom: 20px;}
.numsell_box ul li:last-child {margin-bottom: 0;}
.numsell_box ul li span {float: left; width: 110px; height: 90px; font-family: "Gmarket Sans", sans-serif; font-size: 2.9rem; color: #08bbc5; font-weight: 500; line-height: 95px; text-align: center; letter-spacing: -0.08rem; border: 1px solid #08bbc5; box-shadow: 5px 5px 10px rgba(0,0,0,0.15);}
.numsell_box ul li div.selltxt {float: right; width: 88%; height: auto; padding: 31px 30px; font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem; background: #f8f8f8;}
.numsell_box ul li div.selltxt2 {padding: 15px 30px;}
.numsell_box ul li div.selltxt .counseltit {font-size: 2rem; color: #08bbc5; font-weight: 700;}
.numsell_box ul li div.selltxt .selltxt-sxt {display: inline-block; font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem; margin-top: 30px; vertical-align: top;}

/* 바로가기 배너 추가 220318 */
.numsell_box ul li div.selltxt .morelinks {display: inline-block; width: 420px; margin-left: 50px;}
.numsell_box ul li div.selltxt .morelinks a {display: block; width: 100%; padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 10px;}
.numsell_box ul li div.selltxt .morelinks a.dream {display: block; width: 100%;}
.numsell_box ul li div.selltxt .morelinks a.dream i {display: inline-block; width: 135px; height: 53px; margin-right: 30px;}
.numsell_box ul li div.selltxt .morelinks a.dream i img {width: 100%; vertical-align: middle;}
.numsell_box ul li div.selltxt .morelinks a.dream div.txt {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2.3rem; color: #515150; font-weight: 500; line-height: 25px; letter-spacing: -0.08rem; vertical-align: middle;}
.numsell_box ul li div.selltxt .morelinks div.dreamtxt {display: inline-block; font-size: 1.8rem; color: #08bbc5; font-weight: 500; letter-spacing: -0.08rem; margin-top: 10px;}

.cysnet_box {position: relative; float: left; width: 100%; margin-top: 80px;}
.cysnet_gudie {position: relative; float: left; width: 100%; padding: 30px; background: #f8f8f8;}
.cysnet_gudie span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2.5rem; color: #111; font-weight: 500; line-height: 25px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); margin-bottom: 10px;}
.cysnet_gudie p {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #5c5c5d; font-weight: 400; line-height: 25px; letter-spacing: -0.08rem; transform: rotate(-0.04deg);}

.cysnet_contents {position: relative; float: left; width: 100%; margin-top: 40px;}
.cysnet_contents .left {float: left; width: 55.416667%;}
.cysnet_contents .left span img {width: 100%;}
.cysnet_contents .right {float: right; width: 40.416667%;}
.cysnet_contents .right .centercall {float: left; width: 100%;}
.cysnet_contents .right .centercall2 {margin-top: 20px;}
.cysnet_contents .right .centercall span.tit {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 2.2rem; color: #07b5c0; font-weight: 700; line-height: 24px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); margin-bottom: 15px;}
.cysnet_contents .right .centercall ul li {float: left; width: 49%; text-align: center; padding: 20px 10px; border: 1px dashed #08bbc5; border-radius: 10px;}
.cysnet_contents .right .centercall ul li:last-child {float: right;}
.cysnet_contents .right .centercall ul li a {display: inline-block; width: 100%; height: 100%; color: #6f6e6e;}
.cysnet_contents .right .centercall ul li i {display: inline-block; width: 88px; height: 88px; margin-bottom: 20px;}
.cysnet_contents .right .centercall ul li span {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.9rem; color: #6f6e6e; font-weight: 500; line-height: 20px; letter-spacing: -0.05rem; transform: rotate(-0.04deg);}
.cysnet_contents .right .servicecon {float: left; width: 100%; padding-top: 10px; margin-top: 25px; border-top: 1px dashed #ccc;}
.cysnet_contents .right .servicecon span {font-family: "Noto Sans KR", sans-serif; font-size: 2.1rem; color: #111; font-weight: 500; line-height: 38px; letter-spacing: -0.05rem;}
.cysnet_contents .right .servicecon p {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #5c5c5d; font-weight: 400; line-height: 25px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); word-break: keep-all;}
.cysnet_contents .right .bannermore {float: left; width: 100%; margin-top: 20px;}
.cysnet_contents .right .bannermore a {display: block; width: 100%; padding: 15px 25px; border: 1px solid #ccc; border-radius: 10px;}
.cysnet_contents .right .bannermore a.facebook {margin-bottom: 15px;}
.cysnet_contents .right .bannermore a.facebook i {display: inline-block; width: 55px; height: 55px; margin-right: 30px;}
.cysnet_contents .right .bannermore a.facebook i img {width: 100%; vertical-align: middle;}
.cysnet_contents .right .bannermore a.facebook span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2.3rem; color: #515150; font-weight: 500; line-height: 25px; letter-spacing: -0.08rem; vertical-align: middle;}
.cysnet_contents .right .bannermore a.instagram i {display: inline-block; width: 55px; height: 55px; margin-right: 30px;}
.cysnet_contents .right .bannermore a.instagram i img {width: 100%; vertical-align: middle;}
.cysnet_contents .right .bannermore a.instagram span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2.2rem; color: #515150; font-weight: 500; line-height: 25px; letter-spacing: -0.1rem; vertical-align: middle;}

/* Center s02 청소년상담복지센터,꿈드림 이용방법 */
.youthcall_box {position: relative; float: left; width: 100%; margin-top: 80px; background: url("../center/images/cyber1388_img.jpg") no-repeat 78% center;}
.youthcall_list {float: left; width: 100%;}
.youthcall_list .youthtxt {float: left; width: 100%;}
.youthcall_list .youthtxt ul li {padding-left: 10px; margin-bottom: 10px;}
.youthcall_list .youthtxt ul li:last-child {margin-bottom: 0;}
.youthcall_list .youthtxt ul li span {display: inline-block; width: 18px; font-family: "Noto Sans KR", sans-serif; font-size: 1.2rem; color: #07b5c0; font-weight: 300; letter-spacing: -0.4px; transform: rotate(-0.04deg); margin-top: 4px; vertical-align: top;}
.youthcall_list .youthtxt ul li p {display: inline-block; width: 90%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #504e4e; font-weight: 300; letter-spacing: -0.2px; transform: rotate(-0.04deg);}

/* Center s05 온라인상담실 게시판상단 내용추가 */
.youthcounsel_contents {position: relative; float: left; width: 100%;}
.youthcounsel_guide {float: left; width: 100%;}
.ycounselguide_contents {float: left; width: 100%;}
.ycounselarea {float: left; width: 100%;}
.useguidetitle {float: left; width: 100%; height: 220px; padding-top: 15px; margin-bottom: 50px; background: url("../center/images/ycounsel_bg.jpg") no-repeat left top;}
.useguidetitle .guidelist {float: left; width: 100%; font-family: "Gmarket Sans", sans-serif; padding: 5px 0 0 300px; margin-bottom: 5px;} 
.useguidetitle .guidelist span {float: left; width: 15%; height: 50px; font-size: 2rem; color: #fff; font-weight: 500; line-height: 55px; text-align: center; transform: rotate(-0.04deg); margin-right: 15px; background: #08bbc5; border-radius: 50px;}
.useguidetitle .guidelist p {float: left; width: 80%; font-family: "Noto Sans KR", sans-serif; font-size: 2rem; color: #111; font-weight: 300; line-height: 52px; letter-spacing: -0.08rem; transform: rotate(-0.04deg);}

.ycounsel_type {float: left; width: 100%; margin-bottom: 50px;}
.ycounsel_type ul li {position: relative; float: left; width: 20%; padding: 0 10px;}
.ycounsel_type ul li div.typebox {display: inline-block; width: 100%; height: 220px; text-align: center; padding: 25px 10px; background: #f8f8f8; border-radius: 20px;}
.ycounsel_type ul li a {display: inline-block; width: 100%; height: 100%;}
.ycounsel_type ul li div.typebox span {display: inline-block; width: 59px; height: 59px;}
.ycounsel_type ul li div.typebox strong {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 2.2rem; color: #111; font-weight: 700; line-height: 24px; letter-spacing: -0.1rem; transform: rotate(-0.04deg); margin: 18px 0 7px;}
.ycounsel_type ul li div.typebox p {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #111; font-weight: 300; line-height: 22px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); word-break: keep-all;}

/* Culture s01 청소년문화의집 이용안내 */
.culture_contents {position: relative; float: left; width: 100%;}
.facilities_take {float: left; width: 100%; margin-top: 50px;}
.facilities_contents {float: left; width: 100%;}
.facilities_contents2 {margin-top: 50px;}
.facilities_contents .left_stitle {float: left; width: 16.6667% /* 200px */;}
.facilities_contents .left_stitle ul li.stitle_bullet {float: left; width: 40px; height: 2px; background-color: #111111;}
.facilities_contents .left_stitle ul li.stitle_kor {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; font-size: 2.8rem; color: #252525; font-weight: 500; line-height: 25px; letter-spacing: -0.08rem; transform: rotate(-0.04deg); margin-top: 30px;}
.facilities_contents .left_stitle ul li.stitle_kor2 {line-height: 34px;}
.facilities_contents .right_pagecon {float: left; width: 83.3334% /* 1000px */;}
.facilities_contents .right_pagecon .guidedesk span.ico1 {display: inline-block; width: 103px; height: 88px;}
.facilities_contents .right_pagecon .guidedesk span.ico2 {display: inline-block; width: 99px; height: 88px;}
.facilities_contents .right_pagecon .guidedesk p {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #111; font-weight: 300; letter-spacing: -0.2px; transform: rotate(-0.04deg); word-break: keep-all; margin-top: 15px;}

.facilities_guide {float: left; width: 100%; margin-top: 50px;}
.facilities_guide ul li {float: left; width: 100%; margin-bottom: 20px;}
.facilities_guide ul li:last-child {margin-bottom: 0;}
.facilities_guide ul li div.floors {position: relative; float: left; width: 110px; height: 110px; font-family: "Gmarket Sans", sans-serif; font-size: 2.9rem; font-weight: 500; line-height: 115px; text-align: center; letter-spacing: -0.08rem; border: 1px solid #08bbc5; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0,0,0,0.15);}
.facilities_guide ul li div.floors_1 {color: #fff; background: #07b5c0;}
.facilities_guide ul li div.floors_1:after {position: absolute; top: 50px; right:-15px; content:""; border-bottom: 25px solid #07b5c0; border-right: 25px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}
.facilities_guide ul li div.floors_2 {color: #fff; background: #2da05b;}
.facilities_guide ul li div.floors_2:after {position: absolute; top: 50px; right:-15px; content:""; border-bottom: 25px solid #2da05b; border-right: 25px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}
.facilities_guide ul li div.floors_3 {color: #fff; background: #00aeef;}
.facilities_guide ul li div.floors_3:after {position: absolute; top: 50px; right:-15px; content:""; border-bottom: 25px solid #00aeef; border-right: 25px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}

.facilities_guide ul li div.floorstxt {float: right; width: 89%; height: auto; padding: 31px 30px; font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem; background: #f8f8f8;}
.facilities_guide ul li div.floorstxt .floorlist {float: left; width: 100%; margin-bottom: 10px;}
.facilities_guide ul li div.floorstxt .floorlist:last-child {margin-bottom: 0;}
.facilities_guide ul li div.floorstxt .floorlist span.num {display: inline-block; width: 30px; height: 30px; font-size: 1.3rem; color: #5b5959; font-weight: 500; line-height: 28px; text-align: center; margin-right: 10px; background: #fff; border: 1px solid #b8b6b6; border-radius: 6px; vertical-align: top;}
.facilities_guide ul li div.floorstxt .floorlist p {display: inline-block; width: 88%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #111; font-weight: 300; line-height: 28px;  letter-spacing: -0.2px; transform: rotate(-0.04deg); word-break: keep-all;}

/* 하단 고객센터 연락처 */
.foot_customer {position: relative; float: left; width: 100%; margin-top: 80px; z-index:1}
.foot_customer2 {margin-top: 40px;}
.foot_customer ul li {float: left; display: table; width: auto; padding: 20px 40px; margin-right: 30px; border: 1px dashed #08bbc5; border-radius: 10px;}
.foot_customer ul li a {display: inline-block;}
.foot_customer ul li .cuico {display: table-cell; vertical-align: middle; width: 54px; height: 54px;}
.foot_customer ul li .cuinfotxt {display: table-cell; vertical-align: middle; font-family: "Noto Sans KR", sans-serif;}
.foot_customer ul li .cuinfotxt span {display: inline-block; font-size: 2.2rem; color: #07b5c0; font-weight: 700; line-height: 22px; letter-spacing: -0.04rem; margin-left: 20px; margin-right: 15px;}
.foot_customer ul li .cuinfotxt p {display: inline-block; font-size: 2.2rem; color: #676464; font-weight: 400; line-height: 22px; letter-spacing: -0.04rem;}

/* Culture s01 청소년문화의집 SNS */
.snslink_box {position: relative; float: left; width: 100%; margin-top: 50px;}
.snslink_box .btnlinkmore {float: left; width: 100%; margin-top: 20px;}
.snslink_box .btnlinkmore a {display: inline-block; float: left; padding: 15px 25px; border: 1px solid #ccc; border-radius: 10px;}
.snslink_box .btnlinkmore a.facebook {width: 380px; margin-right: 10px;}
.snslink_box .btnlinkmore a.facebook i {display: inline-block; width: 50px; height: 50px; margin-right: 6%;}
.snslink_box .btnlinkmore a.facebook i img {width: 100%; vertical-align: middle;}
.snslink_box .btnlinkmore a.facebook span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2rem; color: #515150; font-weight: 500; line-height: 25px; letter-spacing: -0.08rem; vertical-align: middle;}
.snslink_box .btnlinkmore a.naverbend {width: 390px; margin-right: 10px;}
.snslink_box .btnlinkmore a.naverbend i {display: inline-block; width: 50px; height: 50px; margin-right: 6%;}
.snslink_box .btnlinkmore a.naverbend i img {width: 100%; vertical-align: middle;}
.snslink_box .btnlinkmore a.naverbend span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2rem; color: #515150; font-weight: 500; line-height: 25px; letter-spacing: -0.1rem; vertical-align: middle;}
.snslink_box .btnlinkmore a.youtube {width: 358px;}
.snslink_box .btnlinkmore a.youtube i {display: inline-block; width: 50px; height: 50px; margin-right: 6%;}
.snslink_box .btnlinkmore a.youtube i img {width: 100%; vertical-align: middle;}
.snslink_box .btnlinkmore a.youtube span {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 2rem; color: #515150; font-weight: 500; line-height: 25px; letter-spacing: -0.1rem; vertical-align: middle;}

/* Culture s02 청소년문화의집 프로그램안내 */
.programguide {float: left; width: 100%;}
.programguide_title {float: left; width: 100%; margin-bottom: 40px;}
.programguide_title p {font-family: "Gmarket Sans", sans-serif; font-size: 2rem; color: #504e4e; font-weight: 500; line-height: 34px; letter-spacing: -0.1rem; transform: rotate(-0.04deg);}
.programguide_title p span {font-size: 2.5rem; color: #07b5c0;}
.programguide_item {float: left; width: 100%; margin-bottom: 50px;}
.programguide_item ul li {float: left; width: 31.6667%; margin-right: 2.5%;}
.programguide_item ul li:last-child {margin-right: 0;}

.programguide_txt {float: left; width: 100%; margin-bottom: 10px;}
.programguide_txt span {float: left; width: 20px; font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem;}
.programguide_txt p {float: left; width: 90%; font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem;}

.program_timetable {float: left; width: 100%;}
.program_timetable .tablelayout {float: left; width: 100%; border-top: 3px solid #666;}
.program_timetable .tablelayout th {text-align: center; padding: 13px 10px; background-color: #f6f6f6; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;}
.program_timetable .tablelayout th span {font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.9px; line-height: 24px; transform: rotate(-0.04deg);}
.program_timetable .tablelayout td {font-family: "Noto Sans KR", sans-serif; font-size: 1.6rem; color: #252525; font-weight: 300; letter-spacing: -0.08rem; text-align: left; padding: 10px 30px; background-color: #fff; border: 1px solid #ddd;}
.program_timetable .tablelayout td.tit {font-size: 1.8rem; color: #07b5c0; font-weight: 500; text-align: center; background: #f4fbfc;}

/* Culture s04 청소년문화의집 운영위원회 */
.operate_box {position: relative; float: left; width: 100%; margin-top: 30px;}
.operate_box ul li {position: relative; float: left; width: 99%; height: auto; padding: 30px 30px 30px 110px; margin-left: 1%; margin-bottom: 20px; background: #f8f8f8;}
.operate_box ul li div.titbullet {position: absolute; top: 0px; left: -16px; width: 103px; height: 126px; text-align: center; padding-top: 55px; padding-right: 15px;}
.operate_box ul li.box1 div.titbullet {background: url("../culture/images/bookmark_bg1.png") no-repeat left top;}
.operate_box ul li.box2 div.titbullet {background: url("../culture/images/bookmark_bg2.png") no-repeat left top;}
.operate_box ul li.box3 div.titbullet {background: url("../culture/images/bookmark_bg3.png") no-repeat left top;}
.operate_box ul li.box4 div.titbullet {background: url("../culture/images/bookmark_bg4.png") no-repeat left top;}
.operate_box ul li.box5 div.titbullet {background: url("../culture/images/bookmark_bg5.png") no-repeat left top;}
.operate_box ul li.box6 div.titbullet {background: url("../culture/images/bookmark_bg6.png") no-repeat left top;}
.operate_box ul li .titbullet span {font-size: 1.8rem; font-family: "Noto Sans KR", sans-serif; color: #fff; font-weight: 500; transform: rotate(-0.04deg); letter-spacing: -0.08rem;}
.operate_box ul li .operate_txtbox {display: inline-block;}
.operate_box ul li .operate_txtbox p {font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem;}
.operate_box ul li .operate_txtbox .oplist {float: left; width: 100%;}
.operate_box ul li .operate_txtbox .oplist span {float: left; width: 15px; font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #5c5c5d; font-weight: 500; transform: rotate(-0.04deg);}
.operate_foot {position: relative; float: left; width: 100%; height: 300px; padding-top: 40px; margin-top: 30px; background: url("../culture/images/operate_foot_bg.jpg") no-repeat left top;}
.operate_foot p {font-family: "Gmarket Sans", sans-serif; font-size: 2.2rem; color: #504e4e; font-weight: 500; line-height: 38px; letter-spacing: -0.1rem; transform: rotate(-0.04deg);}
.operate_foot p span {font-size: 3.4rem; color: #4baf15;}

/* Volunteer s01 청소년자원봉사센터 이용안내 */
.volunteer_contents {position: relative; float: left; width: 100%;}
.volunteerinfo_box {float: left; width: 100%; margin-top: 50px;}
.volunteerinfo_box .servicearea {float: left; width: 100%; margin-bottom: 40px;}
.volunteerinfo_box .servicearea2 {margin-bottom: 0;}
.volunteerinfo_box .servicearea .contxt {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #504e4e; font-weight: 300; letter-spacing: -0.2px; transform: rotate(-0.04deg);}
.volunteer_item {float: left; width: 100%; margin-bottom: 60px;}
.volunteer_item ul li {float: left; width: 31.6667%; margin-right: 2.5%;}
.volunteer_item ul li:last-child {margin-right: 0;}
.foot_imgbox {float: left; width: 100%; height: 430px; margin-top: -150px; background: url("../volunteer/images/volunteer_foot_img.png") no-repeat right top;}

/* Volunteer s02 청소년자원봉사센터 프로그램안내 */
.activeinfo {float: left; width: 100%;}
.activeinfo .left {float: left; width: 40%;}
.activelistarea {float: left; width: 100%;}
.activelistarea2 {margin-top: 40px;}
.activelistarea ul li {float: left; width: 100%;}
.activelistarea ul li span {display: inline-block; width: 18px; font-family: "Noto Sans KR", sans-serif; font-size: 1.2rem; color: #07b5c0; font-weight: 300; letter-spacing: -0.4px; transform: rotate(-0.04deg); margin-top: 4px; vertical-align: top;}
.activelistarea ul li p {display: inline-block; width: 90%; font-family: "Noto Sans KR", sans-serif; font-size: 1.7rem; color: #504e4e; font-weight: 300; letter-spacing: -0.2px; transform: rotate(-0.04deg);}
.activeinfo .right {float: left; width: 60%;}
.activeinfo .right span img {width: 100%;}

/* Exami s01 보령시청소년유해환경감시단 안내 */
.examiguide_item {float: left; width: 100%; margin-top: 50px; margin-bottom: 30px;}
.examiguide_item ul li {float: left; width: 31.6667%; margin-right: 2.5%;}
.examiguide_item ul li:last-child {margin-right: 0;}
.mainactive {float: left; width: 100%; margin-top: 5px;}
.mainactive ul li {float: left; width: 100%; margin-bottom: 5px;}
.mainactive ul li div.txtbullet {float: left; width: 15px; font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #5c5c5d; font-weight: 500; transform: rotate(-0.04deg);}
.mainactive ul li p {float: left; width: 96%; font-size: 1.8rem; color: #5c5c5d; transform: rotate(-0.04deg); letter-spacing: -0.08rem;}

/* Exami s04 고발창구 폼 */
.exami_contents {position: relative; float: left; width: 100%;}
.accuseform {float: left; width: 100%;}
.accuseform .inquiryform #table_layout {float: left; width: 100%; border-top: 2px solid #08b5c0;}
.accuseform .inquiryform #table_layout tr th {width: 25%; font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #525151; font-weight: 500; padding: 5px 0; background-color: #f9f9f9; border-bottom: 1px solid #ddd;}
.accuseform .inquiryform #table_layout tr td {width: 75%; font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #868686; font-weight: 400; padding: 10px 0 10px 10px; background-color: #fff; border-bottom: 1px solid #ddd;}
.accuseform .inquiryform #table_layout tr td input.forminput {width: 94%; height: 50px; font-size: 1.5rem; color: #636363; font-weight: 400; letter-spacing: -0.08rem; padding: 10px; background: #fff; border: 1px solid #ddd;}
.accuseform .inquiryform #table_layout tr td input.forminput2 {width: 50%;}
.accuseform .inquiryform #table_layout tr td span {display: inline-block; margin-left: 10px; vertical-align: middle;}
.accuseform .inquiryform #table_layout tr td textarea {display: block; width: 94%; height: 150px; font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #636363; padding: 10px; border: 1px solid #ddd;}
.accuseform .inquiryform #table_layout tr th.last {border-bottom: 1px solid #111;} /* 폼 롤오버시 라인 효과*/
.accuseform .inquiryform #table_layout tr td.last {border-bottom: 1px solid #111;} /* 폼 롤오버시 라인 효과*/

/* Exami s04 고발창구 개인정보처리방침 박스 */
.formarea {float: left; width: 100%; margin-top: 30px;}
.formarea p {display: inline-block; width: 100%; font-size: 1.7rem; color: #525151; font-weight: 500; margin-bottom: 10px;}
#fregister_term {float: left; width: 100%; padding: 15px; margin-bottom: 0 !important; background: #fbf9fa; border: 1px solid #d8d5d6;}
#fregister_term h2 {float: left; width: 100%; height: 42px; font-family: "Noto Sans KR", sans-serif; font-size: 1.6rem; color: #525151; font-weight: 500; line-height: 42px; text-align: left; padding-left: 10px; border: 1px solid #e9e9e9; border-bottom: 0;}
#fregister_term textarea {display: block; width: 100%; height: 200px; font-family: "Noto Sans KR", sans-serif; font-size: 1.4rem; color: #757576; line-height: 20px; padding: 20px; background: #fff; border: 1px solid #e9e9e9;}
#fregister_term .fregister_agree {float: left; width: 100%; height: 55px; font-size: 1.5rem; color: #4d4d4d; font-weight: 400; line-height: 50px; text-align: right; background-color: #fff; border: 1px solid #e9e9e9; border-top: 0;}
#fregister_term .fregister_agree input.basicradio { display: inline-block; width: 20px; height: 20px; margin-left: 15px;}
#fregister_term .fregister_agree .radiobox-label {font-size: 1.5rem; margin-right: 10px;}

/* focus Eff */
.accuseform .inquiryform #table_layout tr td input[type="text"]:focus, .accuseform .inquiryform #table_layout tr td textarea:focus {border:1px solid #08b5c0; transition: border 0.5s ease;}

/* 확인,취소 버튼 */
.btnconfirm_box {float: left; width: 100%; text-align: center; margin-top: 40px;}
.btnconfirm_box a {display: inline-block; width: 16%; font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #fff; font-weight: 500; padding: 15px 5px; border-radius: 6px;}
.btnconfirm_box a.confirm {margin-right: 10px; background: #08b5c0; border: 1px solid #08b5c0;}
.btnconfirm_box a.cancel {background: #acacac; border: 1px solid #acacac;}
.btnconfirm_box a.confirm:hover {color: #08b5c0; background: #fff; border: 1px solid #08b5c0; transition: all 0.3s ease;}
.btnconfirm_box a.cancel:hover {background: #555555; border: 1px solid #555555; transition: all 0.3s ease;}

/* etc 사이트맵 */
.sitemap_contents {float: left; width: 100%;}
.sitemapmn {float: left; width: 100%;}
.sitemapmn ul {float: left; width: 18.75%; margin-right: 1.5625%;}
.sitemapmn ul:last-child {margin-right: 0;}
.sitemapmn ul li {float: left; width: 100%;}
.sitemapmn ul li.mntitle a {display: block; width: 100%; height: 60px; font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #fff; font-weight: 500; line-height: 60px; letter-spacing: -0.08rem; text-align: center; background: #08b5c0; border-radius: 5px; transition: all 0.3s ease;}
.sitemapmn ul li.mntitle a:hover {background: #37556d;}
.sitemapmn ul li.site_submn a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 1.5rem; color: #a3a3a3; font-weight: 500; letter-spacing: -0.08rem; padding: 12px 0 12px 10px; border-bottom: 1px solid #ebe9e9; transition: all 0.3s ease;}
.sitemapmn ul li.site_submn a:hover {color: #0aa6b5; background: #f9fafa; border-bottom: 1px solid #0aa6b5;}

/* 개인정보처리방침 */
.ctt_privacy { float: left; width: 100%; padding: 15px; background-color: #fafafa; border-top: 2px solid #08b5c0; border-bottom: 1px solid #fafafa;}
#ctt_con {float: left; font-family: "Noto Sans KR", sans-serif !important; font-size: 1.4rem !important; color: #676666; font-weight: 300; line-height: 20px; background-color: #fff; padding: 30px; border: 1px solid #e6e7e8;}
#ctt_con p {font-family: "Noto Sans KR", sans-serif !important; font-size: 1.4rem !important; color: #504e4e !important; transform: rotate(-0.03deg);}
#ctt_con p strong {color: #252525 !important;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

/* subvisual */
.subvisual_box {padding-bottom: 56.75%; margin-top: 80px; background: url("../images/mo_sub_visual.jpg") no-repeat center top; background-size: cover;}

/* pc subnavi */
.subnavi_box {display: none;}

/* subpage common */
.subpage_box {margin: 40px 0;}
.subpage_contents {padding: 0 3%;}
.subpage_title h3 {font-size: 4rem;}
.subpage_title span.bullet {width: 40px;}

/* 페이지준비중 */
.pageprepare .page {display: inline-block; width: 100%;}

/* Intro s01 인사말 */
.greeting_title {overflow: hidden;}
.greeting_title .titbg {width: 140%; height: auto;}
.greeting_title .titbox {position: relative; top: 0; left: 0; width: 100%; height: auto; padding-top: 90px; padding-left: 5%; padding-bottom: 10%;}
.greeting_title .titbox:before {left: 5%; height: 80px;}
.greeting_title .titbox p {font-size: 2.5rem; line-height: 3.5rem;}
.greeting_txt {margin-top: 50px;}
.greeting_txt span.tittxt {font-size: 3.5rem; word-break: keep-all;}
.greeting_txt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem; word-break: keep-all;}
.greeting_txt span.txtpoint {font-size: 2rem;}
.greeting_txt span.txtpoint strong {font-size: 2.2rem;}
.greeting_txt .sign {font-size: 1.8rem;}
.greeting_txt .sign span.name {font-size: 2.4rem;}

.head_info .lefttxt {width: 100%;}
.head_info .lefttxt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem;}
.head_info .lefttxt p strong br {display: none;}
.head_info .rightimg {width: 70%;}
.head_info .lefttxt p span.bold br:nth-of-type(2) {display: none;}
.head_info .lefttxt p br.brnone {display: none;}

/* Intro s02 조직도 */
.organ_contents .part1 {width: 80%; height: 70px; font-size: 2.2rem; line-height: 72px;}
.organ_contents .part1:after {top: 70px; height: 240px;}
.organ_contents .part2 {width: 42%; height: 50px; font-size: 1.8rem; line-height: 52px; margin-left: 0;}
.organ_contents .part2:after {top: 25px; left: 100%; width: 19.5%;}
.organ_contents .part3 {width: 42%; height: 50px; font-size: 1.8rem; line-height: 52px;}
.organ_contents .organlist_box ul li {width: 49%; margin-right: 0; margin-bottom: 30px;}
.organ_contents .organlist_box ul li:before {left: 0; width: 100%;}
.organ_contents .organlist_box ul li:nth-child(2n+2) {float: right;}
.organ_contents .organlist_box ul li div.boxtit {margin-bottom: 20px;}
.organ_contents .organlist_box ul li div.boxtit:before {display: none;}
.organ_contents .organlist_box ul li div.boxtit span {font-size: 1.6rem; line-height: 20px; letter-spacing: -0.2rem; padding-top: 14px;}
.organ_contents .organlist_box ul li span.depart {height: 50px; font-size: 1.6rem; line-height: 50px;}
.organ_contents .organlist_box ul li span.depart2 {font-size: 1.2rem; line-height: 52px; letter-spacing: -0.12rem;}
.organ_contents .organlist_box ul li span.depart:before {top: -21px; height: 20px;}

/* Intro s03 걸어온길 */
.history_tabbtns ul li {width: 40%;}
.history_tabbtns ul li a {font-size: 1.8rem; line-height: 40px; padding-top: 3px;}
.historylist:before {left: 80px; height: 87%;}
.historylist2:before {height: 95.7%;}
.historylist li div.year {width: 35%; font-size: 2.3rem;}
.historylist li div.year:after {margin-left: 22px; vertical-align: middle;}
.historylist li div.infotxt {width: 65%; padding-top: 3px; padding-left: 0;}
.list_bar li {padding-left: 5px;}
.historylist li div.infotxt ul li {font-size: 1.6rem; line-height: 22px;}
.historylist li div.infotxt ul li div.month {width: 100%; font-size: 1.6rem; margin-bottom: 5px;}

/* Intro s04 이용방법 */
.howtouse_contents .left_stitle {width: 100%; margin-bottom: 15px;}
.howtouse_contents .left_stitle ul li.stitle_bullet {width: 30px;}
.howtouse_contents .left_stitle ul li.stitle_kor {font-size: 2.2rem; margin-top: 15px;}
.howtouse_contents .right_pagecon {width: 100%;}
.etctxt ul li {font-size: 1.6rem;}
.etctxt ul li:first-child {margin-bottom: 5px;}
.etctxt ul li p {font-size: 1.6rem;}
.centertype .guidetypeimg ul li {width: 50%;}
.centertype .centerarea ul li span {width: 15px; margin-top: 1px;}
.centertype .centerarea ul li p {width: 93%; font-size: 1.5rem; line-height: 22px; letter-spacing: -0.25px; word-break: keep-all;}

/* Intro s07 찾아오시는길 */
.locationimg .map {height: 400px;}
.locationimg .map img {margin-top: -100px; margin-left: -440px;}
.locationinfo ul li {width: 100%; height: auto; margin-right: 0; margin-bottom: 20px;}
.locationinfo ul li .mapinfotxt {width: 75%;}
.locationinfo ul li .mapinfotxt2 p {line-height: 24px; letter-spacing: -0.1rem; word-break: keep-all;}
.traffic_guide .map_guidebox .traffic_ico {width: 100%; font-size: 1.6rem;}
.traffic_guide .map_guidebox .traffic_list {width: 100%; font-size: 1.5rem; margin-top: 10px;}
.traffic_guide .map_guidebox .traffic_list div.list span {font-size: 1.6rem;}
.traffic_guide .map_guidebox .traffic_list div.list p {font-size: 1.6rem;}

/* Center s01 청소년상담복지센터,꿈드림 이용안내 */
.numsell_box ul li span {width: 60px; height: 60px; font-size: 2rem; line-height: 65px;}
.numsell_box ul li div.selltxt {width: 78%; font-size: 1.6rem; letter-spacing: -0.1rem; padding: 20px 20px;}
.numsell_box ul li div.selltxt .counseltit {font-size: 1.7rem;}
.numsell_box ul li div.selltxt .selltxt-sxt {font-size: 1.6rem; letter-spacing: -0.1rem; margin-top: 0;}

.numsell_box ul li div.selltxt .morelinks {width: 100%; margin-top: 10px; margin-left: 0;}
.numsell_box ul li div.selltxt .morelinks a {padding: 15px 15px;}
.numsell_box ul li div.selltxt .morelinks a.dream i {width: 60%; height: auto; margin-right: 10px;}
.numsell_box ul li div.selltxt .morelinks a.dream div.txt {font-size: 1.6rem;}
.numsell_box ul li div.selltxt .morelinks div.dreamtxt {font-size: 1.25rem; letter-spacing: -0.15rem; line-height: 20px;}

.subtit h4 {font-size: 1.9rem; line-height: 24px; background-size: 18px 18px;}
.cysnet_gudie {padding: 10px;}
.cysnet_gudie span {font-size: 1.8rem;}
.cysnet_gudie p {font-size: 1.6rem; line-height: 22px;}
.cysnet_contents .left {width: 100%;}
.cysnet_contents .right {width: 100%;}
.cysnet_contents .right .centercall {margin-top: 50px;}
.cysnet_contents .right .centercall2 {margin-top: 30px;}
.cysnet_contents .right .centercall ul li i {width: 60px; height: 60px;}
.cysnet_contents .right .centercall ul li span {font-size: 1.5rem;}
.cysnet_contents .right .servicecon {padding-top: 20px; margin-top: 35px;}
.cysnet_contents .right .servicecon span {font-size: 1.8rem;}
.cysnet_contents .right .servicecon p {font-size: 1.6rem; line-height: 22px;}
.cysnet_contents .right .bannermore a {padding: 15px 15px;}
.cysnet_contents .right .bannermore a.facebook i {width: 13%; height: auto; margin-right: 10px;}
.cysnet_contents .right .bannermore a.facebook span {font-size: 1.8rem;}
.cysnet_contents .right .bannermore a.instagram i {width: 13%; height: auto; margin-right: 10px;}
.cysnet_contents .right .bannermore a.instagram span {font-size: 1.8rem;}

.youthcall_box {padding-bottom: 50%; background: url("../center/images/cyber1388_img.jpg") no-repeat right bottom; background-size: 90%;}
.youthcall_list .youthtxt ul li {margin-bottom: 5px;}
.youthcall_list .youthtxt ul li span {width: 15px; margin-top: 1px;}
.youthcall_list .youthtxt ul li p {width: 93%; font-size: 1.5rem; line-height: 22px; letter-spacing: -0.25px;}

/* 페이지별 공통 상단 타이틀 */
.subtit_box:before {display: none;}
.subtit_box:after {width: 120px;}
.subtit_box .box_wrap {padding: 180px 0 30px 0;}
.subtit_box .box_wrap1:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap2:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap3:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap4:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap5:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap6:before {top: 24px; left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap .box_txt span.txt {font-size: 2rem;}
.subtit_box .box_wrap .box_txt .pointxt {font-size: 1.8rem; letter-spacing: -0.2rem; margin-top: 10px;}
.subtit_box .box_wrap .box_txt .pointxt span {font-size: 2.2rem;}

/* Culture s01 청소년문화의집 이용안내 */
.subtit_box .box_wrap .box_txt p.contxt {font-size: 1.6rem; line-height: 23px;}
.facilities_contents .left_stitle {width: 100%; margin-bottom: 15px;}
.facilities_contents .left_stitle ul li.stitle_bullet {width: 30px;}
.facilities_contents .left_stitle ul li.stitle_kor {font-size: 2.2rem; margin-top: 15px;}
.facilities_contents .right_pagecon {width: 100%;}
.timetable .tablelayout th span {font-size: 1.6rem;}
.timetable .tablelayout td {font-size: 1.4rem;}
.facilities_contents .right_pagecon .guidedesk p {font-size: 1.6rem;}
.facilities_guide ul li div.floors {width: 80px; height: 80px; font-size: 2.2rem; line-height: 82px;}
.facilities_guide ul li div.floors_1:after {top: 30px; right: -15px; border-bottom: 35px solid #07b5c0; border-right: 38px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}
.facilities_guide ul li div.floors_2:after {top: 30px; right: -15px; border-bottom: 35px solid #2da05b; border-right: 38px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}
.facilities_guide ul li div.floors_3:after {top: 30px; right: -15px; border-bottom: 35px solid #00aeef; border-right: 38px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}

.facilities_guide ul li div.floorstxt {width: 100%; padding: 20px 20px; margin-top: 15px;}
.facilities_guide ul li div.floorstxt .floorlist span.num {width: 26px; height: 26px; line-height: 24px; margin-right: 5px;}
.facilities_guide ul li div.floorstxt .floorlist p {width: 82%; font-size: 1.6rem; line-height: 23px; margin-top: 1px;}

/* 하단 고객센터 연락처 */
.foot_customer ul li {width: 100%; padding: 20px 20px; margin-right: 0; margin-bottom: 20px;}
.foot_customer ul li .cuinfotxt span {font-size: 1.9rem; margin-right: 10px; margin-left: 10px;}
.foot_customer ul li .cuinfotxt p {font-size: 1.8rem;}

/* Culture s01 청소년문화의집 SNS */
.snslink_box .btnlinkmore a {width: 100%; padding: 15px 15px;}
.snslink_box .btnlinkmore a.facebook {width: 100%; margin-bottom: 20px;}
.snslink_box .btnlinkmore a.facebook i {width: 13%; height: auto; margin-right: 10px;}
.snslink_box .btnlinkmore a.facebook span {font-size: 1.6rem;}
.snslink_box .btnlinkmore a.naverbend {width: 100%; margin-bottom: 20px;}
.snslink_box .btnlinkmore a.naverbend i {width: 13%; height: auto; margin-right: 10px;}
.snslink_box .btnlinkmore a.naverbend span {font-size: 1.6rem;}
.snslink_box .btnlinkmore a.youtube {width: 100%;}
.snslink_box .btnlinkmore a.youtube i {width: 13%; height: auto; margin-right: 10px;}
.snslink_box .btnlinkmore a.youtube span {font-size: 1.6rem;}

/* Culture s02 청소년문화의집 프로그램안내 */
.programguide_title p {font-size: 1.8rem; line-height: 30px; letter-spacing: -0.15rem;}
.programguide_title p span {font-size: 2.2rem; line-height: 34px;}
.programguide_item ul li {width: 100%; margin-right: 0; margin-bottom: 3%;}
.programguide_item ul li:last-child {margin-bottom: 0;}
.programguide_txt span {font-size: 1.6rem; letter-spacing: -0.1rem;}
.programguide_txt p {font-size: 1.6rem; letter-spacing: -0.1rem;}
.program_timetable .tablelayout th span {font-size: 1.6rem;}
.program_timetable .tablelayout td {font-size: 1.5rem; line-height: 20px; letter-spacing: -0.15rem; padding: 10px 10px;}
.program_timetable .tablelayout td.tit {font-size: 1.6rem; word-break: keep-all;}

/* Culture s04 청소년문화의집 운영위원회 */
.operate_box ul li {padding: 20px 10px 20px 90px; margin-left: 0;}
.operate_box ul li div.titbullet {left: 0; width: 80px; padding-top: 42px;}
.operate_box ul li .titbullet span {font-size: 1.5rem;}
.operate_box ul li.box1 div.titbullet {background-size: 100%;}
.operate_box ul li.box2 div.titbullet {background-size: 100%;}
.operate_box ul li.box3 div.titbullet {background-size: 100%;}
.operate_box ul li.box4 div.titbullet {background-size: 100%;}
.operate_box ul li.box5 div.titbullet {background-size: 100%;}
.operate_box ul li.box6 div.titbullet {background-size: 100%;}

.operate_box ul li .operate_txtbox p {float: left; width: 92%; font-size: 1.5rem; line-height: 22px;}
.operate_box ul li .operate_txtbox p br {display: none;}
.operate_foot {height: 100%; padding-top: 0; padding-bottom: 26%; margin-top: 20px; background: url("../culture/images/operate_foot_bg.jpg") no-repeat -80px bottom; background-size: 120%;}
.operate_foot p {font-size: 1.8rem; line-height: 35px; letter-spacing: -0.05rem; word-break: keep-all;}
.operate_foot p br {display: none;}
.operate_foot p span {font-size: 2.6rem;}

/* Volunteer s01 청소년자원봉사센터 이용안내 */
.volunteer_item {margin-bottom: 50px;}
.volunteer_item ul li {width: 100%; margin-right: 0; margin-bottom: 3%;}
.volunteer_item ul li:last-child {margin-bottom: 0;}
.volunteerinfo_box .servicearea .contxt {font-size: 1.6rem; line-height: 22px;}
.foot_imgbox {height: 100%; padding-bottom: 56%; margin-top: 0; background: url("../volunteer/images/volunteer_foot_img.png") no-repeat right bottom; background-size: 100%;}

/* Volunteer s02 청소년자원봉사센터 프로그램안내 */
.activeinfo .left {width: 100%;}
.activelistarea ul li {margin-bottom: 5px;}
.activelistarea ul li:last-child {margin-bottom: 0;}
.activelistarea ul li span {width: 15px; margin-top: 1px;}
.activelistarea ul li p {width: 93%; font-size: 1.5rem; line-height: 22px; letter-spacing: -0.2px;}
.activeinfo .right {width: 100%; margin-top: 30px;}

/* Exami s01 보령시청소년유해환경감시단 안내 */
.examiguide_item {margin-bottom: 20px;}
.examiguide_item ul li {width: 100%; margin-right: 0; margin-bottom: 3%;}
.examiguide_item ul li:last-child {margin-bottom: 0;}
.mainactive ul li div.txtbullet {margin-top: -3px;}
.mainactive ul li p {width: 92%; font-size: 1.5rem; letter-spacing: -0.1rem;}

/* Exami s04 고발창구 폼 */
.accuseform .inquiryform #table_layout tr th {font-size: 1.4rem; letter-spacing: -0.1rem;}
.accuseform .inquiryform #table_layout tr td input.forminput {width: 98%; height: 44px;}
.accuseform .inquiryform #table_layout tr td input.forminput2 {width: 98%;}
.accuseform .inquiryform #table_layout tr td textarea {width: 98%;}
.accuseform .inquiryform #table_layout tr td span {margin-top: 5px; margin-left: 0;}
.btnconfirm_box a {width: 30%; font-size: 1.6rem; padding: 10px 5px;}

/* Exami s04 고발창구 개인정보처리방침 박스 */
#fregister_term {padding: 3%;}
#fregister_term textarea {padding: 4%;}

/* etc 사이트맵 */
.sitemapmn ul {float: left; width: 48%; height: 380px; margin-bottom: 30px;}
.sitemapmn ul:nth-child(2n) {float: right;}
.sitemapmn ul:nth-of-type(3), .sitemapmn ul:nth-of-type(4), .sitemapmn ul:nth-of-type(5) {height: 250px;}
.sitemapmn ul:nth-of-type(5) {margin-bottom: 0;}
.sitemapmn ul li.mntitle a {font-size: 1.4rem;}
.sitemapmn ul li.mntitle2 a {line-height: 20px; padding-top: 10px;} 
.sitemapmn ul li.site_submn a {font-size: 1.25rem;}

/* 개인정보처리방침 */
.ctt_privacy {padding: 3%;}
#ctt_con {padding: 3%;}
#ctt_con p {font-size: 1.3rem !important;}

}

/* 프로그램신청 */
.link-btn {display:inline-block; height:29px; padding:0 10px; margin-right:5px; font-size:14px; font-weight:600; line-height:29px; color:#fff; background-color:#09ACB6; border-radius:3px; transition:.3s;}
.link-btn:hover {background-color:#05838b; transition:.3s;}
.txt-center {text-align:center !important;}
.txt-red {color:#DF6464;}
.title-bar {display:flex; justify-content:space-between;}
.table-title {padding-bottom:15px; font-size:24px; font-weight:600; color:#111;}
.required-txt {margin:auto 0; font-size:16px;}
.required-txt span {font-size:16px;}

.program_item .bo_fx {margin-bottom:5px; text-align:right;}
.program_item .bo_fx a.btn_b02 {font-size: 1.2rem; padding: 7px 12px; transition:.3s;}
.program_item .bo_fx a.btn_b02:hover {background-color:#000; transition:.3s;}
.program_item .pg a.pg_start {background: #f5f4f4 url("../images/angle-double-left.svg") no-repeat center; background-size:12px;}
.program_item .pg a.pg_end {background: #f5f4f4 url("../images/angle-double-right.svg") no-repeat center; background-size:12px;}

.m-br {display:none;}

.l-table {width:100%; margin-bottom:5px; border-top:2px solid #231F20;}
.l-table:not(:last-of-type) {margin-bottom:65px;}
.l-table tr {border-bottom: 1px solid #ddd;}
.l-table thead tr th {text-align:center;}
.l-table tr th {padding: 16.5px 20px; white-space:nowrap; text-align:left; font-size:15px; font-weight:600; color:#111;}
.l-table tr td {padding: 16.5px 20px; white-space:nowrap; font-size:15px; color:#666;}
.l-table tr td br {display:none;}
.l-table .tb-link-btn {max-width:100%; padding-right:5px; white-space:normal; color:#111; transition:.3s;}
.l-table .tb-link-btn:hover {color:#09ACB6; text-decoration:underline; transition:.3s;}

.v-table {width:100%; border-top:2px solid #231F20;}
.v-table:not(:last-of-type) {margin-bottom:65px;}
.v-table tr {border-bottom: 1px solid #ddd;}
.v-table thead tr th {text-align:center;}
.v-table tr th {padding: 21px 20px; white-space:nowrap; text-align:left; font-size:15px; font-weight:600; color:#111;}
.v-table tr td {padding: 21px 20px; word-break:keep-all; font-size:15px; color:#666;}

.v-input[type="text"] {width:100%; height:35px; padding:0 10px; font-size:14px; background-color:#F3F3F3; border-radius:3px; border:none;}

.s-table {width:100%; border-top:2px solid #231F20;}
.s-table tr {border-bottom: 1px solid #ddd;}
.s-table tr th {padding: 33px 20px; white-space:nowrap; font-size:22px; font-weight:600; color:#111;}
.s-table tr td {padding: 33px 20px; word-break:keep-all; font-size:16px; color:#666;}
.s-table ul li {font-size:16px; line-height:28px;}

.state-box {display:inline-block; height:29px; padding:0 15px; font-size:14px; font-weight:600; line-height:29px; color:#fff; background-color:#09ACB6; border-radius:3px;}
.state-box.end {background-color:#aaa;}

.search-wrap {display:flex; justify-content:center; gap:5px; margin-top:45px;}
.search-wrap .search-select {width:110px; height:35px; padding: 0 0 0 10px; font-family: "Noto Sans KR", sans-serif; font-size:1.4rem; border:1px solid #E4EAEC; background-color:#fff;}
.search-wrap .search-input {width:230px; height:35px; padding:0 10px 0 10px; font-size:1.4rem; border:1px solid #E4EAEC; background-color:#fff;}
.search-wrap .search-btn {height: 35px; padding: 7px 20px; white-space:nowrap; font-size: 14px; color:#fff; background: #333; border: 1px solid #333}
				
.btn-area {display:flex; justify-content:center; gap:8px; padding-top:50px;}
.point-btn {height:46px; padding:0 15px; font-size:17px; font-weight:600; line-height:46px; color:#fff; background-color:#09ACB6; border-radius:3px; transition:.3s;}
.point-btn:hover {background-color:#05838b; transition:.3s;}
.basic-btn {height:46px; padding:0 15px; font-size:17px; font-weight:600; line-height:46px; color:#fff; background-color:#666; border-radius:3px; transition:.3s;}
.basic-btn:hover {background-color:#444; transition:.3s;}

.step-wrap {display:flex; margin-bottom:50px;}
.step-box {display:flex; justify-content:center; gap:15px; width:calc(100% / 3); height:100px;}
.step-box.type-a {background:url("../images/step_bg_01.png") no-repeat;}
.step-box.type-b {background:url("../images/step_bg_02.png") no-repeat;}
.step-box.type-c {background:url("../images/step_bg_03.png") no-repeat;}
.step-box.type-a.on {background:url("../images/step_bg_01_on.png") no-repeat;}
.step-box.type-b.on {background:url("../images/step_bg_02_on.png") no-repeat;}
.step-box.type-c.on {background:url("../images/step_bg_03_on.png") no-repeat;}
.step-box .step-img {margin: auto 0 auto -22px;}
.step-box .step-list {margin: auto 0;}
.step-box .step-list li:first-of-type {font-size:15px; color:#8E8080;}
.step-box .step-list li:nth-of-type(2) {word-break:keep-all; font-size:17px; font-weight:700; color:#888;}
.step-box.on .step-list li:nth-of-type(2) {color:#09ACB6;}

.complete-wrap {padding: 30px 0 45px; display:flex; justify-content:center; gap:20px;}
.complete-wrap .complete-img {margin:auto 0;}
.complete-wrap .complete-list {margin:auto 0;}
.complete-wrap .complete-list li:first-of-type {font-family: 'Gmarket Sans'; font-size:30px; font-weight:500; color:#464646;}
.complete-wrap .complete-list li:nth-of-type(2) {font-size:15px; color:#666;}

/* check box */
.chk-wrap {padding: 30px 0;}
.chk-box {display: block; position: relative; height:20px; padding-left: 30px; font-size: 16px; line-height: 20px; color: #666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.chk-box input[type="checkbox"] {position:absolute; top:1px; left:0; width:20px; height:20px; border:none; opacity: 0;}
.chk-box .on {position: absolute; top: 1px; left: 0; width: 20px; height: 20px; border-radius: 3px; background-color: #F3F3F3; transition: .3s;}
.chk-box input[type="checkbox"]:checked + .on {background-color: #09ACB6;}
.chk-box .on::after {content: ""; position: absolute; width: 100%; height: 100%; background: url("../images/chk_icon.png") center no-repeat; opacity:0; transition: .3s;}
.chk-box input[type="checkbox"]:checked + .on:after {background: url("../images/chk_icon.png") center no-repeat; opacity:1; transition: .3s;}

/* radio button */
.radio-box {display: inline-block; display: inline-block; position: relative; height:20px; padding-left: 28px; cursor: pointer; font-size: 16px; line-height: 20px; color: #666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radio-box:not(:first-of-type) {margin-left:15px;}
.radio-box input[type="radio"] {position:absolute; top:1px; left:0; width:20px; height:20px; border:none; opacity: 0;}
.radio-box .on {position: absolute; top:1px; left: 0; width: 20px; height: 20px; background: #F3F3F3; border:none; border-radius: 50%;}
.radio-box input[type="radio"]:checked + .on {background-color: #09ACB6;}
.radio-box .on:after {content: ""; position: absolute; width: 100%; height: 100%; background: url("../images/chk_icon.png") center no-repeat; background-size:13px; opacity:0; transition: .3s;}
.radio-box input[type="radio"]:checked + .on:after {opacity:1; transition: .3s;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 800 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:800px) {
	.l-table tr td br {display:block;}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

/* subvisual */
.subvisual_box {padding-bottom: 56.75%; margin-top: 80px; background: url("../images/mo_sub_visual.jpg") no-repeat center top; background-size: cover;}

/* pc subnavi */
.subnavi_box {display: none;}

/* subpage common */
.subpage_box {margin: 40px 0;}
.subpage_contents {padding: 0 3%;}
.subpage_title h3 {font-size: 3.5rem;}
.subpage_title span.bullet {width: 40px;}

/* 페이지준비중 */
.pageprepare .page {display: inline-block; width: 100%;}

/* Intro s01 인사말 */
.greeting_title {overflow: hidden;}
.greeting_title .titbg {width: 140%; height: auto;}
.greeting_title .titbox {position: relative; top: 0; left: 0; width: 100%; height: auto; padding-top: 90px; padding-left: 5%; padding-bottom: 10%;}
.greeting_title .titbox:before {left: 5%; height: 80px;}
.greeting_title .titbox p {font-size: 2.5rem; line-height: 3.5rem;}
.greeting_txt {margin-top: 50px;}
.greeting_txt span.tittxt {font-size: 3.5rem; word-break: keep-all;}
.greeting_txt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem; word-break: keep-all;}
.greeting_txt span.txtpoint {font-size: 2rem;}
.greeting_txt span.txtpoint strong {font-size: 2.2rem;}
.greeting_txt .sign {font-size: 1.8rem;}
.greeting_txt .sign span.name {font-size: 2.4rem;}

.head_info .lefttxt {width: 100%;}
.head_info .lefttxt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem;}
.head_info .lefttxt p strong br {display: none;}
.head_info .rightimg {width: 70%;}

/* Intro s02 조직도 */
.organ_contents .part1 {width: 80%; height: 70px; font-size: 2.2rem; line-height: 72px;}
.organ_contents .part1:after {top: 70px; height: 240px;}
.organ_contents .part2 {width: 42%; height: 50px; font-size: 1.8rem; line-height: 52px; margin-left: 0;}
.organ_contents .part2:after {top: 25px; left: 100%; width: 19.5%;}
.organ_contents .part3 {width: 42%; height: 50px; font-size: 1.8rem; line-height: 52px;}
.organ_contents .organlist_box ul li {width: 49%; margin-right: 0; margin-bottom: 30px;}
.organ_contents .organlist_box ul li:before {left: 0; width: 100%;}
.organ_contents .organlist_box ul li:nth-child(2n+2) {float: right;}
.organ_contents .organlist_box ul li div.boxtit {margin-bottom: 20px;}
.organ_contents .organlist_box ul li div.boxtit:before {display: none;}
.organ_contents .organlist_box ul li div.boxtit span {font-size: 1.7rem; line-height: 22px; padding-top: 14px;}
.organ_contents .organlist_box ul li span.depart {height: 50px; font-size: 1.5rem; line-height: 50px;}
.organ_contents .organlist_box ul li span.depart2 {font-size: 1.35rem; line-height: 52px; letter-spacing: -0.15rem;}
.organ_contents .organlist_box ul li span.depart:before {top: -21px; height: 20px;}

/* Intro s03 걸어온길 */
.history_tabbtns ul li {width: 40%;}
.history_tabbtns ul li a {font-size: 1.8rem; line-height: 40px; padding-top: 3px;}
.historylist:before {left: 80px; height: 87%;}
.historylist2:before {height: 95.7%;}
.historylist li div.year {width: 35%; font-size: 2.3rem;}
.historylist li div.year:after {margin-left: 22px; vertical-align: middle;}
.historylist li div.infotxt {width: 65%; padding-top: 3px; padding-left: 0;}
.list_bar li {padding-left: 5px;}
.historylist li div.infotxt ul li {font-size: 1.6rem; line-height: 22px;}
.historylist li div.infotxt ul li div.month {width: 100%; font-size: 1.6rem; margin-bottom: 5px;}

/* Intro s04 이용방법 */
.howtouse_contents .left_stitle {width: 100%; margin-bottom: 15px;}
.howtouse_contents .left_stitle ul li.stitle_bullet {width: 30px;}
.howtouse_contents .left_stitle ul li.stitle_kor {font-size: 2.2rem; margin-top: 15px;}
.howtouse_contents .right_pagecon {width: 100%;}
.etctxt ul li {font-size: 1.6rem;}
.etctxt ul li:first-child {margin-bottom: 5px;}
.etctxt ul li p {font-size: 1.6rem;}
.centertype .guidetypeimg ul li {width: 50%;}
.centertype .centerarea ul li span {width: 15px; margin-top: 1px;}
.centertype .centerarea ul li p {width: 93%; font-size: 1.5rem; line-height: 22px; letter-spacing: -0.25px; word-break: keep-all;}

/* Intro s07 찾아오시는길 */
.locationimg .map {height: 400px;}
.locationimg .map img {margin-top: -100px; margin-left: -440px;}
.locationinfo ul li {width: 100%; height: auto; margin-right: 0; margin-bottom: 20px;}
.locationinfo ul li .mapinfotxt {width: 78%;}
.locationinfo ul li .mapinfotxt2 p {line-height: 24px; letter-spacing: -0.1rem; word-break: keep-all;}
.traffic_guide .map_guidebox .traffic_ico {width: 100%; font-size: 1.6rem;}
.traffic_guide .map_guidebox .traffic_list {width: 100%; font-size: 1.5rem; margin-top: 10px;}
.traffic_guide .map_guidebox .traffic_list div.list span {font-size: 1.6rem;}
.traffic_guide .map_guidebox .traffic_list div.list p {font-size: 1.6rem;}

/* Center s01 청소년상담복지센터,꿈드림 이용안내 */
.numsell_box ul li span {width: 60px; height: 60px; font-size: 2rem; line-height: 65px;}
.numsell_box ul li div.selltxt {width: 80%; font-size: 1.6rem; letter-spacing: -0.1rem; padding: 20px 20px;}
.numsell_box ul li div.selltxt .counseltit {font-size: 1.8rem;}
.numsell_box ul li div.selltxt .selltxt-sxt {font-size: 1.6rem; letter-spacing: -0.1rem; margin-top: 0;}

.numsell_box ul li div.selltxt .morelinks {width: 100%; margin-top: 10px; margin-left: 0;}
.numsell_box ul li div.selltxt .morelinks a {padding: 15px 15px;}
.numsell_box ul li div.selltxt .morelinks a.dream i {width: 34%; height: auto; margin-right: 10px;}
.numsell_box ul li div.selltxt .morelinks a.dream div.txt {font-size: 1.3rem;}
.numsell_box ul li div.selltxt .morelinks div.dreamtxt {font-size: 1.4rem; letter-spacing: -0.1rem; line-height: 20px;}

.subtit h4 {font-size: 1.9rem; line-height: 24px; background-size: 18px 18px;}
.cysnet_gudie {padding: 10px;}
.cysnet_gudie span {font-size: 1.8rem;}
.cysnet_gudie p {font-size: 1.6rem; line-height: 22px;}
.cysnet_contents .left {width: 100%;}
.cysnet_contents .right {width: 100%;}
.cysnet_contents .right .centercall {margin-top: 50px;}
.cysnet_contents .right .centercall2 {margin-top: 20px;}
.cysnet_contents .right .centercall ul li i {width: 60px; height: 60px;}
.cysnet_contents .right .centercall ul li span {font-size: 1.6rem;}
.cysnet_contents .right .servicecon {padding-top: 20px; margin-top: 35px;}
.cysnet_contents .right .servicecon span {font-size: 1.8rem;}
.cysnet_contents .right .servicecon p {font-size: 1.6rem; line-height: 22px;}
.cysnet_contents .right .bannermore a.facebook i {width: 16%; height: auto; margin-right: 20px;}
.cysnet_contents .right .bannermore a.facebook span {font-size: 2rem;}
.cysnet_contents .right .bannermore a.instagram i {width: 16%; height: auto; margin-right: 20px;}
.cysnet_contents .right .bannermore a.instagram span {font-size: 2rem;}

.youthcall_box {padding-bottom: 50%; background: url("../center/images/cyber1388_img.jpg") no-repeat right bottom; background-size: 90%;}
.youthcall_list .youthtxt ul li {margin-bottom: 5px;}
.youthcall_list .youthtxt ul li span {width: 15px; margin-top: 1px;}
.youthcall_list .youthtxt ul li p {width: 93%; font-size: 1.5rem; line-height: 22px; letter-spacing: -0.25px;}

/* 페이지별 공통 상단 타이틀 */
.subtit_box:before {display: none;}
.subtit_box:after {width: 120px;}
.subtit_box .box_wrap {padding: 180px 0 30px 0;}
.subtit_box .box_wrap1:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap2:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap3:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap4:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap5:before {left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap6:before {top: 24px; left: 0; width: 100%; text-align: center; background-size: 185px 135px; background-position: center;} /* 페이지별 상단 타이틀 아이콘 */
.subtit_box .box_wrap .box_txt span.txt {font-size: 2rem;}
.subtit_box .box_wrap .box_txt .pointxt {font-size: 2rem; letter-spacing: -0.2rem; margin-top: 10px;}
.subtit_box .box_wrap .box_txt .pointxt span {font-size: 2.6rem;}

/* Center s05 온라인상담실 게시판상단 내용추가 */
.useguidetitle {height: auto; padding-top: 240px; background: url("../center/images/ycounsel_bg.jpg") no-repeat center top;}
.useguidetitle .guidelist {padding: 0; margin-bottom: 10px;}
.useguidetitle .guidelist span {width: 25%; height: 40px; font-size: 1.4rem; line-height: 45px;}
.useguidetitle .guidelist p {width: 68%; font-size: 1.6rem; letter-spacing: -0.1rem; line-height: 24px; word-break: keep-all; padding-top: 7px;}

.ycounsel_type ul li {width: 50%; padding: 5px;}
.ycounsel_type ul li div.typebox {height: 230px; padding: 25px 5px;}
.ycounsel_type ul li div.typebox strong {font-size: 2rem;}
.ycounsel_type ul li div.typebox p {font-size: 1.4rem; line-height: 20px;}

.ycounsel_type ul li:nth-of-type(3) div.typebox {height: 200px;}
.ycounsel_type ul li:nth-of-type(4) div.typebox {height: 200px;}
.ycounsel_type ul li:nth-of-type(4) div.typebox p br {display: none;}
.ycounsel_type ul li:nth-of-type(5) {width: 100%;}
.ycounsel_type ul li:nth-of-type(5) div.typebox {height: 200px;}

/* Culture s01 청소년문화의집 이용안내 */
.subtit_box .box_wrap .box_txt p.contxt {font-size: 1.6rem; line-height: 23px;}
.facilities_contents .left_stitle {width: 100%; margin-bottom: 15px;}
.facilities_contents .left_stitle ul li.stitle_bullet {width: 30px;}
.facilities_contents .left_stitle ul li.stitle_kor {font-size: 2.2rem; margin-top: 15px;}
.facilities_contents .right_pagecon {width: 100%;}
.timetable .tablelayout th span {font-size: 1.7rem;}
.timetable .tablelayout td {font-size: 1.6rem;}
.facilities_contents .right_pagecon .guidedesk p {font-size: 1.6rem;}
.facilities_guide ul li div.floors {width: 80px; height: 80px; font-size: 2.2rem; line-height: 82px;}
.facilities_guide ul li div.floors_1:after {top: 30px; right: -15px; border-bottom: 35px solid #07b5c0; border-right: 38px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}
.facilities_guide ul li div.floors_2:after {top: 30px; right: -15px; border-bottom: 35px solid #2da05b; border-right: 38px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}
.facilities_guide ul li div.floors_3:after {top: 30px; right: -15px; border-bottom: 35px solid #00aeef; border-right: 38px solid transparent; border-left: 0px solid transparent; border-top: 0px solid transparent;}

.facilities_guide ul li div.floorstxt {width: 100%; padding: 20px 20px; margin-top: 15px;}
.facilities_guide ul li div.floorstxt .floorlist span.num {width: 26px; height: 26px; line-height: 24px; margin-right: 5px;}
.facilities_guide ul li div.floorstxt .floorlist p {font-size: 1.6rem; line-height: 23px; margin-top: 1px;}

/* 하단 고객센터 연락처 */
.foot_customer ul li {width: 100%; padding: 20px 25px; margin-right: 0; margin-bottom: 20px;}
.foot_customer ul li .cuinfotxt span {font-size: 1.9rem; margin-right: 10px;}
.foot_customer ul li .cuinfotxt p {font-size: 2rem;}
.foot_customer ul li .cuinfotxt2 span {font-size: 2.2rem; margin-right: 10px;}
.foot_customer ul li .cuinfotxt2 p {font-size: 2.2rem;}

/* Culture s01 청소년문화의집 SNS */
.snslink_box .btnlinkmore a {width: 100%; padding: 15px 15px;}
.snslink_box .btnlinkmore a.facebook {width: 100%; margin-bottom: 20px;}
.snslink_box .btnlinkmore a.facebook i {width: 16%; height: auto; margin-right: 10px;}
.snslink_box .btnlinkmore a.facebook span {font-size: 1.8rem;}
.snslink_box .btnlinkmore a.naverbend {width: 100%; margin-bottom: 20px;}
.snslink_box .btnlinkmore a.naverbend i {width: 16%; height: auto; margin-right: 10px;}
.snslink_box .btnlinkmore a.naverbend span {font-size: 1.8rem;}
.snslink_box .btnlinkmore a.youtube {width: 100%;}
.snslink_box .btnlinkmore a.youtube i {width: 16%; height: auto; margin-right: 10px;}
.snslink_box .btnlinkmore a.youtube span {font-size: 1.8rem;}

/* Culture s02 청소년문화의집 프로그램안내 */
.programguide_title p {font-size: 1.8rem; line-height: 30px; letter-spacing: -0.15rem;}
.programguide_title p span {font-size: 2.2rem; line-height: 34px;}
.programguide_item ul li {width: 100%; margin-right: 0; margin-bottom: 3%;}
.programguide_item ul li:last-child {margin-bottom: 0;}
.programguide_txt span {font-size: 1.6rem; letter-spacing: -0.1rem;}
.programguide_txt p {font-size: 1.6rem; letter-spacing: -0.1rem;}
.program_timetable .tablelayout th span {font-size: 1.6rem;}
.program_timetable .tablelayout td {font-size: 1.5rem; line-height: 20px; letter-spacing: -0.15rem; padding: 10px 10px;}
.program_timetable .tablelayout td.tit {font-size: 1.6rem; word-break: keep-all;}

/* Culture s04 청소년문화의집 운영위원회 */
.operate_box ul li {padding: 20px 10px 20px 110px;}
.operate_box ul li div.titbullet {left: 0;}
.operate_box ul li .operate_txtbox p {float: left; width: 92%; font-size: 1.5rem; line-height: 24px;}
.operate_box ul li .operate_txtbox p br {display: none;}
.operate_foot {height: 100%; padding-top: 0; padding-bottom: 26%; margin-top: 20px; background: url("../culture/images/operate_foot_bg.jpg") no-repeat -80px bottom; background-size: 120%;}
.operate_foot p {font-size: 1.8rem; letter-spacing: -0.05rem; word-break: keep-all;}
.operate_foot p br {display: none;}
.operate_foot p span {font-size: 2.6rem;}

/* Volunteer s01 청소년자원봉사센터 이용안내 */
.volunteer_item {margin-bottom: 50px;}
.volunteer_item ul li {width: 100%; margin-right: 0; margin-bottom: 3%;}
.volunteer_item ul li:last-child {margin-bottom: 0;}
.volunteerinfo_box .servicearea .contxt {font-size: 1.6rem; line-height: 22px;}
.foot_imgbox {height: 100%; padding-bottom: 56%; margin-top: 0; background: url("../volunteer/images/volunteer_foot_img.png") no-repeat right bottom; background-size: 100%;}

/* Volunteer s02 청소년자원봉사센터 프로그램안내 */
.activeinfo .left {width: 100%;}
.activelistarea ul li {margin-bottom: 5px;}
.activelistarea ul li:last-child {margin-bottom: 0;}
.activelistarea ul li span {width: 15px; margin-top: 1px;}
.activelistarea ul li p {width: 93%; font-size: 1.5rem; line-height: 22px; letter-spacing: -0.2px;}
.activeinfo .right {width: 100%; margin-top: 30px;}

/* Exami s01 보령시청소년유해환경감시단 안내 */
.examiguide_item {margin-bottom: 20px;}
.examiguide_item ul li {width: 100%; margin-right: 0; margin-bottom: 3%;}
.examiguide_item ul li:last-child {margin-bottom: 0;}
.mainactive ul li div.txtbullet {margin-top: -1px;}
.mainactive ul li p {width: 92%; font-size: 1.6rem; letter-spacing: -0.1rem;}

/* Exami s04 고발창구 폼 */
.accuseform .inquiryform #table_layout tr th {font-size: 1.6rem; letter-spacing: -0.1rem;}
.accuseform .inquiryform #table_layout tr td input.forminput {width: 98%; height: 44px;}
.accuseform .inquiryform #table_layout tr td input.forminput2 {width: 98%;}
.accuseform .inquiryform #table_layout tr td textarea {width: 98%;}
.accuseform .inquiryform #table_layout tr td span {margin-top: 5px; margin-left: 0;}
.btnconfirm_box a {width: 30%; font-size: 1.6rem; padding: 10px 5px;}

/* Exami s04 고발창구 개인정보처리방침 박스 */
#fregister_term {padding: 3%;}
#fregister_term textarea {padding: 4%;}

/* etc 사이트맵 */
.sitemapmn ul {float: left; width: 48%; height: 380px; margin-bottom: 30px;}
.sitemapmn ul:nth-child(2n) {float: right;}
.sitemapmn ul:nth-of-type(3), .sitemapmn ul:nth-of-type(4), .sitemapmn ul:nth-of-type(5) {height: 250px;}
.sitemapmn ul:nth-of-type(5) {margin-bottom: 0;}
.sitemapmn ul li.mntitle a {font-size: 1.5rem;}
.sitemapmn ul li.mntitle2 a {line-height: 20px; padding-top: 10px;} 
.sitemapmn ul li.site_submn a {font-size: 1.3rem;}

/* 개인정보처리방침 */
.ctt_privacy {padding: 3%;}
#ctt_con {padding: 3%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

.historylist:before {height: 89%;}
.historylist2:before {height: 95.7%;}
.historylist li div.year:after {margin-left: 17px;}
.numsell_box ul li span {width: 70px; height: 70px; line-height: 75px;}
.facilities_guide ul li div.floorstxt .floorlist p {line-height: 24px;}
.operate_box ul li .operate_txtbox p {width: 94%;}
.operate_foot p {letter-spacing: -0.02rem;}
.foot_customer ul li {padding: 20px 40px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* subvisual */
.subvisual_box {padding-bottom: 56.75%; margin-top: 80px; background: url("../images/mo_sub_visual.jpg") no-repeat center top; background-size: cover;}

/* pc subnavi */
.subnavi_box {display: none;}

/* subpage common */
.subpage_box {margin: 60px 0;}
.subpage_contents {padding: 0 3%;}
.subpage_title h3 {font-size: 3.5rem;}
.subpage_title span.bullet {width: 40px;}

/* 페이지준비중 */
.pageprepare .page {display: inline-block; width: 100%;}

/* Intro s01 인사말 */
.greeting_title {overflow: hidden;}
.greeting_title .titbg {width: 140%; height: auto;}
.greeting_title .titbox {position: relative; top: 0; left: 0; width: 100%; height: auto; padding-top: 90px; padding-left: 5%; padding-bottom: 6%;}
.greeting_title .titbox:before {left: 5%; height: 80px;}
.greeting_title .titbox p {font-size: 2.5rem; line-height: 3.5rem;}
.greeting_txt {margin-top: 50px;}
.greeting_txt span.tittxt {font-size: 3.5rem; word-break: keep-all;}
.greeting_txt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem; word-break: keep-all;}
.greeting_txt span.txtpoint {font-size: 2rem;}
.greeting_txt span.txtpoint strong {font-size: 2.2rem;}
.greeting_txt .sign {font-size: 1.8rem;}
.greeting_txt .sign span.name {font-size: 2.4rem;}

.head_info .lefttxt {width: 100%;}
.head_info .lefttxt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem;}
.head_info .lefttxt p span.bold br:nth-of-type(2) {display: none;}
.head_info .lefttxt p strong br {display: none;}
.head_info .lefttxt p br.brnone {display: none;}
.head_info .rightimg {width: 50%;}

/* Intro s02 조직도 */
.organ_contents .part1 {font-size: 2.2rem;}
.organ_contents .part2 {width: 280px; margin-left: 0;}
.organ_contents .part2:after {left: 280px; width: 21%;}
.organ_contents .organlist_box ul li {width: 49%; margin-right: 0; margin-bottom: 50px;}
.organ_contents .organlist_box ul li:nth-child(2n+2) {float: right;}
.organ_contents .organlist_box ul li:before {left: 0; width: 100%;}
.organ_contents .organlist_box ul li div.boxtit:before {display: none;}
.organ_contents .organlist_box ul li div.boxtit span {height: 90px; line-height: 32px; padding-top: 15px;}

/* Intro s03 걸어온길 */
.historylist:before {left: 15%; height: 89%;}
.historylist2:before {height: 96.7%;}
.historylist li div.year {width: 130px; font-size: 2.8rem;}
.historylist li div.year:after {margin-left: 18px; vertical-align: middle;}
.historylist li div.infotxt {width: 65%; padding-top: 8px; padding-left: 0;}
.historylist li div.infotxt ul li {font-size: 1.8rem;}
.historylist li div.infotxt ul li div.month {width: 100%; margin-bottom: 10px;}

/* Intro s04 이용방법 */
.howtouse_contents .left_stitle {width: 100%;}
.howtouse_contents .right_pagecon {width: 100%; margin-top: 30px;}
.centertype .guidetypeimg ul li {width: 50%;}

/* Intro s07 찾아오시는길 */
.locationimg .map img {margin-left: -240px;}
.locationinfo ul li {margin-right: 40px;}
.locationinfo ul li:first-child {margin-bottom: 20px;}
.traffic_guide .map_guidebox .traffic_ico {width: 35%;}
.traffic_guide .map_guidebox .traffic_list {width: 65%;}
.traffic_guide .map_guidebox .traffic_list div.list p {width: 90%;}

/* 페이지별 공통 상단 타이틀 */
.subtit_box .box_wrap {padding: 40px 10px 40px 200px;}
.subtit_box .box_wrap1:before {left: 0;}
.subtit_box .box_wrap2:before {top: 15px; left: 0;}
.subtit_box .box_wrap3:before {left: 0;}
.subtit_box .box_wrap4:before {top: 15px; left: 0;}
.subtit_box .box_wrap5:before {left: 0;}
.subtit_box .box_wrap6:before {left: 0;}
.subtit_box .box_wrap .box_txt span.txt {font-size: 1.8rem;}
.subtit_box .box_wrap .box_txt .pointxt {font-size: 1.8rem;}
.subtit_box .box_wrap .box_txt .pointxt span {font-size: 2.6rem; letter-spacing: -0.15rem;}

/* Center s05 온라인상담실 게시판상단 내용추가 */
.useguidetitle {height: auto; padding-top: 240px; background: url("../center/images/ycounsel_bg.jpg") no-repeat center top;}
.useguidetitle .guidelist {padding: 0; margin-bottom: 10px;}
.useguidetitle .guidelist span {width: 25%; height: 55px; font-size: 1.8rem; line-height: 60px;}
.useguidetitle .guidelist p {width: 70%; font-size: 1.8rem; letter-spacing: -0.1rem; line-height: 30px; word-break: keep-all; padding-top: 10px;}

.ycounsel_type ul li {width: 50%; padding: 5px;}
.ycounsel_type ul li div.typebox {height: 240px; padding: 25px 15px;}
.ycounsel_type ul li div.typebox p {font-size: 1.5rem; line-height: 28px;}

.ycounsel_type ul li:nth-of-type(3) div.typebox {height: 210px;}
.ycounsel_type ul li:nth-of-type(4) div.typebox {height: 210px;}
.ycounsel_type ul li:nth-of-type(4) div.typebox p br {display: none;}
.ycounsel_type ul li:nth-of-type(5) {width: 100%;}
.ycounsel_type ul li:nth-of-type(5) div.typebox {height: 210px;}

/* Center s01 청소년상담복지센터,꿈드림 이용안내 */
.numsell_box ul li span {font-size: 2.5rem;}
.numsell_box ul li div.selltxt {width: 80%;}
.numsell_box ul li div.selltxt .selltxt-sxt {margin-top: 0;}
.cysnet_gudie p {line-height: 30px;}
.cysnet_contents .left {width: 100%;}
.cysnet_contents .right {width: 100%;}
.cysnet_contents .right .centercall {margin-top: 40px;}
.cysnet_contents .right .bannermore a.instagram span {line-height: 35px;}

.numsell_box ul li div.selltxt .morelinks {width: 100%; margin-top: 10px; margin-left: 0;}
.numsell_box ul li div.selltxt .morelinks a.dream div.txt {font-size: 2.2rem;}

/* Center s02 청소년상담복지센터,꿈드림 이용방법 */
.youthcall_box {padding-bottom: 40%; background: url("../center/images/cyber1388_img.jpg") no-repeat right bottom; background-size: 70%;}
.facilities_contents .left_stitle {width: 100%;}
.facilities_contents .right_pagecon {width: 100%; margin-top: 30px;}
.facilities_guide ul li div.floorstxt {width: 80%;}

/* 하단 고객센터 연락처 */
.foot_customer ul li {width: 49%; padding: 20px 20px; margin-right: 0;}
.foot_customer ul li:nth-of-type(2) {float: right;}
.foot_customer ul li .cuinfotxt span {font-size: 1.7rem; margin-left: 10px; margin-right: 10px;}
.foot_customer ul li .cuinfotxt p {font-size: 1.7rem;}

/* Culture s01 청소년문화의집 SNS */
.snslink_box .btnlinkmore a {padding: 20px 15px 15px;}
.snslink_box .btnlinkmore a.facebook {width: 32%; text-align: center; word-break: keep-all; margin-right: 2%;}
.snslink_box .btnlinkmore a.facebook i {width: 24%; height: auto; margin-right: 10px; margin-bottom: 15px;}
.snslink_box .btnlinkmore a.facebook span {font-size: 1.5rem;}
.snslink_box .btnlinkmore a.naverbend {width: 32%; text-align: center; word-break: keep-all; margin-right: 2%;}
.snslink_box .btnlinkmore a.naverbend i {width: 24%; height: auto; margin-right: 10px; margin-bottom: 15px;}
.snslink_box .btnlinkmore a.naverbend span {font-size: 1.5rem;}
.snslink_box .btnlinkmore a.youtube {width: 32%; text-align: center; word-break: keep-all;}
.snslink_box .btnlinkmore a.youtube i {width: 24%; height: auto; margin-right: 10px; margin-bottom: 15px;}
.snslink_box .btnlinkmore a.youtube span {font-size: 1.5rem;}

/* Culture s02 청소년문화의집 프로그램안내 */
.programguide_txt span {font-size: 1.7rem; letter-spacing: -0.1rem;}
.programguide_txt p {font-size: 1.7rem; letter-spacing: -0.15rem;}
.program_timetable .tablelayout td {padding: 10px 10px;}
.program_timetable .tablelayout td.tit {font-size: 1.7rem;}

/* Culture s04 청소년문화의집 운영위원회 */
.operate_box ul li {padding: 30px 20px 30px 110px;}
.operate_box ul li .titbullet span {font-size: 1.7rem;}
.operate_box ul li .operate_txtbox p {float: left; width: 94%;}
.operate_foot {height: 100%; padding-top: 0; padding-bottom: 26%; background: url("../culture/images/operate_foot_bg.jpg") no-repeat -100px bottom; background-size: 110%;}
.operate_foot p {font-size: 1.8rem;}
.operate_foot p span {display: inline-block; margin-top: 10px;}

/* Volunteer s01 청소년자원봉사센터 이용안내 */
.foot_imgbox {margin-top: 0;}

/* Volunteer s02 청소년자원봉사센터 프로그램안내 */
.activeinfo .left {width: 100%;}
.activeinfo .right {width: 100%;}

/* etc 사이트맵 */
.sitemapmn ul {float: left; width: 48%; height: 480px; margin-bottom: 30px;}
.sitemapmn ul:nth-child(2n) {float: right;}
.sitemapmn ul:nth-of-type(3), .sitemapmn ul:nth-of-type(4), .sitemapmn ul:nth-of-type(5) {height: 320px;}
.sitemapmn ul:nth-of-type(5) {margin-bottom: 0;}
.sitemapmn ul li.mntitle a {height: 80px; font-size: 2rem; line-height: 80px;}
.sitemapmn ul li.mntitle a br {display: none;}

/* 개인정보처리방침 */
.ctt_privacy {padding: 2%;}
#ctt_con {padding: 3%;}
#ctt_con p {line-height: 26px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* subvisual */
.subvisual_box {padding-bottom: 56.75%; margin-top: 80px; background: url("../images/mo_sub_visual.jpg") no-repeat center top; background-size: cover;}

/* pc subnavi */
.subnavi_box {display: none;}

/* subpage common */
.subpage_box {margin: 60px 0;}
.subpage_contents {padding: 0 3%;}
.subpage_title h3 {font-size: 3.7rem;}
.subpage_title span.bullet {width: 40px;}

/* 페이지준비중 */
.pageprepare .page {display: inline-block; width: 100%;}

/* Intro s01 인사말 */
.greeting_title {overflow: hidden;}
.greeting_title .titbg {width: 140%; height: auto;}
.greeting_title .titbox {position: relative; top: 0; left: 0; width: 100%; height: auto; padding-top: 90px; padding-left: 5%; padding-bottom: 6%;}
.greeting_title .titbox:before {left: 5%; height: 80px;}
.greeting_title .titbox p {font-size: 2.5rem; line-height: 3.5rem;}
.greeting_txt {margin-top: 50px;}
.greeting_txt span.tittxt {font-size: 3.5rem; word-break: keep-all;}
.greeting_txt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem; word-break: keep-all;}
.greeting_txt span.txtpoint {font-size: 2rem;}
.greeting_txt span.txtpoint strong {font-size: 2.2rem;}
.greeting_txt .sign {font-size: 1.8rem;}
.greeting_txt .sign span.name {font-size: 2.4rem;}

.head_info .lefttxt {width: 100%;}
.head_info .lefttxt p {font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.15rem;}
.head_info .lefttxt p span.bold br:nth-of-type(1) {display: none;}
.head_info .lefttxt p strong br {display: none;}
.head_info .lefttxt p br.brnone {display: none;}
.head_info .rightimg {width: 50%;}

/* Intro s02 조직도 */
.organ_contents .part1 {font-size: 2.2rem;}
.organ_contents .part2 {width: 280px; margin-left: 0;}
.organ_contents .part2:after {left: 280px; width: 29%;}
.organ_contents .organlist_box ul li {width: 49%; margin-right: 0; margin-bottom: 50px;}
.organ_contents .organlist_box ul li:nth-child(2n+2) {float: right;}
.organ_contents .organlist_box ul li:before {left: 0; width: 100%;}
.organ_contents .organlist_box ul li div.boxtit:before {display: none;}
.organ_contents .organlist_box ul li div.boxtit span {height: 90px; line-height: 32px; padding-top: 15px;}

/* Intro s03 걸어온길 */
.historylist:before {left: 15%; height: 91%;}
.historylist2:before {height: 96.7%;}
.historylist li div.year {width: 130px; font-size: 2.8rem;}
.historylist li div.year:after {margin-left: 25px; vertical-align: middle;}
.historylist li div.infotxt {width: 78%; padding-top: 8px; padding-left: 0;}
.historylist li div.infotxt ul li {font-size: 1.8rem;}
.historylist li div.infotxt ul li div.month {width: 100%; margin-bottom: 10px;}

/* Intro s04 이용방법 */
.howtouse_contents .left_stitle {width: 100%;}
.howtouse_contents .right_pagecon {width: 100%; margin-top: 30px;}
.centertype .guidetypeimg ul {padding: 6%;}
.centertype .guidetypeimg ul li {width: 50%;}

/* Intro s07 찾아오시는길 */
.locationimg .map img {margin-left: -240px;}
.locationinfo ul li {margin-right: 40px;}
.locationinfo ul li:first-child {margin-bottom: 20px;}
.traffic_guide .map_guidebox .traffic_ico {width: 35%;}
.traffic_guide .map_guidebox .traffic_list {width: 65%;}
.traffic_guide .map_guidebox .traffic_list div.list p {width: 90%;}

/* 페이지별 공통 상단 타이틀 */
.subtit_box .box_wrap {padding: 40px 10px 40px 200px;}
.subtit_box .box_wrap1:before {left: 0;}
.subtit_box .box_wrap2:before {top: 15px; left: 0;}
.subtit_box .box_wrap3:before {left: 0;}
.subtit_box .box_wrap4:before {top: 15px; left: 0;}
.subtit_box .box_wrap5:before {left: 0;}
.subtit_box .box_wrap6:before {left: 0;}
.subtit_box .box_wrap .box_txt span.txt {font-size: 1.8rem;}
.subtit_box .box_wrap .box_txt .pointxt {font-size: 1.8rem;}
.subtit_box .box_wrap .box_txt .pointxt span {font-size: 2.6rem; letter-spacing: -0.15rem;}

/* Center s01 청소년상담복지센터,꿈드림 이용안내 */
.numsell_box ul li span {font-size: 2.5rem;}
.numsell_box ul li div.selltxt {width: 80%;}
.numsell_box ul li div.selltxt .selltxt-sxt {margin-top: 0;}
.cysnet_gudie p {line-height: 30px;}
.cysnet_contents .left {width: 100%;}
.cysnet_contents .right {width: 100%;}
.cysnet_contents .right .centercall {margin-top: 40px;}
.cysnet_contents .right .bannermore a.instagram span {line-height: 35px;}

.numsell_box ul li div.selltxt .morelinks {width: 100%; margin-top: 10px; margin-left: 0;}
.numsell_box ul li div.selltxt .morelinks a.dream div.txt {font-size: 2.2rem;}

/* Center s02 청소년상담복지센터,꿈드림 이용방법 */
.youthcall_box {padding-bottom: 40%; background: url("../center/images/cyber1388_img.jpg") no-repeat right bottom; background-size: 70%;}
.facilities_contents .left_stitle {width: 100%;}
.facilities_contents .right_pagecon {width: 100%; margin-top: 30px;}
.facilities_guide ul li div.floorstxt {width: 80%;}

/* 하단 고객센터 연락처 */
.foot_customer ul li {width: 49%; padding: 20px 20px; margin-right: 0;}
.foot_customer ul li:nth-of-type(2) {float: right;}
.foot_customer ul li .cuinfotxt span {font-size: 1.7rem; margin-left: 10px; margin-right: 10px;}
.foot_customer ul li .cuinfotxt p {font-size: 1.7rem;}

/* Center s05 온라인상담실 게시판상단 내용추가 */
.useguidetitle {height: auto; padding-top: 240px; background: url("../center/images/ycounsel_bg.jpg") no-repeat center top;}
.useguidetitle .guidelist {padding: 0; margin-bottom: 10px;}
.useguidetitle .guidelist span {width: 25%; height: 55px; font-size: 1.8rem; line-height: 60px;}
.useguidetitle .guidelist p {width: 70%; font-size: 1.8rem; letter-spacing: -0.1rem; line-height: 30px; word-break: keep-all; padding-top: 10px;}

.ycounsel_type ul li {width: 50%; padding: 5px;}
.ycounsel_type ul li div.typebox {height: 240px; padding: 25px 15px;}
.ycounsel_type ul li div.typebox p {font-size: 1.5rem; line-height: 28px;}

.ycounsel_type ul li:nth-of-type(3) div.typebox {height: 210px;}
.ycounsel_type ul li:nth-of-type(4) div.typebox {height: 210px;}
.ycounsel_type ul li:nth-of-type(4) div.typebox p br {display: none;}
.ycounsel_type ul li:nth-of-type(5) {width: 100%;}
.ycounsel_type ul li:nth-of-type(5) div.typebox {height: 210px;}

/* Culture s01 청소년문화의집 SNS */
.snslink_box .btnlinkmore a {padding: 22px 15px 15px;}
.snslink_box .btnlinkmore a.facebook {width: 32%; text-align: center; word-break: keep-all; margin-right: 2%;}
.snslink_box .btnlinkmore a.facebook i {width: 24%; height: auto; margin-right: 10px; margin-bottom: 15px;}
.snslink_box .btnlinkmore a.facebook span {font-size: 1.5rem;}
.snslink_box .btnlinkmore a.naverbend {width: 32%; text-align: center; word-break: keep-all; margin-right: 2%;}
.snslink_box .btnlinkmore a.naverbend i {width: 24%; height: auto; margin-right: 10px; margin-bottom: 15px;}
.snslink_box .btnlinkmore a.naverbend span {font-size: 1.5rem;}
.snslink_box .btnlinkmore a.youtube {width: 32%; text-align: center; word-break: keep-all;}
.snslink_box .btnlinkmore a.youtube i {width: 24%; height: auto; margin-right: 10px; margin-bottom: 15px;}
.snslink_box .btnlinkmore a.youtube span {font-size: 1.5rem;}

/* Culture s02 청소년문화의집 프로그램안내 */
.programguide_txt span {font-size: 1.7rem; letter-spacing: -0.1rem;}
.programguide_txt p {font-size: 1.7rem; letter-spacing: -0.1rem;}
.program_timetable .tablelayout td {padding: 10px 10px;}
.program_timetable .tablelayout td.tit {font-size: 1.7rem;}

/* Culture s04 청소년문화의집 운영위원회 */
.operate_box ul li {padding: 30px 20px 30px 110px;}
.operate_box ul li .titbullet span {font-size: 1.7rem;}
.operate_box ul li .operate_txtbox p {float: left; width: 94%;}
.operate_foot {height: 100%; padding-top: 0; padding-bottom: 26%; background: url("../culture/images/operate_foot_bg.jpg") no-repeat -100px bottom; background-size: 110%;}
.operate_foot p {font-size: 1.8rem;}
.operate_foot p span {display: inline-block; margin-top: 10px;}

/* Volunteer s01 청소년자원봉사센터 이용안내 */
.foot_imgbox {margin-top: 0;}

/* Volunteer s02 청소년자원봉사센터 프로그램안내 */
.activeinfo .left {width: 100%;}
.activeinfo .right {width: 100%;}

/* etc 사이트맵 */
.sitemapmn ul {float: left; width: 48%; height: 480px; margin-bottom: 30px;}
.sitemapmn ul:nth-child(2n) {float: right;}
.sitemapmn ul:nth-of-type(3), .sitemapmn ul:nth-of-type(4), .sitemapmn ul:nth-of-type(5) {height: 320px;}
.sitemapmn ul:nth-of-type(5) {margin-bottom: 0;}
.sitemapmn ul li.mntitle a {height: 80px; font-size: 2rem; line-height: 80px;}
.sitemapmn ul li.mntitle a br {display: none;}

/* 개인정보처리방침 */
.ctt_privacy {padding: 2%;}
#ctt_con {padding: 3%;}
#ctt_con p {line-height: 26px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

.head_info .lefttxt p br.brnone {display: none;}
.head_info .lefttxt p span.bold br:nth-of-type(2) {display: none;}
.head_info .lefttxt p strong br {display: none;}
.centertype .centerarea ul li p br {display: none;}
.organ_contents .part2 {margin-left: 132px;}
.organ_contents .part2:after {width: 27.5%;}
.organ_contents .organlist_box ul li div.boxtit span br {display: none;}
.historylist li div.year:after {margin-left: 65px;}
.cysnet_contents .right .servicecon {padding-top: 15px; margin-top: 25px;}
.cysnet_contents .right .bannermore {margin-top: 20px;}
.cysnet_contents .right .bannermore a.dream {margin-bottom: 11px;}
.cysnet_contents .right .bannermore a.dream i {margin-right: 15px;}
.cysnet_contents .right .bannermore a.facebook {margin-bottom: 11px;}
.youthcall_box {background: url("../center/images/cyber1388_img.jpg") no-repeat 90% center;}

.snslink_box .btnlinkmore a.facebook {width: 32%;}
.snslink_box .btnlinkmore a.facebook i {width: 30px; height: 30px;}
.snslink_box .btnlinkmore a.facebook span {font-size: 1.8rem;}
.snslink_box .btnlinkmore a.naverbend {width: 32%;}
.snslink_box .btnlinkmore a.naverbend i {width: 30px; height: 30px;}
.snslink_box .btnlinkmore a.naverbend span {font-size: 1.8rem;}
.snslink_box .btnlinkmore a.youtube {width: 32%;}
.snslink_box .btnlinkmore a.youtube i {width: 30px; height: 30px;}
.snslink_box .btnlinkmore a.youtube span {font-size: 1.8rem;}

.facilities_guide ul li div.floorstxt {width: 87%;}
.foot_imgbox {height: 350px; margin-top: -100px; background-size: 60%;}

.sitemapmn ul li.mntitle2 a {line-height: 25px; padding-top: 5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

.organ_contents .organlist_box ul li div.boxtit span br {display: none;}
.centertype .centerarea ul li p br {display: none;}
.cysnet_contents .right .bannermore a.instagram span br {display: none;}
.sitemapmn ul li.mntitle a br {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

.organ_contents .organlist_box ul li div.boxtit span br {display: none;}
.centertype .centerarea ul li p br {display: none;}
.cysnet_contents .right .bannermore a.instagram span br {display: none;}
.sitemapmn ul li.mntitle a br {display: none;}

}




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 기타 반응형 (프로그램 신청) *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:1200px) {
	.step-wrap {gap:20px; margin-bottom:40px;}
	.step-box {display:block; height:auto;}
	.step-box.type-a,
	.step-box.type-b,
	.step-box.type-c {background:#F5F5F5 !important; padding: 20px; border-radius:10px;}
	.step-box.type-a.on,
	.step-box.type-b.on,
	.step-box.type-c.on {background:#DCF1F2 !important;}
	.step-box .step-img {padding-bottom:10px; margin:auto; text-align:center;}
	.step-box .step-img img {max-width:36px;}
	.step-box .step-list {text-align:center;}
	.step-box .step-list li:first-of-type {padding-bottom:5px;}
}

@media screen and (max-width:880px) {
	.l-table colgroup {display:none;}
	.l-table .m-no-view {display:none;}
	
	.v-table colgroup {display:none;}
	.v-table.block-ver .m-br {display:block;}

	.s-table tr td {display:block;}
	.s-table tr th {display:block;}
	
	.complete-wrap {padding:20px 0 45px;}
}

@media screen and (max-width:720px) {
	.table-title {font-size:21px;}
	.required-txt {font-size:14px;}

	.l-table tr th {padding:15px 10px; font-size:14px;}
	.l-table tr td {padding:15px 10px; font-size:13px;}
	.l-table .tb-link-btn {font-size:13px;}
	.l-table .m-br {display:block;}
	.l-table .state-box {height: 25px; padding: 0 10px; font-size: 12px; line-height: 25px;}
	.search-wrap .search-input {width:46%;}
	
	.program_item .pg_page, .pg_current {width: 30px; height: 30px; line-height:30px;}
	.program_item .pg a.pg_start {width: 40px;}
	.program_item .pg a.pg_end {width: 40px;}
	
	.v-table tr th {padding:15px 15px 15px 10px; font-size:14px;}
	.v-table tr td {padding:15px 10px; font-size:14px;}
	
	.v-table.block-ver tr {display: flex; flex-wrap: wrap; border:none;}
	.v-table.block-ver tr th {width:30%; border-bottom:1px solid #ddd;}
	.v-table.block-ver tr td {width:70%; border-bottom:1px solid #ddd;}
	.v-input[type="text"] {width:auto; max-width:100%; height:30px;}
	
	
	.chk-wrap {padding: 20px 0 0;}
	.chk-box {padding-left: 28px; font-size:15px; line-height:18px;}
	.chk-box input[type="checkbox"] {width:18px; height:18px;}
	.chk-box .on {width:18px; height:18px;}
	
	.radio-box {padding-left: 26px; font-size:15px; line-height:18px;}
	.radio-box input[type="radio"] {width:18px; height:18px;}
	.radio-box .on {width:18px; height:18px;}
	
	.btn-area {padding-top:40px;}
	.point-btn {height: 40px; font-size: 15px; line-height: 40px;}
	.basic-btn {height: 40px; font-size: 15px; line-height: 40px;}
	
	.s-table tr th {padding:20px; font-size:20px;}
	.s-table tr td {padding:20px;}
	.s-table ul li {font-size:15px;}
	
	.complete-wrap {gap:15px;}
	.complete-wrap .complete-list li:first-of-type {font-size:23px; word-break:keep-all;}
	.complete-wrap .complete-list li:nth-of-type(2) {font-size:14px; word-break:keep-all;}
}

@media screen and (max-width:550px) {
	.v-table.block-ver tr th {width:35%;}
	.v-table.block-ver tr td {width:65%;}
	
	.complete-wrap {flex-direction:column; padding:0 0 45px;}
	.complete-wrap .complete-img {margin:auto;}
	.complete-wrap .complete-img img {max-width:52px;}
	.complete-wrap .complete-list {margin:auto;}
	.complete-wrap .complete-list li {text-align:center;}
	.complete-wrap .complete-list li:first-of-type {padding-bottom:5px;}
	.complete-wrap .complete-list  li .m-br {display:block;}
	
	.step-wrap {flex-direction:column; gap:15px; margin-bottom:40px;}
	.step-box {display:flex; justify-content: start; width:100%; padding:20px 25px !important;}
	.step-box .step-img {padding:0; margin:auto 0;}
	.step-box .step-img img {margin:auto 0;}
	.step-box .step-list li {text-align:left;}
	.step-box .step-list li:first-of-type {font-size: 14px;}
	.step-box .step-list li:nth-of-type(2) {font-size:15px;}
}

@media screen and (max-width:380px) {
	.v-table.block-ver tr th {width:40%;}
	.v-table.block-ver tr td {width:60%;}
}