@charset "utf-8"; /* ------------------------------------------------------------- 상단 탭(유스내비/키즈내비) ------------------------------------------------------------- */ .header .tab-type01 li{float: left; width: 170px; border: 1px solid #cfcfcf; border-bottom: 1px solid #f36f18; background-color: #f3f3f3;} .header .tab-type01 li.on{border-color: #f36f18; border-bottom: 1px solid #fff; background-color: #fff;} .header .tab-type01 li + li.on{margin-left: -1px;} .header .tab-type01 li a{display: block; height: 30px; padding: 0 10px; font-size: 16px; line-height: 34px; text-align: center; color: #8d8d8d;} .header .tab-type01 li a:hover, .tab-type01 li a:focus{color: #6F6F6F;} .header .tab-type01 li.voice {background-color: #038EED; border:1px solid #038EED;} .header .tab-type01 li.voice:hover {background-color: #0385dc;} .header .tab-type01 li.voice a {color:#fff;} .header .tab-type01 li.on a{color: #f36f18;} .top_search_wrap {display:none;} @media screen and (max-width:640px){ .header .inner { width:100%; } .header .gnb { width:100%; border:none; background-color: #EE9628;height: 30px; line-height: 30px;} .header .gnb .inner { height:30px;} .header .gnb .tab-type01 { bottom:0; width:100%} .header .tab-type01 li{border: none; color:#fff; font-weight: 700; background-color: #EE9628; width:50%;} .header .tab-type01 li.on { border:none; background-color: #fff; background: url('/images_m/main/bg_toptab.png' ) right 0 no-repeat; background-size: 100% 32px; } .header .tab-type01 li a { background-color: none; color:#fff; padding:0; font-size: 14px;} .header .tab-type01 li.on a {} } /* ------------------------------------------------------------- 타이틀바 ------------------------------------------------------------- */ #contWrap {width:100%; } /* 일반적 내용 레이아웃 */ #contWrap .conTop {width:100%; margin:0 auto; z-index:0; line-height: 48px; vertical-align: middle; background-color: rgba( 240, 240, 240, 0.7 );} #contWrap .conTopCont {overflow:hidden; position:relative; width:980px; margin:0 auto; z-index:0; line-height: 48px; } /* height:48px; 제거 서브페이지 ie9 에러 */ .conTop .conTopCont .tit {display:block; float:left;position:relative; background: url('/images2/common/icon_title.png') 0 12px no-repeat; padding-left:35px; height:48px; line-height: 48px; font-size: 15pt; font-weight: 700; border-bottom:none} .conTop .conTopCont .tit span { margin-right:10px; height:48px; line-height: 48px; font-size: 14px; font-weight: normal;} .conTop .conTopCont .skillSet {position:absolute; bottom:5px; right:0; } .conTop .conTopCont .loc {float:right; position: relative; margin-right:20px;} .conTop .conTopCont .loc li {float:left; padding-left:23px; background:url('/images2/common/bg_loc_arrow.png') no-repeat 11px 20px;font-size: 9pt;} .conTop .conTopCont .loc li:first-child {padding-left:0; background:none; line-height: 15px; padding:18px 0;} .conTop .conTopCont .loc li a {color:#999; } .conTop .conTopCont .loc li span {color:#666;} .conTop .conTopCont .loc li a .top_home { background: url('/images2/common/icon_home.png') 0 2px no-repeat; width:10px; height:11px;} #sch_program { float:right; background-color:#e1e1e1 !important;; width:137px; height:46px; padding-top:0; z-index: 10; vertical-align: middle; line-height: 50px; text-align:center; padding-right:20px; border:1px solid #bbbbbb; background: url('/images2/common/icon_sch_program.png') 95% 50% no-repeat; cursor: pointer; } #sch_program:hover{border:1px solid #666;} #sch_program_box { width:190px; height:202px; z-index:100; border:1px solid #666; background-color: #fff; position: absolute; left:50%; margin:47px 0 0 258px; display:none; padding:20px; } #sch_program_box ul{width: 376px; height:240px;margin: 0px 67px 0 -2px; border-left: 0 !important;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #sch_program_box ul dl { overflow: hidden; width:100%;} #sch_program_box ul h1 { font-size: 13pt;padding-bottom:15px;font-weight: 700;;} #sch_program_box ul dt {padding:4px 0; font-weight: 700; font-size: 10pt;} #sch_program_box ul dt select{margin-left:15px; width:145px; height:24px; line-height: 21px; border:1px solid #ababab; padding: 0 0 0 5px; box-sizing: border-box;} #sch_program_box ul dt input{width:192px;padding-left:5px; border:1px solid #ababab;} #sch_program_box ul dt .top_search { width:192px;} @media screen and (max-width:640px){ #contWrap .conTop { background-color: #fff;} } /* ------------------------------------------------------------- div팝업 ------------------------------------------------------------- */ /* 체험정보 상세검색 */ .divpop_wrap {display:none; position:absolute ; margin:0px auto; width: calc(100% - 30px ); border:1px solid #ddd; z-index: 99; background-color: #fff;} .divpop_wrap.expsch { background-color: #fff; padding:0 10px 10px 10px; box-sizing: border-box;} .divpop_wrap.expsch .chk_all { position: relative; text-align: right; margin-top:-36px;} /* 공유하기 div팝업 */ .divpop_wrap_share { display:none; position:absolute; margin:0px auto; width: calc(100% - 30px ); max-width:360px; z-index: 99;background-color: #fff; border:1px solid #ddd; } .divpop_wrap_share h2 {padding-left:15px; width:50%; font-size: 15px; font-weight: 700; margin:20px 0;} .divpop_wrap_share ul { margin:20px 0 ;} .divpop_wrap_share ul li{ display:inline-block;width:29%; text-align: center; margin:5px 1.5%;cursor: pointer;} .divpop_wrap_share ul li img { width :50px; } .divpop_wrap_share ul li p { position: relative; margin:10px 0;} .icon_close_pop { position: absolute; right:15px; margin-top:15px; cursor: pointer;z-index: 1;} .conTop .conTopCont .icon_back { display: none;} /* 예약신청정보, 기관찾기 (리얼체험후기 등록 등) */ .divpop_wrap_c { z-index: 100; position: absolute; margin:113px 0 0px 159px; background: #fff; width:500px; box-sizing: border-box; display:none; height:545px; border:3px solid #999; box-sizing: border-box; } .divpop_wrap_rel { z-index: 100; position: relative; margin:-100px 0 10px 0; background: #fff; width:100%; box-sizing: border-box; display:none; height:545px; border:3px solid #999; box-sizing: border-box; } @media screen and (max-width:640px){ #sch_program, .conTop .conTopCont .loc { display: none;} #contWrap .conTopCont { width:100%; background-color: rgba( 240, 240, 240, 0.7 );} .conTop {border-bottom:1px solid #FFA700; } .conTop .conTopCont .tit { float: none; text-align: center; font-size: 18px !important; font-weight: 700 !important; background: none; padding-left:0px;} .conTop .conTopCont .icon_back { display: block; position:absolute;height:25px; float: left; margin:11px 15px; cursor: pointer; z-index: 1;} .divpop_wrap_share {margin: 43px 4% 0 4%;} /* 예약신청정보, 기관찾기 (리얼체험후기 등록 등) */ .divpop_wrap_c {width:calc(100% - 20px);height:440px; margin:-45px 0 0 10px;}/*margin:-45px 0 0 10px;*/ .divpop_wrap_t { position: absolute; display:inline-block; top:50px; margin: 15px; width:calc(100% -30px);} #divpop_wrap { position: relative; margin:auto; width:100%;} } /* ------------------------------------------------------------- 메인 - header [모바일전q용] ex) 로고 및 제목줄 ------------------------------------------------------------- */ @media screen and (max-width:640px){ /* .header { position: fixed; top:0; z-index:99999; box-sizing:border-box; } */ .header { margin-bottom:0px;} .content-titlebar { display:block; position:relative; box-sizing:border-box; height: 60px; line-height:60px; color:#fff; background-color:#fff; /*#ff7518;*/ font-weight:700; font-size:14px; text-align: left; box-shadow: 2px 2px 5px #ccc; } .content-titlebar img { padding:15px 10px 12px 10px; cursor: pointer; } .content-titlebar img.icon_search { height:30px; padding-left:10px;} .content-titlebar .t_left { float: left;} .content-titlebar .t_left img { height:30px; left:43px; position: absolute;} /* .content-titlebar .t_left .topback{padding:12px 10px 5px 10px; cursor: pointer;} */ .content-titlebar .t_left .nolto{ padding:16px 10px 5px 0px; cursor: pointer; height:18px;} /* .content-titlebar .t_left .lmenu_icon { padding:13px 10px 8px 10px; cursor: pointer;} */ /* 왼쪽 메뉴 */ .content-titlebar .t_left .btn_lmenu { float: left;} .content-titlebar .t_left .btn_lmenu .icon_menu{height:30px;left:0; position: absolute;padding-left:10px} /* .content-titlebar .t_left .b_round{border: 1px solid #ddd; border-radius: 3px; width:32px; height:32px; margin:4px 10px 2px 10px;} */ .content-titlebar .t_title {float: left; font-size: 16px;} .content-titlebar .t_title .logo_youthnavi{position: absolute;left:37%; margin: 0 auto; height:30px;} .content-titlebar .t_title a{color:#fff; font-size: 16px;} .content-titlebar .t_title.member {margin:0 auto; width:100%; text-align: center} /* 타이틀 제목만 있는 경우 ex)로그인폼 */ .content-titlebar .t_right { float: right; margin-right:10px; } .content-titlebar .t_right .btn_add { padding:5px 5px; position: relative;top:1px; } .content-titlebar .t_right .btn_add img{ position:relative; top:1px;padding:5px; } .content-titlebar .btn_a_white a, .content-titlebar .btn_white01 { display:inline-block; padding:6px 15px; font-weight: normal; color:#ffffff !important; border:1px solid #fff; border-radius: 5px;} } /* ------------------------------------------------------------- 메인 - 베스트 ------------------------------------------------------------- */ .main_line01 {display:inline-block;position:relative; overflow:hidden; margin-top:-15px; width:100%; height:auto; border-top:none; text-align: center;} /* margin-top:-15px; <-- 프로그램 정보 > 상세 > 기관정보에 타이틀이 밀려서 삭제, 메인엔 별도추가 */ .main_line01 .liGroup { text-align: center; margin:0 auto; width:50%;} .main_line01 h1 { font-size:22px; font-weight:700; text-align: center; margin : 10px auto ; color:#000; } .main_line01 .jqTab { display:inline-block;margin:20px auto 5px auto; right:0%; text-align: center; padding:0 30px; } .main_line01 .jqTab li {float:left; padding:0 0 15px 50px; font-size: 16px; color:#000; font-weight:700;} .main_line01 .jqTab li:first-child {padding:0 0 15px 0px;} .main_line01 .jqTab li a { color:#000} .main_line01 .jqTab li:first-child a {padding:4px 10px 4px 40px; background:url(/images/main/ico_best.png) no-repeat 10px center} .main_line01 .jqTab li:first-child:hover a {color:#fff; border:none; padding:4px 10px 4px 40px; border-radius:30px; background:url(/images/main/ico_best.png) no-repeat 10px center #f59628;} .main_line01 .jqTab li:first-child.on a {color:#fff; border:none; padding:4px 10px 4px 40px; border-radius:30px; background:url(/images/main/ico_best.png) no-repeat 10px center #f59628;} .main_line01 .jqTab li:first-child:focus a {color:#fff; border:none; padding:4px 10px 4px 40px; border-radius:30px; background:url(/images/main/ico_best.png) no-repeat 10px center #f59628;} .main_line01 .jqTab li:hover a,.main_line01 .jqTab li:focus a, .main_line01 .jqTab li:active a,.main_line01 .jqTab li.on a{color:#f59628;border-bottom:2px solid #f59628; padding-bottom:5px;} /* .main_line01 .jqTab li:after a{content:"";position:absolute;bottom:2px;left:50%;margin-left:-50%;width:0;height:2px;background-color:#0f62b2;transition:all .2s ease} */ /* .main_line01 .jqTab li:hover:after a,.main_line01 .jqTab li:focus:after a{width:100%;margin-left:-50%} */ .main_line01 .jqTab li p {margin-top:5px; font-size: 10pt;color:#666;} .main_line01 .jqTab span { } .main_line01 .h_area01 {margin-top:10px;} /* .main_line01 .jqTab li:first-child {padding:0;} */ .main_line01 .jqTabCon {display: none;margin-bottom:20px; margin-top:15px; overflow: hidden;} .main_line01 .jqTabCon li {float:left; margin-left:17px; border:1px solid #e1dcd6; } .main_line01 .jqTabCon li:first-child { margin-left:0;} .main_line01 .jqTabCon li .detail_view img { position:absolute; display: none;} .main_line01 .jqTabCon li:hover .detail_view img{ display: block; display: block; opacity: 0.6; } .main_line01 .jqTabCon li .thum{ width:230px; height:155px;} .main_line01 .over_detail{position: relative;} .main_line01 .list-tag li{display: inline-block; border-radius:15px; position: absolute; top:10px; left:10px; width:65px;} .main_line01 .list-tag{margin: 0;} .main_line01 .list-tag li + li{margin-left: 3px} .main_line01 .list-tag .tag.type08 i { margin-right:5px; color:#febd20} .main_line01 dl {overflow:hidden; width:210px; padding:10px; border-top:1px solid #e1dcd6;text-align: left;} .main_line01 dt {margin:8px 0 5px; font-size: 15px; height: 20px; overflow: hidden;} .main_line01 dt a {color:#333232;} .main_line01 dd {color:#888; } .main_line01 dd span {color:#ff5300; letter-spacing:-1px;} .main_line01 dd.ty1 {width:120px; float: left; } .main_line01 dd.ty1 span {display:inline-block; font-size:13px; color:#ff5300;} .main_line01 a.zzim {display:inline-block; margin-top:4px; color:#565656; font-size:11px; } .main_line01 .zzim img {margin-top:3px;} .main_line01 .zzim span {display:inline; margin:5px 0 0 5px; padding:0 3px 0 10px; background:url(/images/common/icon_bar.gif) no-repeat 0 3px;} .main_line01 .jqTabCon .title_nolto { height:40px; line-height: 40px; padding:10px 0 0 27px; font-size: 14pt; border-top:1px solid #e9e5e1; background:url('/images2/main/icon_noltoinfo.png') 0 20px no-repeat; text-align:left;} .main_line01 .jqTabCon .title_nolto .info_txt_seoul { margin:10px 0 0 10px; padding:2px 0 0 16px; font-size: 8pt; background:url('/images2/main/icon_seoul_info.png') no-repeat;} .main_line01 .jqTabCon .more { background: url('/images2/main/icon_more.png') no-repeat 0px 3px; float:right; font-size: 11pt; width:55px; text-align: right; font-weight: normal; margin-top: -26px;} /* .main_line01 .icon_heart { position: absolute; bottom:18px; right:1px; border:1px solid #ee9628; height:35px; width:35px; background: url('../images_m/main/icon_heart.png') 50% 50% no-repeat; background-size: 18px 17px; background-color: #fff;} */ /* .main_line01 .icon_heart.on { background: url('../images_m/main/icon_heart_on.png') 50% 50% no-repeat; background-size: 18px 17px; background-color: #fff;} */ .main_line01 .icon_heart { position: relative;bottom:18px; display:inline-block; margin:12px 0 -10px 10px; /* bottom: 1px; */ /* left: 10px; */ border: 1px solid #ee9628; height: 20px; width: 46px; background: url(../images_m/main/icon_heart.png) 5px 50% no-repeat; background-size: 15px 14px; padding: 2px 0 0 26px; z-index: 19; cursor: pointer; } .main_line01 .icon_heart.on { background: url('../images_m/main/icon_heart_on.png') 18% 50% no-repeat; background-size: 15px 14px;} #tab_nolto ul.pc > li:nth-child(5) { display:none !important} /* mobile 전용 설정 */ #m_menu, .m_maintitle, .m_noti, .m_footer_wrap, .m_banner_nolto, #tab_real, #tab_mento { display:none;} @media screen and (max-width:640px){ .main_line_menu li { float: left; padding:15px 0; font-size: 16px;font-weight:700; border-bottom:1px solid #dfdfdf; text-align: center; color:#181818; box-sizing: border-box; background: url('../images_m/main/main_line.png') right 20px no-repeat; } .main_line_menu li:last-child { background: none;} .main_line_menu li.on {color:#EE9628; border-bottom:1px solid #EE9628;} .main_line_menu.d03 li{ width:33.3%;} .main_line_menu.d04 li{ width:25%;} .m_maintitle { clear:both;;display:block;position:relative; font-size: 18px;font-weight:700; padding:15px 15px 0 15px; color:#181818; text-align: left; width:60%;} .m_maintitle img { margin:-3px 5px 0 0; height:28px;} .main_line01 { margin-top:0px;} .main_line01 .jqTab { margin:0 auto; height:auto; width:100%; border-top:1px solid #424242; padding:0;} .main_line01 .jqTab li { width:18%;} .main_line01 .jqTab li, .main_line01 .jqTab li:first-child {box-sizing: border-box; text-align: center; padding:10px 2px;border-bottom:1px solid #dfdfdf; } .main_line01 .jqTab li:first-child{width:28%; } .main_line01 .jqTab li.on {text-align: center; } .main_line01 .jqTab li.plus {background-color: #f2f2f2;} .main_line01 .jqTab li img { position: absolute; margin:5px 0 0 -15px} .main_line01 .jqTab li .tab_txt { padding-top:34px;} .main_line01 dl { padding:10px 0 15px 0; border-top:none; width:auto;} .main_line01 dt {height:28px; font-weight: 700; color:#333; margin:0; display: table-cell; } .main_line01 dd.ty1 { width:50%} .main_line01 dd span, .main_line01 dd.ty1 span {color:#7f4700; letter-spacing:0; width:40px; } .main_line01 dd { color:#333;} .main_line01 .jqTabCon { float: none; box-sizing: border-box; display: block; width:100%; margin:0; max-height:100%;} .main_line01 .jqTabCon .thum { border:1px solid #e1dcd6; width:99.8%; box-sizing: border-box;} .main_line01 .jqTabCon ul{ width:100%; box-sizing: border-box; overflow: auto;} .main_line01 .jqTabCon ul.m_best{ width:100%; box-sizing: border-box; } .main_line01 .jqTabCon li { border:none;} .main_line01 .jqTabCon li.over_detail { float:none;; display:block; margin:10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; border-bottom:1px solid #c8c8c8; } .main_line01 .jqTabCon .exp_best li.over_detail {margin:0px; border:none;display:block; padding:0px 10px; font-size:11px; color:red} /* .main_line01 .jqTabCon .exp_best li.over_detail > a {display:block; padding:0px 10px; font-size:11px; color:red } */ .main_line01 .jqTabCon .exp_best li.over_detail .pic {display:block; border-radius:10px; overflow:hidden; position:relative; padding-bottom:74%;} .main_line01 .jqTabCon .exp_best li.over_detail .pic .thum {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;} .main_line01 .jqTabCon .exp_best li.over_detail .pic .photo {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;} .main_line01 .jqTabCon .exp_best li.over_detail dl {width:100%; } .main_line01 .jqTabCon .exp_best li.over_detail dl dt {display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .main_line01 .jqTabCon .exp_best li.over_detail .icon_new01.main_best {right:10px;} .main_line01 .jqTabCon .exp_best li .icon_heart {right:10px;} .main_line01 .jqTabCon li.over_detail:last-child { border-bottom:none;} .main_line01 .jqTabCon li .thum{ width:100%; height:226px;box-sizing: border-box;} .exp_best_wrap {padding-bottom:20px;} .exp_best_wrap .exp_best {padding-top:10px;} .exp_best_wrap .bx-viewport {overflow:inherit !important;} .main_line01 .icon_heart { position: absolute; bottom:18px; right:1px; border:1px solid #ee9628; height:35px; width:35px; background: url('../images_m/main/icon_heart.png') 50% 50% no-repeat; background-size: 18px 17px; margin:0; padding:0;} .main_line01 .icon_heart.on { background: url('../images_m/main/icon_heart_on.png') 50% 50% no-repeat; background-size: 18px 17px;} .main_line01 .jqTabCon .more, .m_more { background: url('/images_m/main/icon_main_plus.png') no-repeat 50px 5px; background-size: 7px 7px; float:right; font-size: 11pt; width:74px; text-align: left; font-weight: normal; margin-top: -22px; color:#838383; z-index:9; cursor: pointer;} /* 놀토체험 배너 */ .m_banner_nolto { display:block; margin:10px 15px 7px 15px; } .m_banner_nolto img { width:100%; } /* ------------------------------------------------------------- 체험상세 tab1) 추천 프로그램 ------------------------------------------------------------- */ .explist_2 { float: none; box-sizing: border-box; display: block;} .explist_2 .thum { border:1px solid #e1dcd6; width:100%;} .explist_2 ul{ width:100%;x box-sizing: border-box; overflow: auto;} .explist_2 ul.m_best{ width:280px !important; } .explist_2 li.over_detail { float:none;; display:block; width:calc(100% - 30px); /* padding:15px; */ /* margin-left:0; */ /* padding:0; */ margin:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; border-bottom:1px solid #c8c8c8; } .explist_2 li.over_detail:last-child { border-bottom:none;} .explist_2 dd span {color:#ff5300; letter-spacing:-1px;} /* ------------------------------------------------------------- 메인 공지사항(모바일 전용) ------------------------------------------------------------- */ .m_noti { display: block; /* padding:10px; */ line-height:1.6; border-top:1px solid #e8e8e8; } .m_noti .noti_wrap { padding:12px 0 11px 15px; float: left;} .m_noti .noti_wrap .icon_noti { float:left; background: url('/images_m/main/icon_noti.png') 15px 50% no-repeat; background-size:11px 11px;; border-radius: 50px; background-color: #5c5c5c; width:34px; color:#fff; padding:4px 0 4px 32px; float: left; font-size: 12px; margin-right:10px; } .m_noti .noti_wrap .noti_tit{width:calc(100% - 82px); margin-top:2px;} .m_noti .icon_plus { position:absolute; right:0; background: url('/images_m/main/icon_noti_plus.png') 50% 50% no-repeat; background-size:11px 11px;; width:50px; height:50px; background-color: #f2f2f2; float: right; } /* ------------------------------------------------------------- 모바일 search (모바일 전용) ------------------------------------------------------------- */ .top_search_wrap {display:none; position:absolute; padding:10px 0px; z-index:9; left:0px; top:100%; background:#f3f4f8} .top_search_wrap .main_sch {background:none; padding:0px 10px 10px 10px;} .top_search_wrap .search {padding:10px; border-bottom:1px solid #ccc;} .top_search_wrap .search .s_input {width:100%; height:auto; padding-right:35px; box-sizing:border-box;} .top_search_wrap .search .s_input input {width:100%; height:35px; line-height:35px;} .top_search_wrap .main_sch .txt_sch_box {float:right; border: 2px solid #f59628; width:100%; box-sizing:border-box; padding:0px 40px 0px 33px; height: 39px; margin-top:5px; display:block;} .top_search_wrap .main_sch .txt_sch_box input {font-size:13px; width:30% !important; min-width:auto !important; float:left; box-sizing:border-box; padding:10px !important} .top_search_wrap .main_sch .txt_sch_box input.input_t {width:70% !important;} .top_search_wrap .main_sch .col {display:block; width:33.333%; padding:2px 2px 2px 0px; box-sizing:border-box; float:left;} .top_search_wrap .main_sch .col select {width:100%; float:none;} .top_search_wrap .s_tit {margin-left:10px; margin-bottom:0px;} .s_tit {font-weight:700; font-size:16px; color:#000; position:relative; padding-left:30px; line-height:26px; margin:25px 0px 10px 0px;} .s_tit:before {display:block; content:""; width:26px; height:26px; border-radius:100%; background:#ff7d22; position:absolute; left:0px; top:0px;} .s_tit:after {display:block; content:"▼"; font-size:12px; width:26px; text-align:center; height:26px; color:#fff; position:absolute; left:0px; top:0px;} #tab_nolto {display:none} .main_sch { padding:0px 0; box-sizing: border-box;display: inline-block;position: relative;} .main_sch ul { width:100%; display: inline-block; position: relative; box-sizing: border-box;padding: 10px 0;} .main_sch ul h4 { display: none;} .main_sch ul select, .main_sch ul input, .main_sch h4 { float: left; min-width:20px; margin-left:1px; display: inline-block; position: relative; box-sizing: border-box; height:39px;} .main_sch ul select {width:16%} /* .main_sch ul input { width:calc(100% - 211px); padding:10px 6px 9px 40px; right:0; float:right; margin-left:-10px;} */ .main_sch .txt_sch_box { width: 51.3%; margin: 0; height: 39px; overflow: hidden; box-sizing: border-box; background: #f59628;position: relative; display: inline-block; } .main_sch .txt_sch_box .btn {background-color: #f59628; z-index: 10000; color: #fff; width:auto; padding:8px 2px; right:0; position: absolute; margin-top:-1px;} .main_sch .txt_sch_box input { margin:-1px; padding:10px 40px 10px; border:none !important;} .main_sch .txt_sch_box .ui-datepicker-trigger {position: absolute; background-color: #f59628; position: absolute; left: 0; padding: 7px 6px 7px 6px; margin:-1px} .main_search_wrap {display:none;} /* ------------------------------------------------------------- 모바일 footer (모바일 전용) ------------------------------------------------------------- */ .pr {position:relative} .m_footer_wrap { display: block;border-top:1px solid #dcdcdc;} .m_footer_wrap li { width:50%; height:50px; line-height: 50px; float: left; text-align: center; box-sizing: border-box; font-weight: 700; background-color: #fff; cursor: pointer;} .m_footer_wrap li:first-child {border-right:1px solid #e8e8e8; } .m_footer_wrap li .i_login { background: url('/images_m/main/icon_login.png') 0 50% no-repeat;background-size:12px 12px ; padding-left:20px;} .m_footer_wrap li .i_pc { background: url('/images_m/main/icon_pc.png') 0 50% no-repeat;background-size:13px 12px ; padding-left:20px;} .m_footer_wrap .footer_cont { background-color: #333333; padding:15px 0 20px 0; text-align: center; color:#fff; } .m_footer_wrap .footer_cont .agree a {color:#fff; font-size: 12px; } .m_footer_wrap .footer_cont .contact { padding: 20px 10px 0 10px; color:#ee9628; font-size: 13px; font-weight: 700;} .m_footer_wrap .footer_cont .contact_underbar {width:15px; border-top:1px solid #ffffff; margin:5px auto ;} .m_footer_wrap .footer_cont .address { line-height: 1.6; font-size: 10px; margin-top:10px;} } /* new 아이콘 */ .icon_new {position: absolute; right:10px; background-color: #FF8F0C; border-radius:15px; color:#fff; padding:5px 17px;background-size: 41px 45px; }/*top:10px; :: 전문가 모바일에서때문에 제거 */ /* 모바일 new 아이콘을 웹과공용시*/ .icon_new01 { position: absolute; margin-left:187px; padding:5px 17px; width:7px; height:35px; border-radius:0px;text-indent: -999px; background: url('../images_m/main/icon_new.png') 0 0 no-repeat; background-size: 42px 42px; background-color: none; z-index:1} .icon_new01.event_list {margin:0px 0 0 202px } .icon_new01.skill_list {margin:0px 0 0 122px } .icon_new01.issue_list {margin-left:122px;} .icon_new01.expinfo_recommand { } /*프로그램 상세 > 추천프로그램 */ .icon_new01.list_after { margin:-1px 0 0 268px;} .mainWrap .icon_new01.main_best { margin:-1px 0 0 190px; } .mainWrap .icon_new01.main_real { margin:-1px 0 0 190px; } .icon_new02 { margin-top:7px;} /*보도자료*/ .expinfo_centerinfo .icon_new01 {margin-left:-42px} @media screen and (max-width:640px){ .icon_new { position:absolute; z-index:1;background: url('../images_m/main/icon_new.png') 0 0 no-repeat; width:7px; height:35px; border-radius:0px;text-indent: -999px; background-color: none; right:1px; background-size: 42px 42px; } .icon_new.board_intro_list{ margin:10px 0 0 95px; left:0;} .icon_new01 {margin:40px 0 0 -41px;} /* 청소년기자단 news */ /* .icon_new01.skill_list {margin:47px 0 0 109px; } */ .icon_new01.skill_list { position: absolute; margin:47px 0 0 -50px} /* 전문가 이야기 new 버튼 */ .icon_new.event_list {right:15px;} .icon_new01.event_list {margin-left:15px;} .icon_new01.issue_list {margin:35px 0 0 0; left:137px; } .icon_new01.class_list {margin:35px 0 0 122px; } /* .icon_new01.issue_list_mobile {margin:35px 0 0 114px;} */ .icon_new01.expinfo_recommand { margin:0px 0px 0 calc(50% - 62px)} .icon_new01.list_after { right:15px; margin: 0} .icon_new01.my_menuexp { margin:0px 0px 0 calc(50% - 63px)} .mainWrap .icon_new01.main_best { right:1px; margin:0 !important;/*margin: 0 0 0 223px; 메인 베스트에서 new 위치가 중간으로 떨어짐 */} .mainWrap .icon_new01.main_real {right:0px; margin:0} .icon_new02 { margin-top:7px;} .expinfo_centerinfo .icon_new01 {margin:30px 0px 0 114px} } .main_line02 { position:relative; height: 228px;; } /*margin-top:25px; */ /* .main_line02 div {float:left; position:relative;} */ .main_line02 .area01_sel, .main_line02 .area01, .main_line02 .area01_left, .main_line02 .area03_sel, .main_line02 .area03 {float:left; position:relative;} .main_line02 div li a {color:#6c655e;} .main_line02 i {font-size: 32pt; font-weight: 100;} .main_line02 .area01 .area_title ,.main_line02 .area03 .area_title { position:relative;margin-bottom:40px; width:100%;} .main_line02 .area01 {width:650px;height:225px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6; } .main_line02 .area01 li {margin-bottom:5px;} .main_line02 .area01 .area01_left { width:285px; height:183px; padding:20px 20px; } .main_line02 .area01 .area01_right { float:left; position: absolute; margin:0; padding:0;width:275px; height:315px; } .main_line02 .area01 .r_img {position:absolute; left: 323px; z-index:-100; width:323px; height:222px; border-bottom:1px solid #ddd;} .main_line02 .area01 .r_img img{width:325px; height:373px; } .main_line02 .area01 .r_img_arrow {position:absolute; top:0; left: 323px;} .bdline {border:1px solid ddd; } .main_line02 .area01_sel { position: relative;width:647px !important; height:225px;border:solid 2px #fff ; } .main_line02 .area01_sel:HOVER {border:solid #f16522 2px; z-index:2;} /* .area_title { margin-bottom:40px; width:100%;} */ .main_line02 .area03_sel { width:324px; height:221px; margin:2px 0 0 -2px; border:solid 2px #fff ;} .main_line02 .area03_sel:HOVER {border:solid #f16522 2px;z-index:2;} .main_line02 .area03 {width:287px; height:183px; padding:20px; margin:-2px 0 0 -3px; border:1px solid #e6e6e6; border-bottom:none;} .main_line02 .area03:hover {border-top:1px solid #f16522; border-right:1px solid #f16522;} .main_line02 .area03 li {margin-bottom:5px;} .main_line03 { position:relative;height:288px; } .main_line03 div {float:left; position:relative; } .main_line03 i {font-size: 32pt; font-weight: 100;} .main_line03 .area04 {width:284px; height:245px; padding:20px; background:url(/images2/main/bg_skill.png) no-repeat; margin:0 0 0 1px;} .main_line03 .area04 .box_group {margin-top:20px;:} .main_line03 .area04 p{margin:10px 17px;; float: left;} .main_line03 .area04 p:FIRST-CHILD{top:50px;} .main_line03 .area04 .tab {float:left; margin:5px 7px; width:127px; height:59px; line-height: 59px; vertical-align: middle; text-align: center; font-size: 12pt; background: url('/images2/main/bg_skill_box.png') no-repeat; color:#fff;} /* .main_line03 .area04 .tab.on {color:#FFF173; } */ .main_line03 .area04 .tab img {padding:22px 0 0 3px } .main_line03 .area04 i { background: url('/images2/main/icon_new_skill.png') 0 0 no-repeat;} .main_line03 .area04 a .tab.on {color:#f16522; } .main_line03 .area04 .ml10 {margin-left:5px !important;} .main_line03 .area04 p span { color:#fff;} .main_line03 .area04 p a{color:#fff; } .main_line03 .area04 .title{width:300px; margin-bottom:40px;} .main_line03 .area04_sel { width:646px; height:285px;border:solid 2px #fff; margin:-1px 0 0 -1px; } .main_line03 .area04_sel:HOVER {border:solid #f16522 2px; z-index:2;} .main_line03 .area05 {width:286px; height:284px; padding:0 15px 0 20px; border-bottom:1px solid #e6e6e6} .main_line03 .area05 li {margin-bottom:5px;} .main_line03 .area05 .main_p_skill {width:225px; font-size: 13pt; line-height: 1.2; margin-top:-2px;} /* more 위치 때문에 width 한정 */ .main_line03 .area05 .main_p_title { } .main_line03 .area05 .area_title { margin-bottom:21px; width:298px;} .main_line03 .area05 .main_more {position: absolute; right:10px; top:25px; padding:3px 0 0 13px; background: url('/images2/main/icon_more.png') no-repeat 0px 5px; } /* .main_line03 .area06_sel { position:relative;width:326px; height:285px; margin:-1px 0 0 0px; border:solid 2px #fff; right:0;z-index:99;} */ /* .main_line03 .area06_sel:HOVER {border:solid #f16522 2px;z-index:2; margin:-2px 0 0 -1px;} */ .main_line03 .area06 {width:320px; height:285px; border-top:none; border-bottom:none;position: absolute; } /* .main_line03 .area06 .social_banner {background: url('/images2/main/banner_social.png') no-repeat;width:324px; height:131px; z-index:-3;} */ /* .main_line03 .area06 .social_link {position:relative;clear: both; margin-top:5px;} */ /* .social_iframe:hover {border:solid #f16522 2px;z-index:2; border:1px solid red;} */ /* .social_iframe {border:solid #f16522 2px;z-index:2; } */ /* .main_line03 ul {margin-top:20px;} */ /* .main_line03 li a {color:#6c655e;} */ .main_line03 .area06 li {margin-bottom:5px;} .main_title {position:absolute; font-size:15pt; color:#f16522;font-weight: 700; width:100%; } .main_more {position: absolute; right:0px; padding:3px 0 0 13px; background: url('/images2/main/icon_more.png') no-repeat 0px 5px; } /* .main_more_w {position: absolute; top:5px; right:15px; padding:3px 0 0 13px; background: url('/images2/main/icon_more_w.png') no-repeat 0px 5px; color:#fff;} */ /* .main_more_w a{color:#fff;} */ .main_p_title {position:relative ;font-size: 14pt; line-height: 1.4; overflow: hidden; text-overflow:ellipsis; height:25px; font-weight: 700;} .main_p_title_30 {font-size: 16pt; line-height: 20pt; font-weight: 700;z-index: 10; margin-top:30px;} .main_p_content {position:relative ;font-size: 11pt; padding:10px 0 16px 0; margin-top:11px; line-height: 1.6;} .main_p_date {font-size:11pt; } /* 리얼체험후기 더보기.. top : 0 */ .area01_left .main_more {position: absolute; right:0px;top:0px; padding:3px 0 0 13px; background: url('/images2/main/icon_more.png') no-repeat 0px 5px; } @media screen and (max-width:640px){ .main_p_content { display:block;margin:5px 0; max-height:43px !important; overflow:hidden; padding:0; text-overflow: ellipsis; font-size: 13px; } .main_p_date {position:relative ;font-size:13px; margin:10px 0 0px 0;} } /* 메인 bx-slider 스타일*/ .area01 .slider-nav {position: absolute !important; float :left; left:265px; bottom:20px; } .area01 .slider-nav .prev a { float:left; background:url('/images2/main/icon_arr_prev.png') no-repeat; width: 12px; height:25px; text-align: left;text-indent: -9999px; } .area01 .slider-nav .next a{ float:left; background:url('/images2/main/icon_arr_next.png') no-repeat; width: 12px; height:25px; text-align: left; margin-left:15px;text-indent: -9999px; } .area03 .slider-nav {position: absolute !important; right:20px; bottom:20px;} .area03 .slider-nav .prev a{ float:left; background:url('/images2/main/icon_arr_prev.png') no-repeat; text-indent: -9999px; width: 12px; height:25px; text-align: left;} .area03 .slider-nav .next a { float:left; background:url('/images2/main/icon_arr_next.png') no-repeat; text-indent: -9999px; width: 12px; height:25px; text-align: left; margin-left:15px;} .area04_sel .slider-nav {position: absolute; right:10px; bottom:20px; width:50px; height:25px; text-indent: -9999px} .area04_sel .slider-nav .prev a{ float:left; background:url('/images2/main/icon_arr_prev.png') no-repeat; width: 12px; height:25px; text-align: left; } .area04_sel .slider-nav .next a { float:left; background:url('/images2/main/icon_arr_next.png') no-repeat;width: 12px; height:25px; text-align: left; margin-left:15px;} /* 처음오셨나요 main_line04_first */ .main_line04_first {height:390px;} /*#contWrap .container 우측 끝선(퀵 왼쪽) 이 footer 에 닿아야해서 임의로 넣음 */ .main_line04_first .m04_title{} .main_line04_first .m04_title h1{background: url("../img/about/bg_04.gif") top center no-repeat; height: 578px; position: relative;} .main_line04_first .m04_title h1 img{position:absolute; bottom: 10%; left: 50%; margin-left: -19%} /* .main_line04_first .m04_title h2 {position:relative; width:100%; bottom: 10%;padding:30px 0 20px 0; font-size: 14pt; text-align: center;} */ /* 처음오셨나요? 탭 */ .main_line04_first .tab_m04 { position:relative; width:100%; overflow: hidden; margin: 30px 0 15px 0; } .main_line04_first .tab_m04 li { float: left; width: 24.95%; padding-bottom: 6px; height: 44px; cursor: pointer; } .main_line04_first .tab_m04 li span { display: block; line-height: 38px; text-align: center; border:1px solid #e3ded9; font-size: 11pt; } .main_line04_first .tab_m04 li:hover, .tab_m04 li.on { background: url(../images2/main/bg_bottom_arrow.png) 50% 100% no-repeat;} .main_line04_first .tab_m04 li:hover span, .tab_m04 li.on span { border:1px solid #f26f31; border-bottom:none; color:#f26f31;} /* 청소년이라면 */ /* .main_line04_first {overflow:hidden; position:relative; width:100%; border-top:none; } */ /* 테스트용 */ #htab2,#htab3,#htab4 { display: none;} #htab1 { display: block;} /* 테스트용 */ .m04_title {width:100%;}/* ie9 깨짐 : ;height:328px; */ .htab_main_title {font-size:13pt; color:#666;font-weight: 700; padding-left:17px; text-align: left;} /* tab01 - 누구나 배너*/ #htab1 .htabc_intro {width:215px; position: absolute; text-align: center;} #htab1 .htabc_intro img {margin:26px 0 25px 0;} #htab1 .htabc_intro .txt {font-size: 12pt; line-height: 1.6;} #htab1 .htabc_intro .btn { margin:10px 15px; width:175px; line-height: 45px; border:1px solid #f16522; background-color: #edeae6; color:#f16522; font-size: 13pt;font-weight: 700;} #htab1 .htabc_intro .btn:hover {background-color: #f16522; color:#fff; } #htab1 .htab_li {width:747px; height: 310px; margin:0 0 0px 230px; } #htab1 .htab_li li {float:left; margin:0px; } #htab1 .htab_li li.li02 {width:242px; height:322px; background-color: #f59628; margin-left:16px;} #htab1 .htab_li li.li02 img {margin:10px 25px; padding:10px; } #htab1 .htab_li li.li02 div {color: #fff; font-size: 10pt; margin:0 15px; line-height: 1.6; border-top:1px solid #fff; padding-top:10px;} #htab1 .htab_li li.li02 .btn { margin:10px 60px; width:110px; line-height: 30px; border:1px solid #f16522; background-color: #edeae6; color:#f16522; font-size: 10pt;} #htab1 .htab_li li.li02 .btn:hover { background-color: #f16522; color:#fff;} #htab1 .htab_li li.li03 {width:182px; border-top:1px solid #e1dcd6; } #htab1 .htab_li li.li03 dl{height:129px; padding:15px; font-size:11pt; text-align:center;border-bottom:1px solid #e1dcd6; } #htab1 .htab_li li.li03 dl h3{color:#f16522; font-size: 34pt; font-weight: 700; margin:10px 20px;; border-bottom:1px solid #f16522;} #htab1 .htab_li li.li03 dl.center {background:url('/images2/main/tab01_bg_center.png') 120px bottom no-repeat; font-size: 11pt; font-weight: 700;} #htab1 .htab_li li.li03 dl.program {background:url('/images2/main/tab01_bg_program.png') 120px bottom no-repeat;font-size: 11pt; font-weight: 700;} #htab1 .htab_li li.li04 {width:305px; height:321px; border-left:1px solid #e1dcd6; } #htab1 .htab_li li.li04 .title { font-size: 11pt; font-weight: 700; } #htab1 .htab_li li.li04 dl{height:124px; padding:0px 0 0 20px;; font-size:11pt; text-align:left;} #htab1 .htab_li li.li04 dl h3{color:#f16522; font-size: 34pt; font-weight: 700; margin:10px 20px;; border-bottom:1px solid #f16522;} #htab1 .htab_li li.li04 dl .title { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1dcd6; font-size: 12pt; } #htab1 .htab_li li.li04 dl.faq .more { background: url('/images2/main/icon_more.png') no-repeat 0px 3px; float:right; font-size: 11pt; width:55px; text-align: right; font-weight: normal;} #htab1 .htab_li li.li04 dl.faq dt {line-height: 1.6; background: url('/images2/main/main_faq_q.png') no-repeat 0px 5px; padding-left:25px; } #htab1 .htab_li li.li04 dl.qna { position:relative;; height:155pt; font-size: 11pt;} #htab1 .htab_li li.li04 dl.qna .tel{margin:20px 6px 0 0; float: left;} #htab1 .htab_li li.li04 dl.qna .txt1{margin:30px 0 0 5px;} #htab1 .htab_li li.li04 dl.qna .org{font-size: 13pt; color:#f16522;} #htab1 .htab_li li.li04 dl.qna .org font{font-size: 12px; color:#f16522} #htab1 .htab_li li.li04 dl.qna .txt2{margin:8px 0 10px 0px; font-size: 8pt; display: inline-block;} #htab1 .htab_li li.li04 dl.qna .btn{margin:10px 0 10px 98px;} /* tab02 - 학급알리미라면*/ #htab2 .htabc_intro {width:215px; position: absolute; text-align: center;} #htab2 .htabc_intro img {margin:30px 0 19px 0; width:136px} #htab2 .htabc_intro .txt {font-size: 12pt; line-height: 1.6;} #htab2 .htabc_intro .btn { margin:10px 15px; width:175px; line-height: 45px; border:1px solid #f16522; background-color: #edeae6; color:#f16522; font-size: 13pt;font-weight: 700;} #htab2 .htabc_intro .btn:hover {background-color: #f16522; color:#fff; } #htab2 .htab_li {width:747px; height: 310px; margin:0 0 40px 230px; } #htab2 .htab_li li {float:left; margin:0px; } #htab2 .htab_li {width:747px; height: 311px; margin:0 0 40px 230px; } #htab2 .htab_li li {float:left; margin:27px 0 0 17px; border:1px solid #e1dcd6; } #htab2 .htab_li li:first-child {float:left; } #htab2 .htab_li li .detail_view img { position:absolute; display: none;} #htab2 .htab_li li:hover .detail_view img{ display: block; display: block; opacity: 0.6; } #htab2 .htab_li li dl {padding:10px; width:210px;;line-height: 1.6;} #htab2 .photo {position:relative; width:230px; height:193px;} #htab2 .photo .imgMark {position:absolute; top:44px; left:64px;} #htab2 .htab_li .li02 {width:215px; position: absolute; text-align: center;} #htab2 .htab_li .li02 img {margin:38px 0 30px 0;} #htab2 .more { background: url('/images2/main/icon_more.png') no-repeat 0px 3px; float:right; font-size: 11pt; width:55px; text-align: right; font-weight: normal; margin-top: -20px;} /* tab03 - 학부모라면*/ /* #htab3 .main_title {font-size:13pt; color:#666;font-weight: 700; padding-left:17px; text-align: left;} */ #htab3 .more { background: url('/images2/main/icon_more.png') no-repeat 0px 3px; float:right; font-size: 11pt; width:55px; text-align: right; font-weight: normal; margin-top: -20px;} #htab3 .htabc_intro {width:215px; position: absolute; text-align: center;} #htab3 .htabc_intro img {margin:39px 0 29px 0;} #htab3 .htabc_intro .txt {font-size: 12pt; line-height: 1.6;} #htab3 .htabc_intro .btn { margin:10px 15px; width:175px; line-height: 45px; border:1px solid #e62e72; background-color: #edeae6; color:#e62e72; font-size: 13pt; font-weight: 700;} #htab3 .htabc_intro .btn:hover {background-color: #e62e72; color:#fff; } #htab3 .htab_li {width:747px; height: 320px; margin:0 0 40px 237px; } #htab3 .htab_li li {float:left; margin:0px; } #htab3 .htab_li li.li02 {float:left; padding:0 !impotant; border:none; width:240px;margin: 0 0 0 10px;} #htab3 .htab_li li.li02 .cont{border:1px solid #ddd; height:275px;} #htab3 .htab_li li.li02:first-child {float:left; margin-left:10px;} #htab3 .htab_li li.li02 dl.in {padding:10px; } #htab3 .htab_li li.li02 .title { font-size:13pt; color:#666;font-weight: 700; margin-bottom:28px;} #htab3 .htab_li li.li02 .more_area { width:240px; margin-top:23px; position: absolute;} #htab3 .htab_li dl dt{line-height: 1.6; } #htab3 .htab_li li.li04 {width:460px; height:309px; margin-left:15px; } #htab3 .htab_li li.li04 dl {width:455px; height:65px; line-height:1.6; padding:10px; border:1px solid #ddd; margin-bottom:8px; word-break:break-all;} #htab3 .htab_li li.li04 .name {float:left; position:relative; width:69px; height:65px; margin:0 15px 0 0; color:#fff; text-align: center; line-height: 33px; overflow: hidden;background: url('/images2/main/bg_momname.png');} #htab3 .htab_li li.li04 .title { font-size: 12pt; font-weight: 700; margin-bottom:29px; width:478px;} #htab3 .htab_li li.li04 .more_area { width:475px; margin-top:20px; position: absolute;} /* tab04 - 기관회원*/ #htab4 .more { background: url('/images2/main/icon_more.png') no-repeat 0px 3px; float:right; font-size: 11pt; width:55px; text-align: right; font-weight: normal; margin-top: -20px;} #htab4 .htabc_intro {width:215px; position: absolute; text-align: center;} #htab4 .htabc_intro img {margin:40px 0 26px 0;} #htab4 .htabc_intro .txt {font-size: 12pt; line-height: 1.6;} #htab4 .htabc_intro .btn { margin:10px 15px; width:175px; line-height: 45px; border:1px solid #f16522; background-color: #edeae6; color:#f16522; font-size: 13pt;font-weight: 700;} #htab4 .htabc_intro .btn:hover {background-color: #f16522; color:#fff; } #htab4 .htab_li {width:750px; height: 320px; margin:0 0 40px 227px; } #htab4 .htab_li li.li04 {float:left; width:740px; height:309px; margin-left:10px; } #htab4 .htab_li li.li04 dl {float:left; width:338px; height:66px; line-height:1.6; padding:10px; border:1px solid #ddd; margin-top:10px; margin-left:10px;} #htab4 .htab_li li.li04 .photo {float:left; position:relative; margin:-10px 20px 0px -10px; } #htab4 .htab_li dl dt{line-height: 1.6; } #htab4 .htab_li li.li04 .center { color:#f26f31; font-size:12pt; overflow: hidden;text-overflow: ellipsis; } #htab4 .htab_li li.li04 .title { font-size: 12pt; font-weight: 700;margin:0px 10px 12px 10px; } #htab4 .htab_li li.li04 .more_area { width:737px; margin-top:20px; position: absolute;} @media screen and (max-width:640px){ #htab2 .photo {height:190px} } /* 내비소개 */ .naviTab {float:right; margin:30px 0 40px 0; } .naviTab li {float:left; margin-left:1px;} .navi01 {float:left; width:660px; height:627px; margin-top:30px; padding-left:298px; background:url(/images/intro/bg_intro.jpg) no-repeat 30px 24px;} .navi01 ul.intro {overflow:hidden; margin-top:23px;} .navi01 .intro li {margin-bottom:10px;} .navi02 {float:left; width:900px; margin:120px 0 50px 42px;} .navi02 .notice {float:left; position:relative; width:330px; margin-right:23px;} .navi02 .notice .more {position:absolute; top:10px; right:0;} .navi02 .notice ul {float:left; width:330px; margin-top:10px; padding:4px 0 19px; border-top:2px solid #c1baae; border-bottom:1px solid #e1ded8;} .navi02 .notice li {float:left; width:318px; margin:12px 0 0 3px; padding-left:9px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;} .navi02 .notice li span {float:right; font-size:11px;} .navi02 .naBan {float:left; margin-top:28px;} .navi02 .naBan li {float:left; margin-left:15px;} .navi07 {float:left; margin-top:30px; } .navOrg { float:left; left:50%; margin:50px 150px;} .pubArea {float:left; width:900px; margin:30px 0 0 42px;} /* 체험, 봉사정보 */ #exper {overflow:hidden; background:url(/images/exper/bg_exper.gif) repeat-y 0 0;} #exper .ltArea {float:left; width:189px; padding-left:1px; color:#85837e; font-size:11px;} #exper .ltArea .term01 {padding:30px 0;} #exper .ltArea .term01 input {color:#85837e; font-size:11px;} #exper .ltArea .term01 input[type=text] {margin-left:20px;} #exper .ltArea .term02 .inputwrap{line-height: 16px; overflow: hidden;} #exper .ltArea .term02 .inputwrap span{width: 50px; display: inline-block;} #exper .ltArea .term02 .fl{float: left; width: 40%} #exper .ltArea .term02 .fr{float: right; width: 60%} #exper .ltArea .term02 .fl_c{float: left; width: 80px} #exper .ltArea .term02 .fl_cw{float: left; width: 87px} #slider-range{margin-top:7px;} .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:9px; height:14px; cursor:pointer; border:0; background:url(/images/common/slider_arrow.gif) no-repeat 0 0;} .ui-slider-horizontal { height:7px; } .ui-slider .ui-slider-handle { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } #exper .ltArea .term02 {width:170px; padding:13px 0 13px 20px; border-top:1px solid #eff1ed;} #exper .ltArea .term02 p {padding-bottom:6px;} .term02 .exInfo {overflow:hidden;} .term02 .exInfo li {float:left; width:170px; padding-top:10px;} .term02 .exInfo li a {color:#888;} .term02 .exInfo .thum {float:left; margin-right:7px; border:1px solid #edf0f2;} .term02 .exInfo li p {width:81px; line-height:1.4;} #exper .ltArea .term02 .seh {width:128px; margin-top:15px; padding-left:42px;} #exper .ltArea li {line-height:1.6;} #exper .ltArea .group {overflow:hidden;} #exper .ltArea .group li {float:left; width:80px;} #exper .ltArea .group li input {margin-right:3px;} #exper .rtArea {position:relative; float:left; width:1000%; margin:30px 0 0 50px;} /* 최신순 인기순 소팅 */ .array {position:relative;width:100%;margin:12px auto; display: inline-block;} .array .prTab{float:left; overflow:hidden; width:180px;; height:20px; margin-top:10px;} /* 오른쪽 검색조건이 있는경우 높이가 30; 게시판 최신순.. 아래 간격때문에 padding-bottom:20 지켜져야함 */ .array .prTab li{display: inline-block;} .array .prTab li + li{background: url(/images2/web/common/bar_type04.png) no-repeat 0 3px;} .array .prTab a{display: block; padding: 0 16px 0 20px; font-size: 13px; font-weight: bold; color: #585858;} .array .prTab a .ico_{margin: -2px 0 0 5px;} .array .prTab a.on{color: #476ab0;} .array .prTab a.on .ico_{background-position: -380px 0;} /* 구분/카테고리 분류 탭 */ .array02 {overflow:hidden; width:100%; height:53px;border-bottom:2px solid #FFC90E; } .array02 img {vertical-align:middle;} .array02 .prTab {float:left; margin-top:18px; width:100%; } .array02 .prTab li {float:left;width:160px;line-height:1.4; ; background-color:#f0f0f0; text-align: center; font-size: 11pt; border:1px solid #E1E1E1; border-radius:3px 3px 0 0;} .array02 .prTab li:hover {background-color: #fff; } .array02 .prTab li i {color:#afafaf; } .array02 .prTab li .sel, .prTab li .sel i {color:#476ab0;} .array02 .prTab .on, .array02 .prTab .on:hover {border:1px solid #FFAD0E; background-color: #FFC90E; color:#000; } /* .array02 .prTab .on a {color:#fff !important; } */ /* 구분/카테고리 분류 탭-스타일03 (맘애포터 소개/신청) */ .array03 {overflow:hidden; width:100%; height:65px; margin-bottom:36px;} /* .array03.exptab { margin-top:30px;} */ .array03 img {vertical-align:middle;} .array03 .prTab {float:left; margin-top:16px; width:100%; } .array03 .prTab li {float:left;width:324px;line-height:1.4;height:45px; line-height:45px; ; background-color:#f0f0f0; text-align: center; font-size: 11pt; border:1px solid #ffffff; border-bottom:none; cursor: pointer; box-sizing: border-box;} .array03 .prTab.tab02 li {width:50%; } /*이벤트 탭2개+검색창*/ .array03 .prTab.tab03 li {width:33.3%;} .array03 .prTab.tab04 li {width:25%;} /* 공지사항 탭4개+검색창 */ .array03 .prTab.tab06 li {width:16.6%;} /* 공지사항 탭4개+검색창 */ .array03 .prTab.tab07 li {width:14.2%;} .array03 .prTab.tabfaq li {width:106px} /* FAQ 자주묻는 질문 탭 ( 모바일 3줄) */ .array03 .prTab li:hover,.array03 .prTab .on, .array03 .prTab .on:hover {background-color: #fff; border:1px solid #f16522; border-bottom:none ;color:#f16522;} .array03 .prTab li i {color:#afafaf; } .array03 .prTab li .sel, .prTab li .sel i {color:#476ab0;} .array03 .prTab li.line2 {padding:5px 0;line-height: 1.2 !important; } /*이메일주소 무단수집거부*/ /* .array02 .prTab .on a {color:#fff !important; } */ /*체험봉사 상세 텝, 공지사항*/ /* .array03.exptab .prTab > li { height:45px; line-height:45px; } */ /* .expcomment { margin-bottom:150px;} */ @media screen and (max-width:640px){ .array { margin:10px 0 0 0; width:100%; display: inline-block; } /* 후기&소통 목록, 전문가 멘토 목록(margin:10px 0 -> margin:10px 0 0 0 ; 으로 변경했음 ; */ .array .prTab{display:none;} /* 체험봉사 상세 탭 */ .array03 { margin-bottom:0 !important; height:auto;} .array03 .prTab { margin-top:0; border-top:none;} .array03 .prTab li {line-height: 1.4; vertical-align: middle; padding:3px 0;background-color: #fff !important;height:50px;border-bottom:1px solid #ddd;} .array03 .prTab li:hover,.array03 .prTab .on, .array03 .prTab .on:hover {background-color: #fff !important; border:none; border-bottom:1px solid #EE9628; color:#EE9628; box-sizing: border-box;} /*공지사항 상단탭*/ .array03.tab_h50 .prTab > li { height:50px; line-height:2.8; } .array03.tab_h50 .prTab > li.line2 { height:50px; line-height:1.4; } .exptab_cons { clear:both; display:block; position:relative; height:auto; min-height:50px; margin-top:30px; margin-bottom:250px;} /* exp 상세 tab contents*/ .btn_expapply { background: url('/images_m/expinfo/bg_expapply_noline.png') 0 50% no-repeat; background-size: 62px 20px; border-top:1px solid #f6c588 } .expcomment { margin-bottom:0;} .array03 .prTab li { border-bottom:1px soild #ddd; height:auto;} .array03.exptab .prTab > li { height:50px; line-height:1.2; } /* .array03 .prTab.tab03 li {width:33.3%; padding:5px 27px;} 이용약관에서는 padding이 27px이어야 2줄로 늘어남 */ /* .array03 .prTab.d04 li.tab03 {width:25% !important;box-sizing: border-box; } */ /* .array03 .prTab.tab04 li {width:25%} 공지사항 탭4개+검색창 */ /* .array03 .prTab.tab07 li {width:14.2%;} */ /* 자주묻는질문*/ .array03 .prTab.tabfaq { width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd;} .array03 .prTab.tabfaq li {width:33.2%; hegiht:15px; padding:8px 0; line-height: auto;box-sizing: border-box;border-right:1px solid #ddd;} .array03 .prTab.tabfaq li:hover, .array03 .prTab.tabfaq .on, .array03 .prTab.tabfaq .on:hover { background-color: #30a4c2 !important; color:#fff; ;box-sizing: border-box !important;border:1px solid #30a4c2;} } #exper .rtArea .liType {position:absolute; right:0px; top:40px;} #exper .rtArea .liType img {vertical-align:middle;} #exper .liType a {color:#3c3d3f;} #exper .liType a.imFont {padding-left:3px; color:#a1a2a2;} .experinfo {display: block; text-align: right; margin-bottom: 20px; overflow: hidden;} .experinfo img{vertical-align: middle; margin-right: 6px} /* 이미지 타입 리스트 */ #exper .exList {overflow:hidden; width:100%; border-top:2px solid #444444;} #exper .exList li {overflow:hidden; padding:20px 0; border-top:1px solid #e5e5e5;} #exper .exList li:first-child {border:none;} #exper .exList img.thum {float:left; border:1px solid #dedede;} .exList .note {float:left; width:440px; height:113px; padding-left:20px; border-right:1px solid #f5f5f5;} .exList .note .tit {float:left; overflow:hidden; width:410px; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:bold;} .exList .note .tit a {color:#454545; font-size:14px; font-weight:bold;} .exList .note .txt a {float:left; overflow:hidden; width:410px; padding:2px 0 8px; color:#666; white-space:nowrap; text-overflow:ellipsis; font-size:12px;} #exper .exList dl {clear:both; padding-top:2px; font-size:11px;} #exper .exList dt {float:left; width:48px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px; } #exper .exList dd {float:left; width:64px; padding-right:20px; color:#888;} #exper .exList .date dd {float:left; width:150px; padding-right:33px; color:#888;} #exper .state {clear:both; float:left; padding-top:7px;} #exper .state img {vertical-align:middle; margin-top:-2px;} #exper .state a {color:#666; height:12px;} #exper .state span {display:inline-block; margin:5px 0 0 10px; padding:0 3px 0 10px;background:url(/images/common/icon_bar.gif) no-repeat 0 3px;} #exper .exList .conImg {overflow:hidden; padding-left:15px;} #exper .exList .conImg p {font-weight:bold; padding-bottom:2px;} #exper .exList .conImg li {padding:4px 0 0 0; border:none;} #exper .exList .conImg li img {border:1px solid #edf0f2;} /* 텍스트 타입 리스트 */ #exper .exNoimg {overflow:hidden; width:100%; border-top:2px solid #444444;} #exper .exNoimg li {overflow:hidden; padding:20px 0; border-top:1px solid #e5e5e5;} #exper .exNoimg li:first-child {border:none;} .exNoimg .note {float:left; width:100%;} .exNoimg .note .subj a {float:left; overflow:hidden; width:470px; padding-bottom:3px; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:bold;} .exNoimg .note .txt a {float:left; width:470px; padding:2px 0 3px; color:#666; font-size:12px;} .exNoimg .note .texView {float:left; width:470px;} #exper .detail {overflow:hidden; overflow:hidden; width:240px; padding-left:26px; } #exper .exNoimg .state {clear:both; float:left; width:300px; padding-top:0;} #exper .exNoimg dl {float:left; padding-top:2px; font-size:11px;} #exper .exNoimg dl.date {float:left; padding-top:10px; font-size:11px;} #exper .exNoimg dt {float:left; width:48px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px; } #exper .exNoimg dt.ty02 {float:left; width:30px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px; } #exper .exNoimg dd {float:left; width:60px; padding-right:13px; color:#888;} #exper .exNoimg .date dd {float:left; width:150px; padding-right:33px; color:#888;} /* 추천 프로그램-체험상세탭, 기관상세탭 */ .recommand {float:left; width:100%; } .recommand li {float:left; margin-left:17px; border:1px solid #e1dcd6;} .recommand li:first-child {float:left; margin-left:0;} .recommand li .detail_view img { position:absolute; display: none;} .recommand li:hover .detail_view img{ display: block; display: block; opacity: 0.6; } /* 기타 */ /* #etc {overflow:hidden; background:url(/images/etc/bg_etc.gif) repeat-y 0 0;} 좌우가 라인 감쌈 */ /* ------------------------------------------------------------- 로그인 ------------------------------------------------------------- */ #login {position:relative; width:899px; padding:44px 40px 0; background:url(/images/etc/bg_login.gif) no-repeat 100% 0;} #login h3.ttl {padding-bottom:60px;} #login h3.ttl02 {padding-bottom:80px;} #login .icon {position:absolute; top:38px; right:42px;} #login .btnArea {width:100%; padding-top:37px; text-align:center;} .logbox {position:relative; overflow:hidden; width:898px; border-top:2px solid #585753; border-bottom:1px solid #ccc;} .logbox .line {position:absolute; top:0; left:50%;} .logbox .logArea {width:100%; height:434px; border-bottom:1px solid #eaeaea;} .logArea li {float:left; width:447px;} .logArea li:first-child {border-right:1px solid #ddd;} .logArea li .login_pd{padding:14px 50px;} .logArea li .log {width:425px; padding:20px 0 21px 24px; border-bottom:1px solid #eaeaea; background-color:#f7f7f7;} .logArea .input { width:100%; box-sizing: border-box; margin-bottom:15px;} /* .logArea dl {float:left; width:236px; padding:58px 0 0 50px;} */ /* .logArea dt {clear:both; float:left; width:60px; margin-bottom:5px; padding-top:3px; font-weight:bold;} */ /* .logArea dd {margin-bottom:5px; z-index:10;} */ /* .logArea dd input {width:150px;} */ /* .logArea p {padding-top:58px;} */ .logArea p.save {float:left; width:390px; padding:0; margin:5px 0 0 110px;} /* .logArea .ipin {width:100%; padding-top:58px; text-align:center;} */ /* .logbox { PADDING:15PX;} */ .logbox .info {float:left; width:855px; padding:28px 10px 23px 10px;} .logbox .info li {padding:0 0 5px 12px; background:url(/images_m/common/blet_dot_org.png) no-repeat 0 6px; font-size: 14px; width:45%; float: left;} .logbox .info .btn_group {margin:10px 0 40px 0; text-align: left;} .logbox .info .btn_group a {margin-right:20px; width:142px;;} .logbox .serOk {width:100%; padding:100px 0; text-align:center; background-color:#fff;} /* .logbox .serOk span {color:#feac02; font-weight:bold;} */ .logbox .icon_login{ width:100%; margin:20px 0;} .logbox .icon_login img {height:20px; margin-right:10px;} /* #naver_id_login { width:auto; float: left;} */ .idbox {position:relative; overflow:hidden; width:898px; height:478px; border-top:2px solid #585753; border-bottom:1px solid #ccc;} /* 160203 로그인 */ .logArea .login_div{clear: both; overflow: hidden; padding:20px 15px 20px 15px; margin: 0 auto; background-color: #F3F3F3; text-align: center;} .logArea .login_div p { width:100%; text-align: center; font-weight: 700; margin-bottom:5px;} .logArea .login_div dl { width:33.3%; float: left; background-color: #F3F3F3; } /* .logArea .login_div dl img { width:102px;} */ .idbox .line {position:absolute; top:0; left:50%;} @media screen and (max-width:640px){ #login { padding:0; background: none; width:100%;} #login h3.ttl, .logArea li .log{ display: none;} .logArea li:first-child { border-right:none;} .logArea li .login_pd { padding: 0 15px; box-sizing: border-box;} .logArea li {width:100%; box-sizing: border-box; padding:0 ;} .logbox { width:100%; padding:0; border-top:none; border-bottom:none;} .logbox .logArea { height:auto;} /* .logArea .login_div { padding: 20px 0 5px 0;} */ .logArea .input { width:100%; box-sizing: border-box;} .logbox .info { padding: 20px 15px 0 15px;; width:100%;} /* .logbox .info .btn_group { text-align: center;} */ .logbox .info li {width:100%; float: none;} .logArea .login_div img { margin:15px 2px;} .logArea .login_div{ padding-bottom:5px;} /*아이디 비번 찾기 결과 */ #login h3.ttl02 { text-align: center; font-weight: 700; color:#ee9628; padding:10px 0;} .logbox .serOk { padding:40px 0; } .logbox .tit{ display:block; position:relative; width:100%;font-size: 16px ;font-weight: 700; color:#ee9628; padding: 20px 0; text-align: center; border-bottom:1px solid #ddd;} } /** 주의 serArea :: join_certy.jsp(회원가입 2단계) 사용 serArea는 certbox로 변경 */ .idbox .serArea {width:100%; height:478px; border-bottom:1px solid #eaeaea;} .serArea li {float:left; width:449px;} .serArea li .log {width:425px; padding:20px 0 17px 24px; border-bottom:1px solid #eaeaea; background-color:#f7f7f7;} .serArea li .log span {display:block; padding-top:12px;} .serArea .certi li {float:left; width:138px; padding:20px 0 0 50px;} .serArea .certi2 li {float:left; width:121px; padding:20px 0 0 20px;} .serArea dl {overflow:hidden; width:335px; padding:25px 0 0 40px;} .serArea dt {clear:both; float:left; width:90px; margin-bottom:5px; padding-top:3px; font-weight:bold;} .serArea dd {margin-bottom:5px;} .serArea .resInfo {padding:20px 0 0 40px; line-height:1.4;} .serArea .resInfo span {padding-left:12px; color:#feac02; background:url(/images/common/icon_star.gif) no-repeat 0 3px;} .serArea p.save {padding:20px 0 0 38px;} .serArea .btnOk {width:100%; margin-top:30px; text-align:center;} .denger {padding-top:15px;} .denger img {vertical-align:middle;} /* 회원가입 */ #member {position:relative; width:899px; padding:44px 40px 0; background:url(/images/member/bg_member.gif) no-repeat 100% 0;} #member h3.ttl {padding-bottom:20px;} #member .icon {position:absolute; top:38px; right:42px;} #member .comInfo {padding:5px 0 0 420px;} #member .dang {overflow:hidden; width:870px; margin-top:82px; padding:13px 0 20px 30px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#f7f7f7;} #member .dang ul {float:left; padding:10px 0 0 10px} #member .dang li {padding:0 0 5px 10px; background:url(/images/common/icon_dot.gif) no-repeat 0 3px;} #member .orgType {overflow:hidden; margin-top:30px;} #member .orgType li {float:left; padding-left:12px;} #member .orgType li:first-child {padding:0;} #member .orgType02 li {padding-top:15px;} #member .orgType03 {padding-top:5px;} #member .orgType03 li {margin:10px 0 0 6px; padding:0 0 0 7px; background:url(/images/common/icon_dot.gif) no-repeat 0 3px;} #member .orgType03 li.spe {padding:0 0 0 12px; background:url(/images/common/icon_star.gif) no-repeat 0 3px;} #member .service {overflow:hidden; width:894px; margin-top:15px; padding:20px 0 30px 6px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#f7f7f7;} #member .service li {margin:10px 0 0 6px; padding:0 0 0 7px; background:url(/images/common/icon_dot.gif) no-repeat 0 3px;} #member .service li.spe {padding:0 0 0 12px; background:url(/images/common/icon_star.gif) no-repeat 0 3px;} @media screen and (max-width:640px){ #member { width:100%; background: url(''); padding:0; } /* step0 회원유형선택 */ #member .memtype_tit { text-align: center; color:#ee9628; font-size: 18px;margin:20px 0;} #member .memtype_tit_cont { text-align: center; line-height: 1.6; font-size: 14px; margin-bottom:20px;} } /* ------------------------------------------------------------- 회원가입 ------------------------------------------------------------- */ #member02 {position:relative; width:899px; padding:30px 40px 0;} /* step1 약관동의 */ #member02 .agree_all { padding:20px 0; font-size: 14px; border-bottom:1px solid #ddd; text-align: right; font-size:16px;} #member02 .agree_all input { margin:-2px 5px 0 0 } #member02 .agree_tit { display: block;} #member02 .agree_tit li{ box-sizing: border-box; float: left; width:55%;} #member02 .agree_tit .join_check {margin:12px 0; text-align: right; width:45%;} #member02 .agree_tit .join_check span{margin:2px 0px 0 0;} #member02 .argBox {clear:both; width:100%; margin-top:10px; padding-top:10px; border:1px solid #ddd; border-radius: 5px; padding:15px; box-sizing: border-box;} /* #member02 .argBox_btm {width:860px; padding:0 20px 10px; background:url(/images/member/argBox_btm.gif) no-repeat 0 bottom;} */ .argBox { display: none; width:845px; height:168px; padding-right:15px; overflow:auto; overflow-x:hidden; } /* */ .argBox .tit {color:#8b9fbf;} .argBox dl {width:100%;} .argBox dl.boNone {border:none; margin:0;} .argBox dt {padding:27px 0 8px; font-weight:bold;} .argBox dt.tp1 {padding-top:0;} .argBox dt, .argBox .article dd {line-height:1.6;} .argBox dl li {padding-left:15px; text-indent:-15px;} .btnArea {clear:both; display:block;width:100%; margin:20px 0; text-align:center; } .btnArea:after { clear: both;} #member02 .memId {margin-top:25px; font-size: 24px; font-weight:700;color:#CACACA; line-height: 1.4; text-align: center;} #member02 .memId .m_block { display: inline-block;} #member02 .memId font{ color:#7D6D61;} #member02 .memId img {margin-top:4px;} #member02 .memId span {color:#000; font-size:28px; font-weight:bold;} /* step4 회원가입 완료 */ #member02 .join_comment01{ color:#ee9628 !important; font-size: 16px; text-align: center; margin: 20px 0; padding:20px 10px;} #member02 .join_comment02{ font-size: 16px; text-align: center;} #member02 .ness {margin-top:30px; padding-left:11px; background:url(/images/common/icon_star.gif) no-repeat 0 3px;} #member02 .join_tit { font-size: 16px; font-weight: 700;margin:18px 0; padding-left:10px; background:url(/images_m/common/blet_dot_org.png) no-repeat 0 7px; } #member02 .join_tit.dept2 { font-size: 16px; margin-bottom:0px;} #member02 .join_tit.dept2 .pri_chk{ position: absolute; margin: -3px 0 0 40px !important; } .memBox {overflow:hidden; width:905px; margin:27px 0 0 -5px;} .memBox .boxArea {position:relative; float:left; width:281px; height:216px; margin-left:6px; padding:13px 0 0 12px; border:1px solid #ddd;} .memBox .boxArea p.title {width:272px; padding-bottom:10px; background:url(/images/member/line_dot.gif) repeat-x 0 bottom;} .memBox .boxArea .more {position:absolute; top:15px; right:10px;} .memBox .boxArea .banner {padding:12px 0 10px 12px;} .memBox .boxArea ul {width:272px;} .memBox .boxArea li {margin-bottom:8px; padding-left:8px; color:#898989; font-size:11px; background:url(/images/common/icon_dot.gif) no-repeat 0 4px;} .memBox .boxArea li a {color:#898989;} .memBox .boxArea li span {width:52px; color:#69645e; } .memBox .boxArea .vou {padding-top:12px; line-height:1.4; font-size:15px; font-weight:bold;} .memBox .boxArea .intro {width:272px; padding-top:2px; color:#898989; line-height:1.6; font-size:11px;} .memBox .notice {margin-top:14px;} .memBox .notice li {margin-bottom:12px;} .memBox .notice li a {float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:197px; margin-right:10px; color:#69645e;} .memBox .notice li span {color:#aaa;} .memBox .grade {width:272px; margin-top:14px;} .memBox .grade li {overflow:hidden; width:272px; margin:0 0 12px 0; background:none;} .memBox .grade li img {float:left; padding-right:12px;} .memBox .grade dl {float:left; width:140px; padding-top:2px;} .memBox .grade dt {padding-top:3px; color:#595959;} .memBox .grade dd {padding-top:3px; color:#9c9c9c;} .orgImg {overflow:hidden; width:100%; margin-top:9px; padding:15px 0 7px; border-top:2px solid #585753; border-bottom:1px solid #ccc;} .orgImg .imgArea {float:left; width:260px; margin-left:20px;} .orgImg .imgArea img {padding-bottom:8px;} .orgImg li {line-height:1.8;} .orgImg02 {overflow:hidden; width:100%; margin-top:9px; padding:15px 0 7px; border-top:2px solid #c1baae; border-bottom:1px solid #d4d0c8;} .orgImg02 .imgArea {float:left; width:160px; margin-left:20px;} .orgImg02 .imgArea img {margin-bottom:8px; border:1px solid #d1d1d0;} .orgImg02 li {line-height:1.8;} @media screen and (max-width:640px){ #member02 .join_tit { font-size: 14px;} #member02 .join_tit.dept2 { font-size: 14px; } } /* 일반회원 회원인증 */ .cert_wrap { position:relative; display:block;width:100%; height:325px; margin-top:0; border-top:none; border-bottom:1px solid #eaeaea; box-sizing: border-box;} .cert_wrap dl dt{ width:50%; float: left;} .cert_wrap .certi_sel { background-color: #fff; overflow: hidden; box-sizing: border-box; margin:0; ; border-bottom:none; } .cert_wrap .certi_sel li { float:left;width: calc(50% - 22px); font-size: 16px; font-weight: 900; text-align: center; margin-left:15px; box-sizing: border-box; } .cert_wrap .certi_sel li img { width:43px;} .cert_wrap .certi_sel li img.icon_email {margin:5px 0;} .cert_wrap .certi_sel.d3 li { width: calc(33.3% - 22px);} .cert_wrap .certi_sel li:first-child{ margin-left:0;} .cert_wrap .certi_sel li .cert_btn { height:90px; padding:20px 0 20px 0; border:1px solid #dedede; margin-right:0; cursor: pointer;} /* .cert_wrap .certi_sel li .cert_btn img {height:50px;} */ .cert_wrap .certi_sel li .cert_btn p {height:50px; vertical-align: middle; padding-top:10px;} /* 비밀번호 찾기 form */ .cert_wrap .certi_sel .cert_input { padding:15px; width:80%; margin:0 auto;} .cert_wrap .certi_sel .cert_input input.member{ border:1px solid #ddd; width:100%; font-size: 14px; box-sizing: border-box; margin:7px 0;} .cert_wrap .btn_org01 { margin:15px 0 !important;} .cert_wrap .cert_info { display: block; padding:15px 0px 30px 30px;box-sizing: border-box;font-weight: 700; background: url('/images/member/bg_memStep.gif') no-repeat left 0;} .cert_wrap .cert_info li {margin:0; padding-left:13px; line-height:1.4; background:url('/images_m/common/blet_bar_org.png') no-repeat 0 10px; padding-bottom:5px;} .cert_wrap .cert_info li.tit {background:none; padding:15px 0; color:#f47521 !important; font-size: 15px;} /* 회원가입 step03 :: 회원정보 입력 */ .write.joinform th { width:15%;} .write.joinform td.tit { border-left:none !important; padding-left:0;} .write.joinform td .addr1 { width:342px; margin-top:5px;} .write.joinform td .addr2 { width:375px;margin-top:5px;} .write.joinform td .noti_red { display:block; font-size: 13px; color:#ee3128; margin:5px 0;} .write.joinform td .qmark { margin:-5px 0 0 5px; width:25px;} .write.joinform td.td_check2 li{width:100px; box-sizing: border-box; float: left; } .write.joinform td.td_intrest div{float: left;margin-right:5px;} .write.joinform td .m_select { width:20% !important;} .write.joinform td .btn_radio { margin:15px 0 0 30px; float: left; padding:3px; width:133px;} .write.joinform td .input_http { width:80% } .write.joinform td.th_25p { padding:0;} .write.joinform td.th_25p span {float:left; position:relative; display:block; width:25%;background-color: #e1d8cd; padding:10px 0; text-align: center;} .write.joinform td.td_25p span {float:left; position:relative; display:block; width:25%;padding:0px 0 0 0; text-align: center;} /* 마이페이지 내정보 수정 */ #mypage .write.joinform th {background-color: #b8a58f; color:#fff;} #member02 .icon_social{ padding:5px 25px; border-radius: 15px; color:#fff; float: right; font-size: 14px; margin-top:-40px;} #member02 .icon_social.naver { background-color:#2DB400; } #member02 .icon_social.facebook { background-color:#1D4779; } #member02 .icon_social.kakao { background-color:#FFEA01; } #mypage .member_out { width:80%;} .m_member_step { display: none;} @media screen and (max-width:640px){ #member02 {width:100%; padding:0;} #member02 .agree_all { text-align: left; letter-spacing: -2px;} #member02 .m_member_step { display: block;border-top:1px solid #ee9628; } #member02 .m_member_step li {display:list-item;float: left; border-left:1px solid #dedede;border-bottom:1px solid #dedede; text-align: center; width:25%; height:56px; box-sizing: border-box; padding: 5px 0; color:#181818; font-weight: 700; font-size: 15px; line-height: 1.4; /* background: url('/images_m/member/icon_joinarr.png') right 50% no-repeat; background-size: 15px 15px; */ } #member02 .m_member_step li:first-child {border-left:none; } #member02 .m_member_step li.on,#member02 .m_member_step li.on p { background-color: #ee9628; color:#fff;} #member02 .m_member_step li p {color:#cecece; } #member02 .m_member_step li .joinarr { position:relative; top:-28px; right:7px; width:20px; height:20px; z-index: 10; background: url('/images_m/member/icon_joinarr.png') no-repeat; background-size: 16px 16px; } #member02 .m_member_step li .joinarr.on { background: url('/images_m/member/icon_joinarr_on.png') no-repeat;background-size: 16px 16px; } /* 회원가입 step02 :: 인증선택 */ #member02 .memId {position:relative; display:block;font-size:15px; color:#000; text-align: center; margin-top:15px;} #member02 .memId .m_block { display: block;} #member02 .memId font{ color:#000;} .cert_wrap { height:auto;} .cert_wrap dl dt{ width:100%; float: none;} .cert_wrap .certi_sel { width:100%; padding:20px 0px;} .cert_wrap .certi_sel .sel_ipin { margin-left:15px} .cert_wrap .cert_info { background-color: #f3f3f3; background-image: none; padding:15px 15px 30px 15px } .cert_wrap .certi_sel li:first-child { margin-left:15px;} /* .cert_wrap .certi_sel li .cert_btn { margin-right:15px;} */ /* 비밀번호 찾기 form */ .cert_wrap .certi_sel .cert_input { padding:15px; width:100%; box-sizing: border-box;} /* 회원가입 step03 :: 회원정보 입력 */ .write.joinform { width:100%; border:none;} .write.joinform th { display: none; } .write.joinform td { border:none; width:100%; padding: 5px 0;} .write.joinform td input, .write.joinform td select { width:100%; box-sizing: border-box; } .write.joinform td input[type=radio] { width:30px;} .write.joinform td .p_w125,.write.joinform td .addr1, .write.joinform td .addr2 { width:100%; margin-top:5px;} .write.joinform td .m_w50p { width:50%;} .write.joinform td .captcha1 { padding:2px 2px 2px 2px; border:1px solid #c4c5c5; float: left;} .write.joinform td .captcha2 { width:50%; margin-left:10px; } /* .write.joinform td .td_2 { width:45%; float: left; } */ .write.joinform td.td_check2 li{width:50%;} .write.joinform td.td_intrest div{float:none;margin-left:0px;} .write.joinform td .m_select { width:100% !important; margin-bottom:10px;} .write.joinform td .m_select:first-child { width:100%; margin-bottom:10px;} .write.joinform td .btn_input_r01 { margin-top:5px;} .write.joinform td .icon_cal { position: relative; border:1px solid red;} .write.joinform td .btn_radio { margin-top:15px; float: right; } .write.joinform td .input_http { width:calc(100% - 46px); } /* 마이페이지 내정보 수정 */ #mypage .write.joinform th {color:#4c4c4c;} #mypage .member_out { width:100%;} } /* 마이페이지 */ #myTop.conTop{overflow: hidden; position: relative; width: 980px !important; margin: 0 auto; padding: 20px 0 34px 0; z-index: 0;border-right:1px solid #e6e6e6;} #mypage.container{padding:0 0px 50px 0px; margin:0 auto; border-right:1px solid #e6e6e6;} #myTop {width:980px; margin-top:-6px !important; background:url(/images/mypage/bg_myTop.gif) no-repeat 0 0;} #myTop h3.ttl {float:left; padding:12px 0 0 78px;} #myTop .tit02 {float:left; margin:15px 0 0 27px;} #myTop .myLoc {float:right; margin:20px 42px 0 0;} #myTop .myLoc li {float:left; padding-left:16px; line-height:1.2; background:url(/images/common/bg_loc02.gif) no-repeat 7px 4px;} #myTop .myLoc li:first-child {padding-left:0; background:none;} #myTop .myLoc li a {color:#999;} #myTop .myLoc li span {color:#666;} #mypage {overflow:hidden; background:url(/images/mypage/bg_mypage.gif) repeat-y 0 0;} #mypage .ltArea {float:left; width:189px;} #mypage .ltArea .logStat {overflow:hidden; padding:13px 10px 10px 10px; background-color:#766354;} #mypage .ltArea .logStat p {color:#cabcb5;} #mypage .ltArea .logStat p.ty2 {color:#fff;} #mypage .ltArea .logStat strong {color:#fff; font-weight:bold;} #mypage .ltArea .logStat dl {display:inline-block;width:182px; padding-top:10px; margin-top:10px;} #mypage .ltArea .logStat dt {clear:both; float:left; width:42px; padding-bottom:3px; color:#c2a89b; } #mypage .ltArea .logStat .ty2 dt {clear:both; float:left; width:55px; padding-bottom:3px; color:#c2a89b; background:url(/images/mypage/icon_bar.gif) no-repeat 100% 2px;} #mypage .ltArea .logStat .myinfo { position: relative; display: inline-block;top:10px; float: left; color:#fff; } /* #mypage .ltArea .logStat .myinfo_kind {display:block; height:50px; border-bottom:1px solid #ddd;} */ #mypage .ltArea .logStat .myinfo_kind img, #mypage .ltArea .logStat .myinfo_kind .myinfo {float: left;} #mypage .ltArea .logStat dd {float:left; width:120px; padding:0 0 3px 8px; color:#fff;} #mypage .ltArea .logStat dd font { color:#ddd;} #mypage .ltArea .logStat .ty2 dd {float:left; width:95px; padding:0 0 3px 8px; color:#fff;} #mypage .ltArea .logStat .btn_change { background-color: #FFC316; color:#543A2C; padding:5px 10px; display: inline-block; position: relative; margin-top:20px;} #mypage .ltArea .logStat02 {overflow:hidden; width:189px; border-top:1px solid #321e14;} #mypage .ltArea .logStat02 .box {width:160px; margin:0 9px; padding:16px 0 16px 10px; border-bottom:1px solid #644d40;} .logStat02 .box p img {vertical-align:middle;} #mypage .ltArea .logStat02 ul {padding-top:2px;} #mypage .ltArea .logStat02 li {margin-top:7px; padding-left:8px; background:url(/images/mypage/icon_dot.gif) no-repeat 0 5px;color:#c4a997; } #mypage .ltArea .logStat02 li a {color:#c4a997;} #mypage .ltArea .logStat02 li img {vertical-align:middle;} #mypage .borTop {float:left; width:791px; border-top:1px solid #e9e7d9;} #mypage .rtArea {overflow:hidden; width:701px; padding:30px 0 0 50px;} #mypage .rtArea .tit, #mypage .rtArea02 .tit {position:relative;float:left; width:95%; padding:1px 0 10px 10px; background:url(/images/mypage/icon_bullet.gif) no-repeat 0 1px; font-size: 15px;color:#312E2D; font-weight: 700;} #mypage .rtArea02 .tit { margin-top:30px;} #mypage .rtArea .tit .stit { font-size:12px; font-weight:400; letter-spacing: -1px;} /* #mypage .rtArea .tit .tit_s {font-weight: 700; color:#665E59; font-size: 15px;} */ #mypage .rtArea02 {overflow:hidden; width:701px; padding:0 0 0 50px;} #mypage .rtArea02 .tit02 {float:left; width:79%; padding:1px 0 10px 10px; background:url(/images/mypage/icon_bullet.gif) no-repeat 0 0;} #mypage .rtArea02 .tit03 {float:left; width:83.5%; padding:1px 0 10px 10px; background:url(/images/mypage/icon_bullet.gif) no-repeat 0 0;} @media screen and (max-width:640px){ #myTop.conTop{display:none; } /* #mypage .ltArea {display:none; } 마이페이지 상단 이용때문*/ #mypage.container{border-right:none;} } #mypage .cond01 {float:left; width:370px; margin-bottom:30px;} #mypage .cond01 ul {float:left; border:1px solid #d4d0c8;} #mypage .cond01 li {float:left; width:111px; height:178px; text-align:center; background:url(/images/mypage/bg_step.gif) no-repeat 0 0;} #mypage .cond01 li:first-child {background:none;} #mypage .cond01 li .step {margin-top:32px;} #mypage .cond01 li div {width:68px; height:48px; margin:9px auto 14px; padding-top:20px; color:#fff; font-weight:bold; background:url(/images/mypage/bg_circle.gif) no-repeat 0 0;} #mypage .cond01 div span {font-size:22px; text-decoration:underline;} #mypage .cond01 div span a {color:#fff;} #mypage .cond02 {float:left; width:330px;} #mypage .cond02 .aliimi {overflow:hidden; width:308px; height:158px; padding:20px 0 0 20px; border:1px solid #d4d0c8;} /* 나의 관심영역 추천정보 */ /* #mypage .rtArea .menuexp { padding-bottom:20px; } 마이페이지 나의 관심영역에 불필요 영억이므로 주석처리 */ /* 예약신청 검색 */ .btn_sch_reserve { position:absolute; right:15px; margin:-36px 0 0 0; padding:3px 10px; border:1px solid #ee9628; border-radius: 15px; color:#ee9628; background-color: #fff; font-weight: 700; cursor: pointer;} .btn_sch_reserve.on {color:#fff; background-color: #ee9628; } /* 예약신청 검색 달력 */ .sch_mypage_wrap .ui-datepicker-trigger { position: absolute; margin:8px 0 0 -30px;} .sch_mypage_wrap .ui-datepicker-title select { color:#666; padding: 2px;} #mypage .rtArea .cnt_mypage, #mypage .rtArea .mymenu { display: none;} @media screen and (max-width:640px){ #mypage .rtArea02 { width:100%; padding:0;} #mypage .cond01,#mypage .cond03,#mypage .cond04 { display: none;} #mypage { background: none;} #mypage .ltArea { float: none; width:100%;} #mypage .ltArea .logStat { width:100%; background-color: #fff;color:#222; padding:15px;} #mypage .ltArea .logStat strong,#mypage .ltArea .logStat p { color:#222;} #mypage .ltArea .logStat dl { margin:10px 0 0 0; border-top:1px solid #ddd; width:100%; } #mypage .ltArea .logStat dt { color:#ee9628; float: left; } #mypage .ltArea .logStat dd { color:#222; float: left;} #mypage .ltArea .logStat .myinfo { color:#222; border-bottom:none; width:calc(100% - 50px;)} #mypage .ltArea .logStat .btn_change {position:absolute;padding: 6px; border:1px solid #222; color:#333; right:15px; background-color: #fff; margin-top:0px; } #mypage .rtArea { padding:0; width:100%;} /* #mypage .rtArea h3.tit_cont_exp {margin-left:0;} */ #mypage .rtArea .tit, #mypage .rtArea02 .tit {margin-bottom:0px; padding-left:12px; background: url('/images_m/menu/blet_memutit.png') 0 7px no-repeat; background-size: 3px 3px; font-weight: 700; color:#222;} /* 마이페이지 메인 */ #mypage .rtArea .cnt_mypage {display:inline-block; width:100%;} #mypage .rtArea .cnt_mypage li { cursor:pointer;width:calc(33% - 20px) ; height:95px; margin:15px 0 5px 15px; padding:5px 0; border:1px solid #dfdfdf; float: left;} #mypage .rtArea .cnt_mypage li dl { width:100%; text-align: center; padding:5px 0;} #mypage .rtArea .cnt_mypage li dl.ctit { color:#ee9628; font-weight: 700; } #mypage .rtArea .cnt_mypage li dl.cnt { font-size: 30px; font-weight: 700; } /* 마이페이지 메인 메뉴 */ #mypage .rtArea .mymenu { display:block;margin:10px 0 30px 0; width:100%;} #mypage .rtArea .mymenu li { cursor:pointer; border:1px solid #ebebeb; margin:13px 15px; padding:15px; font-weight: 700;} #mypage .rtArea .mymenu li.bgarrow {background: url('/images_m/mypage/bg_mymenu.png') 97% 50% no-repeat;} #mypage .rtArea .mymenu li dl { float: left; width:25px; text-align: center; margin-right:20px;} #mypage .rtArea .mymenu li dl img { height:20px;} /* 예약신청내역 */ #mypage .cnt_reserve {display:inline-block; width:100%;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:15px 0 30px 0;} #mypage .cnt_reserve li { cursor:pointer;width:20% ; height:80px; padding:5px 0; border-left:1px solid #dfdfdf; float: left; box-sizing: border-box; } #mypage .cnt_reserve li:first-child { border-left : none;} #mypage .cnt_reserve li.on { background-color: #ee9628; color:#fff; } #mypage .cnt_reserve li.on dl .cnt { color:#fff;} #mypage .cnt_reserve li dl { width:100%; text-align: center; padding:5px 0;} /* #mypage .cnt_reserve li dl.ctit { font-weight: 700; } */ #mypage .cnt_reserve li dl .cnt { color:#ee9628; font-size: 26px; font-weight: 700; padding-right:5px} #mypage .list_myreserve { margin:15px;} #mypage .list_myreserve .rtit {padding:13px 10px;background-color: #424242; color:#fff; font-size: 13px;} #mypage .list_myreserve .rtit .arr {position:relative; top:2px; float: right; color:#ee9628; font-weight: 700; font-size: 10px; } #mypage .list_myreserve li {border:1px solid #dfdfdf;padding:15px; margin-bottom:20px;} /* 예약신청 검색 */ .sch_mypage_wrap { display:none; } /*border-bottom:1px solid #ee9628;*/ .sch_mypage_wrap ul { margin:5px auto 15px auto; display: inline-block; width:100%; box-sizing: border-box;} .sch_mypage_wrap .li_box li {float:left; margin-top:10px; margin-left:15px; text-align:center; ;border:1px solid #ee9628; color:#ee9628; background-color: #fff; box-sizing: border-box; font-weight: 700; cursor: pointer;} /* .sch_mypage_wrap li:nth-child(3n-2){ margin-left:0;} */ .sch_mypage_wrap .li_box li.on {color:#fff; background-color: #ee9628} .sch_mypage_wrap.d03 .li_box li {padding:5px 10px; width:calc(33.3% - 10px);} .sch_mypage_wrap.d03 .li_box li:nth-child(3n-2){ margin-left:0;} .sch_mypage_wrap.d04 .li_box li {padding:5px 5px; width:calc(25% - 12px); } .sch_mypage_wrap.d04 .li_box li:nth-child(4n-3){ margin-left:0;} .sch_mypage_wrap .icon_cal{ width:calc(50% - 8px); box-sizing: border-box;} .sch_mypage_wrap .datebar{ margin: 0 0px; color:#ccc; border:none;} } .aliimi .motion li {float:left; padding:0 0 20px 20px; background:url(/images/common/icon_bar.gif) no-repeat 10px 2px;} .aliimi .motion li:first-child {padding:0; background:none;} .aliimi .teach {padding-top:13px;} .aliimi .teach li {float:left; width:90px; height:54px; margin-right:11px; padding-top:12px; text-align:center; font-size:11px; letter-spacing:-1px; background:url(/images/mypage/bg_quare.gif) no-repeat 0 0;} .aliimi .teach div {padding-top:8px; font-size:12px;} .aliimi .teach div span {font-size:20px; font-weight:bold; text-decoration:underline;} #mypage .cond02 .letter {overflow:hidden; width:308px; height:158px; padding:20px 0 0 20px; border:1px solid #d4d0c8; background-color:#fefbf6;} .cond02 .letter .info {float:left; width:177px; padding-right:15px; line-height:1.4;} .cond02 .letter .btn {display:block; margin-top:10px;} #mypage .cond02 .attend {overflow:hidden; width:313px; height:153px; padding:25px 0 0 15px; border:1px solid #d4d0c8; background-color:#fefbf6; font-size: 9pt;} .cond02 .attend .into {padding-bottom:7px;} .cond02 .attend .thumAtt {float:left; width:78px; height:58px; border:1px solid #cbcbcb; margin-right:8px;} .cond02 .attend .view {float:left; margin:0 0 10px 0; width:210px; height:28px; border:0; font-weight:bold;} .cond02 .attend dl {float:left; width:210px;} .cond02 .attend dt {clear:both; float:left; width:53px; padding:0 0 3px 10px; color:#68655e; line-height:1.4; background:url(/images/common/icon_dot.gif) no-repeat 0 3px;} .cond02 .attend dd {float:left; width:146px; padding:0 0 3px 0; color:#888; line-height:1.4; font-size: 9pt;} .cond02 .attend dd span {color:#000;} #mypage .zimList {overflow:hidden; width:700px; margin-bottom:30px; padding-top:20px; border-top:2px solid #c1baae;} #mypage .zimList li {float:left; width:100px; padding-left:20px;} #mypage .zimList li:first-child {padding:0;} .zimList li .thum {padding-bottom:8px;} .zimList li .btn {margin-top:7px;} .zimList li p {overflow:hidden; float:left; width:93px; white-space:nowrap; text-overflow:ellipsis; margin-left:1px; padding:0 0 1px 7px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;} .zimList li p.moy {color:#68655e; font-size:11px;} .zimList li p.moy span {color:#888;} .zimList .zzimBox {float:left;margin-top:5px} .zimList a.zzim {display:inline; margin-top:4px; margin-left:-1px; color:#565656; font-size:11px; } .zimList .zzim img {margin-top:2px;} .zimList .zzim span {display:inline; margin:5px 0 0 5px; padding:0 3px 0 0;} #mypage .cond03 {float:left; width:340px; height:190px; margin:30px 0; padding-right:31px;} #mypage .cond04 {float:left; width:330px; height:190px; margin:30px 0;} #mypage .cond04 div {overflow:hidden; width:308px; height:148px; padding:27px 0 0 20px; border:1px solid #d4d0c8; background-color:#fefbf6;} #mypage .cond04 dl {float:left; width:160px; margin:25px 35px 0 0;} #mypage .cond04 dt {clear:both; float:left; width:105px; padding:0 0 7px 11px; background:url(/images/common/icon_dot.gif) no-repeat 0 3px;} #mypage .cond04 dd {float:left; width:40px; padding-bottom:7px; color:#888;} #mypage .moInfo {clear:both; overflow:hidden; width:100%; margin-bottom:5px;} #mypage .moInfo li {padding-bottom:5px;} #mypage .leave {clear:both; width:100%; padding:20px 0; border-top:2px solid #c1baae; border-bottom:1px solid #c1baae;} #mypage .leave ul {width:437px;} #mypage .leave li {padding-left:12px; background:url(/images/common/icon_yeDot.gif) no-repeat 4px 4px;} #mypage .leave li img {padding-bottom:6px;} #mypage .orLogo {float:left; width:150px;} #mypage .orLogo img {border:1px solid #d1d1d0;} #mypage .orLogo02 {float:left; width:140px;} #mypage .orLogo02 img {border:1px solid #d1d1d0;} #mypage .orIntro {overflow:hidden; width:547px;} #mypage .orIntro p.off {color:#312e2d; font-weight:bold;} #mypage .orIntro dl {overflow:hidden; padding:8px 0 2px;} #mypage .orIntro dl.place {width:550px; border-bottom:1px solid #d4d0c8;} #mypage .orIntro dt {clear:both; float:left; width:52px; padding-bottom:4px; color:#565656; font-size:11px; background:url(/images/mypage/icon_duDot.gif) no-repeat 100% 4px;} #mypage .orIntro dd {float:left; width:470px; padding:0 0 5px 5px; color:#888; font-size:11px;} #mypage .orIntro dd p {float:left; line-height:1.4;} #mypage .orIntro dd a {color:#888;} #mypage .orTab {overflow:hidden; clear:both; width:700px; height:32px; margin-top:25px; border-bottom:2px solid #c1baae;} #mypage .orTab li {float:left; padding-right:1px;} /* 마이페이지 텍스트 타입 리스트 */ #mypage .exNoimg {overflow:hidden; width:100%; } #mypage .exNoimg li {overflow:hidden; padding:20px 0; border-bottom:1px solid #e5e5e5;} #mypage .exNoimg .note {float:left; width:100%;} #mypage .exNoimg .note .subjj a {float:left; width:435px; height:30px; padding-bottom:3px; color:#454545; font-size:14px; font-weight:bold;} #mypage .exNoimg .note .subj02 a {float:left; overflow:hidden; width:700px; padding-bottom:3px; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:bold;} #mypage .exNoimg .note .txt a {float:left; width:435px; padding:2px 0 3px; color:#666; font-size:12px;} #mypage .exNoimg .note .txt02 a {float:left; width:700px; padding:2px 0 3px; color:#666; font-size:12px;} #mypage .exNoimg .note .texView {float:left; width:435px;} #mypage .detail {overflow:hidden; width:240px; padding-left:26px; } #mypage .exNoimg .state {clear:both; float:left; width:300px; padding-top:7px;} #mypage .exNoimg dl {float:left; padding-top:2px; font-size:11px;} #mypage .exNoimg dl.date {float:left; font-size:11px;} #mypage .exNoimg dt {float:left; width:48px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px; } #mypage .exNoimg dt.ty02 {float:left; width:30px; padding-left:8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px; } #mypage .exNoimg dd {float:left; width:60px; padding-right:13px; color:#888;} #mypage .exNoimg .date dd {float:left; width:150px; padding-right:33px; color:#888;} #mypage .state {clear:both; float:left; padding-top:7px;} #mypage .state img {vertical-align:middle; margin-top:-2px;} #mypage .state a {color:#666;} #mypage .state span {display:inline; margin:5px 0 0 10px; padding:0 3px 0 10px;background:url(/images/common/icon_bar.gif) no-repeat 0 3px;} #mypage .state .indu {float:left; color:#888; font-size:11px;} #mypage .state .indu span {margin:0; padding:0 0 0 5px; color:#68655e; background:none;} #mypage .map {width:698px; height:286px; margin-top:27px; border:1px solid #c1baae;} #mypage .cond05 {float:left; width:400px; padding-right:15px;} #mypage .cond06 {float:left; width:285px; } #mypage .cond06 div {display:inline-block;overflow:hidden; width:265px; height:196px; padding:27px 0 0 15px; border:1px solid #d4d0c8; background-color:#fefbf6;} #mypage .cond06 dl {float:left; width:160px; margin:25px 10px 0 0;} #mypage .cond06 dt {clear:both; float:left; width:105px; padding:0 0 7px 11px; background:url(/images/common/icon_dot.gif) no-repeat 0 3px;} #mypage .cond06 dd {float:left; width:40px; padding-bottom:7px; color:#888;} #mypage .cond07 {display:inline-block;;float:left; width:400px; padding-right:15px;} #mypage .cond07 .orgAdd {overflow:hidden; width:255px;} #mypage .cond07 .orgAdd p {overflow:hidden; width:253px; padding:8px 0 5px 2px; font-size:14px; font-weight:bold; border-bottom:1px solid #d4d0c8;} #mypage .cond07 .orgAdd p strong {color:#312e2d;} #mypage .cond07 .orgAdd .recomm {float:right; font-size:11px; font-weight:normal; letter-spacing:-1px;} #mypage .cond07 .orgAdd dl {overflow:hidden; width:255px; margin-top:5px;} #mypage .cond07 .orgAdd dt {clear:both; float:left; width:50px; margin-top:4px; padding-left:9px; color:#565656; font-size:11px; background:url(/images/mypage/icon_dot.gif) no-repeat 0 4px;} #mypage .cond07 .orgAdd dd {float:left; width:185px; margin:4px 0 0 0; padding-left:9px; color:#888; font-size:11px; background:url(/images/mypage/icon_duDot.gif) no-repeat 0 4px;} #mypage .cond07 .orgAdd dd p {float:left; line-height:1.4;} #mypage .cond07 .orgAdd dd a {color:#888;} #mypage .cond08 {display:inline-block; width:285px; } #mypage .cond08 ul { width:252px; display:inherit; padding:32px 15px 0 15px; border:1px solid #d4d0c8; background-color:#fefbf6;} #mypage .cond08 li a {float:left; width:244px; margin-bottom:8px; padding-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#68655e; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;} /* 체험 봉사 서브메인 */ .exMain {position:relative; width:960px; margin:20px 0 0 20px;} .exMain .more {position:absolute; right:21px; top:11px;} .exMain .photo {float:left; margin-right:11px; border:1px solid #e5e5e5;} .exMain .teach {overflow:hidden; margin-top:15px;} .exMain .teach li {float:left; width:455px; padding-right:20px;} .exMain li p {float:left; width:255px;} .teach li .pla a {color:#454545; font-size:14px; font-weight:bold; line-height:1.5;} .teach li .writer {margin:6px 0 9px; color:#68655e; font-size:11px;} .teach li .writer span {margin-left:5px; color:#888;} .teach li .latter {margin-top:12px;} .teach li .latter a {color:#666; line-height:1.4;} .pretendingSelect {background:url(/images/common/bt_arrow.gif) no-repeat 128px 9px;} .exMain02 {position:relative; width:961px; margin:30px 0 0 0; padding:9px 0 19px 20px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f6f6f6;} .exMain02 .more {position:absolute; right:21px; top:20px;} .exMain02 .photo {float:left; margin-right:9px; border:1px solid #e5e5e5;} .exMain02 .teach {overflow:hidden; margin-top:15px;} .exMain02 .teach li {float:left; width:298px; padding-right:22px;} .exMain02 li p {float:left; width:122px;} .exMain02 li .pla a {color:#666; font-size:12px; font-weight:bold; line-height:1.5;} .exMain02 li .writer {margin:6px 0; color:#68655e; font-size:11px;} .exMain02 li .writer span {margin-left:5px; color:#888;} .exMain02 li .latter {margin-top:12px;} .exMain02 li .latter a {color:#666; line-height:1.4;} .exMain02 li .date {color:#888; font-size:11px;} .exBan {overflow:hidden; padding:30px 0 30px 0; border-bottom:1px solid #e5e5e5;} .exBan li {float:left; margin-left:20px; border:1px solid #e5e5e5;} .exMain03 {position:relative; overflow:hidden; width:960px; margin:20px 0 0 0; padding:0 0 25px 20px; border-bottom:1px solid #e6e6e6;} .exMain03 .more {position:absolute; right:21px; top:6px;} .exMain03 .photo {border:1px solid #e5e5e5;} .exMain03 .teach {overflow:hidden; margin-top:15px;} .exMain03 .teach li {float:left; position:relative; width:165px; padding-right:27px;} .exMain03 li .txt {margin:10px 0 5px;} .exMain03 li .txt a {color:#666;} .exMain03 li dl {overflow:hidden; height:76px; margin:8px 0 3px;} .exMain03 li dt {clear:both; float:left; width:52px; margin-bottom:2px; padding-left:7px; color:#68655e; font-size:11px; background:url(/images/common/icon_dot.gif) no-repeat 2px 5px;} .exMain03 li dd {float:left; width:104px; margin-bottom:2px; color:#888; font-size:11px;} .exMain03 .zzim img {margin-top:3px;} .exMain03 .zzim span {display:inline; margin:5px 0 0 5px; padding:0 3px 0 10px; background:url(/images/common/icon_bar.gif) no-repeat 0 3px;} .exMain03 a.zzim {display:inline-block; margin-top:4px; color:#565656; font-size:11px; } .exMain04 {overflow:hidden; width:980px; padding-bottom:30px; background:url(/images/exper/bg_exBest.gif) repeat-y 100% 0;} .exMain04 .inList {float:left; width:370px; margin-top:20px;} .exMain04 .tta {margin-left:20px;} .exMain04 .photo {margin-bottom:8px; border:1px solid #e5e5e5;} .exMain04 .teach {overflow:hidden; margin-top:15px;} .exMain04 li.fl165 {float:left; width:165px; margin:0 0 15px 20px;} .exMain04 li .txt a {display:block; height:33px; color:#666; font-size:11px; line-height:1.4;} .exBest {float:left; width:217px; margin-left:23px;} .exBest p {padding:17px 0 6px 15px; border-bottom:1px solid #eff1ed;} .exBest ul {overflow:hidden; margin-top:22px;} .exBest li {width:176px; margin-bottom:15px; padding-left:6px; background:url(/images/common/icon_dot.gif) no-repeat 0 4px;} .exBest li a {color:#85837e; font-size:11px;} .ltArea h3.cap {padding:10px 0 10px 0; color:#333; font-size:16px; font-weight:bold;} .program_desc { position: relative; height: auto;;background:url(/images/common/line_dot.gif) repeat-x 0 bottom; } .motWp01 {float:left; width:265px; margin-right:30px;} .motWp01 .laImg {margin-bottom:12px; border:1px solid #c5c5c5;} .motWp01 ul {overflow:hidden; width:268px; margin:6px 0 20px -3px;} .motWp01 li {float:left; margin-left:3px; border:1px solid #edf0f2;} .motWp02 {float:left; width:320px; margin: -38px 30px 30px 0; display: inline-block;} .motWp02 dt {clear:both; float:left; color:#000; font-weight:bold; padding-left:10px; } .motWp02 dd {float:left; color:#000;} .motWp02 .btn_share { position: absolute; right:405px;} .motWp02 dl.ty01 {overflow:hidden; padding:10px 0 10px 0; border-top:1px solid #989695; border-bottom:1px solid #e2dfdd;} .motWp02 .ty01 dt {width:73px;} .motWp02 .ty01 dd {color:#f16522; font-weight:bold;} .motWp02 dl.ty02 {height:237px; margin-top:7px; background:url(/images/common/line_dot.gif) repeat-x 0 bottom;} .motWp02 .ty02 dt {width:80px; margin:10px 0;} .motWp02 .ty02 dd {position:relative; width:180px; margin:10px 0;;} .motWp02 .ty02 dd .top {position:absolute; top:1px; left:33px;} .motWp02 .ty02 dd .bot {position:absolute; top:11px; left:33px;} .motWp02 .ty02 dd img.btn {margin-top:-2px;} .motWp02 .ty02 dd.ty2 {position:relative; width:261px; padding-left:17px;} .motWp02 .ty02 .remm {display:block; padding:2px 0 0 3px; color:#f26522; font-size:11px;} .motWp02 .ty02 .remm img {vertical-align:middle;} .motWp02 .apply_btn_group { position:relative; } /* .motWp02 .apply_btn_group .btn{ float: left; margin-right:5px; margin-top:5px;} */ .motWp02 .apply_btn_group .btn_apply { float:left; text-align:center;width: 50%; padding:15px 0; cursor: pointer; background-color: #ff7d22; color:#fff; cursor: pointer; } .motWp02 .apply_btn_group .btn_apply.b_blue { float:left; text-align:center;background-color: #4B97D3; color:#fff;} .motWp02 .apply_btn_group .btn_zzim { float:left; text-align:center;padding:15px 15px; background-color: #B3ABA0; color:#fff; cursor: pointer; margin-right:7px;} .motWp02 .apply_btn_group .btn_zzim.alim { padding:17px 15px;} .motWp02 .apply_btn_group .btn_zzim.qna { width:20%;} .motWp02 .apply_btn_group .btn_zzim i{padding:1px 0;} .motWp02 .sel_planno { width:320px; box-sizing: border-box;} /* 시설대관 안내 추가 */ .motWp02 dl.ty03 {padding:10px 0; display: inline-block;margin-top:30px;} .motWp02 .ty03 dt {width:80px; margin:6px 0;} .motWp02 .ty03 dd {position:relative; width:230px; margin:6px 0;} .motWp02 .ty03 dd .top {position:absolute; top:1px; left:33px; width:13px; } .motWp02 .ty03 dd .bot {position:absolute; top:15px; left:33px; width:13px} .motWp02 .ty03 dd img.btn {margin-top:-2px; } .motWp02 .ty03 dd.ty2 {position:relative; overflow: hidden; line-height: 17px; width: 220px; margin:0; padding:0} .motWp02 .ty03 dd.ty2 select{ width:220px;} .motWp02 .ty03 dd.ty2 span{display: block; font-size:13px; font-weight: bold; color: #4696D4; margin-bottom: 3px} .motWp02 .ty03 .remm {display:block; padding:2px 0 0 3px; color:#f26522; font-size:11px;} .motWp02 .ty03 .remm img {vertical-align:middle;} /* .motWp02 .apply_btn_group .btn { margin-top: 15px; } */ .motWp02 dl.ty03 .ty03_01 {overflow:hidden; padding:5px 0 5px 0; border-top:1px solid #989695; border-bottom:1px solid #e2dfdd;} .motWp02 .ty03 .ty03_01 dt {width:73px;} .motWp02 .ty03 .ty03_01 dd {color:#f16522; font-weight:bold;} /* 상태 태그 */ .list-tag.expview li{display: inline-block;margin : 0px 0;} /* .list-tag.expview{margin: 5px 0;} */ .list-tag.expview li { margin-top:5px;} .list-tag.expview{width:540px;} .list-tag.expview li + li{/* margin-left: 3px */} .motWp02 .btn_cnt { position:relative; top:2px;;display:inline-block;border:1px solid #ee9628; color:#ee9628; width:29px; padding:4px 0; text-align: center; z-index: 10;} /* .motWp02 .expapply { border-top:1px solid #ee9628; margin-top: 20px; padding-top:25px;} */ /* 2016 리뉴얼 다음지도 */ .motMap {display:block;position:relative; overflow:hidden; width:300px; padding:0 0 15px 30px; border-left:1px solid #ece7d7; } .motMap .more {position:absolute; top:15px; right:25px;} .motMap p {color:#b5b2aa; font-size:11px;} .motMap p strong {color:#000; font-size:24px;} .motMap ul {width:138px; margin-top:10px;} .motMap li a {color:#6c6864; font-size:11px;} .motMap li.pho {overflow:hidden; width:138px; margin-bottom:5px;} .motMap .thum {float:left; margin-right:7px; border:1px solid #e5e5e5;} .motMap .explan {float:left; width:78px;} .wrap-link{margin: 5px 0;} .wrap-link a{display: inline-block; font-size: 12px; color: #424242;} .wrap-link a + a{margin-left: 4px; padding-left: 8px; background: url(/images/web/common/bar_type02.png) no-repeat 0 4px;} .motMap .map {border:1px solid #e1dcd6; width:300px; height:220px;} /* .motMap #map {width:300px; height:220px;} */ .motMap .map .wrap-link {padding:5px; display: none;} .motMap .map02 {overflow:hidden; width:345px; margin:15px 0 0 0;} .motMap .map02 .home {font-weight:bold;margin-top:20px; padding:2px 0 6px 33px; line-height:24px; background:url(/images/exper/icon_home.gif) no-repeat 0 5px; } .motMap .map02 .addArea {width:345px;overflow:auto;overflow-x:hidden; position: relative;} .motMap .map02 dt {color:#b09a85; font-weight:bold;} .motMap .map02 dd {width:78%; margin:5px 0 0 33px; line-height:1.6;} .motMap .map02 .trans {width:100%; margin-top:15px; padding-bottom:12px; background:url(/images/common/line_dot.gif) repeat-x 0 bottom;} .motMap .map02 .trans dt {padding:2px 0 0 33px; background:url(/images/exper/icon_bus.gif) no-repeat 0 0;} .motMap .map02 .car {width:100%; margin-top:20px;} .motMap .map02 .car dt {padding:2px 0 0 33px; background:url(/images/exper/icon_car.gif) no-repeat 0 0;} .motWp02 .doToggleApply { display: inline-block;} .apply_wrap { position: absolute; top: 400px; left:336px;} /* 체험봉사 신청 select top:400 */ .expinfo_inputwrap { margin-bottom:150px;} .m_expimg { display: none;} @media screen and (max-width:640px){ .ltArea h3.cap { margin:0px 0 7px 0; padding:10px 15px 5px 15px;} .motWp01 .laImg {width:100%;box-sizing: border-box;} .motWp01 {float:none; width:100%; margin:0; padding:0 15px; box-sizing: border-box;} .list-tag.expview { width:calc(100% - 80px); padding:15px 0 0px 15px;box-sizing: border-box; } .motWp02 .btn_cnt{top:1px;} .div_fix { position:fixed; bottom:0;background-color:#ee9628; border-top:1px solid #ee9628; z-index: 9; padding-top:1px; width:100%; } /* 갤럭시 8이상을 위해 100% */ .motWp02 { width:100%; padding:0; margin:0 0 0px 0; z-index: 1;} .motWp02 .btn_share { right:15px;;; top:17px;} .motWp02 dl.ty03 { padding:15px;margin-top:0px; width:100%; background-color: #fff; /*width 없었으나 체험봉사 상세 회차선택을 위해 추가 */ box-sizing: border-box; } .motWp02 .ty03 dt, .motWp02 .ty03 dd { margin:0px 0 0 8px 0;;} .motWp02 dt {padding-left:0;} .motWp02 .ty03 dt.ty01_type {width:73px;} .motWp02 .ty03 dd.ty01_type {color:#f16522; font-weight:bold; } .motWp02 .sel_planno { width:100%; box-sizing: border-box;} /* 체험상세 신청버튼*/ .apply_wrap { position: relative; top:auto; left:auto;} .apply_wrap .ty03 { margin:0;/*margin:0 10px 체험봉사 상세에서 회차선택영역이 넘어가서 없앰*/} .motWp02 .tab_exparr { display:inline-block; position:relative;width:100%; margin-top:-40px/*갤럭시8*/; padding:18px 0 0 0; box-sizing: border-box; text-align: center; margin-bottom:-1px; z-index: 1;} .motWp02 .tab_exparr img { z-index: 1;} .motWp02 .doToggleApply { display: none; border-top: 1px solid #ee9628;} .motWp02 .apply_btn_group { overflow:hidden;position:relative; display:inline-block; padding:15px 0 15px 15px; width:100%; background-color: #ee9628; border-bottom:1px solid#DD8C25; box-sizing: border-box;} .motWp02 .apply_btn_group .btn_apply { width:52%; padding: 14px 0px; border:1px solid #fff; color:#fff; background-color:#ee9628 } .motWp02 .apply_btn_group .btn_zzim { background-color: #fff; color:#ee9628; } .motWp02 .apply_btn_group .btn_zzim.qna { background-color: #fff; color:#ee9628} .motWp02 .apply_btn_group.btn_nowrap {background-color: #fff; margin-top:-26px; } .motWp02 .apply_btn_group.btn_nowrap .b_blue {width:100%;} .expinfo_inputwrap { margin-bottom:0px;} .expinfo_centerinfo { padding:20px 15px 0 15px;} .expinfo_centerinfo .list-program .icon_new_mobile { width:163px;} /* 체험상세 전용*/ .motWp02 dl.ty03 .ty03_01 {overflow:hidden; border:none; padding:0; } .motWp02 .ty03 .ty03_01 dt {width:73px;} .motWp02 .ty03 .ty03_01 dd {color:inherit; font-weight:normal; padding:0 5px; margin:6px 0;} .m_expimg { display: inline-block; width:100%;} .m_expimg .slider-nav span a{ position: absolute; width:20px !important; height:35px; text-indent: -9999px; margin-top:80px;} .m_expimg .slider-nav span.bx-prev a{ background: url('/images_m/expinfo/bx_expview_prev.png') no-repeat; background-size: 20px 35px; left:16px; z-index: 9;} .m_expimg .slider-nav span.bx-next a{ background: url('/images_m/expinfo/bx_expview_next.png') no-repeat; background-size: 20px 35px; right:15px; z-index: 9;} .array03..exptab { border-top:1px solid #666;} /* .array03 .prTab li.tab03 { width:auto; height:50px; padding:5px 5px; text-overflow: clip; border-top:none; border-bottom:1px solid #ddd; vertical-align: middle !important; } */ .array03 .prTab.d02.tab03 li {width:50% !important;box-sizing: border-box;} .array03 .prTab.d04.tab03 li {width:25% !important;box-sizing: border-box; padding:5px 12px;} /* 프로그램 진행장소(다음맵 연동) */ .motMap { width:100%; margin:10px 0 30px 0 ; padding:0; border:none; } .motMap .map,.motMap #map { width:100%; padding:15px; } .motMap .map { border:none;} .motMap .map02 { margin-bottom:50px;} .motMap .map02 .home {font-weight:bold;margin:20px 0 0 15px; padding:2px 0 6px 15px; line-height:24px; background:url(/images_m/expinfo/icon_addr.png) no-repeat 0 0; } /* .motMap #map { top:0; left:0;} */ .motWp02 .apply_btn_group .btn_zzim.alim { padding:15px 0px; width:51%} } /* .yseoul_noti {display: none; position: relative; float:left; background: #fff; text-align: center; line-height: 22px; margin-top:10px;} */ .rentbtn .yseoul_noti {display: none; position: relative; color: #4696D4; width: 300px;border:1px solid #ddd; padding:10px; margin-top:10px; float:left;} .rentbtn .yseoul_noti font{color: red !important;} /* 다음지도 */ .box-map{margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #eaeaea;} .box-map .map{height: 220px; margin-bottom: 10px; border: 1px solid #cecece;} .box-map .txt{padding-left: 20px; font-size: 12px; color: #747474; background: url(/images/mweb/common/ico_pin.png) no-repeat 2px 2px; -webkit-background-size: 12px 14px; background-size: 12px 14px;} .wrap-link{margin-bottom: 25px;} .wrap-link a{display: inline-block; font-size: 12px; color: #424242;} .wrap-link a + a{margin-left: 4px; padding-left: 8px; background: url(/images/web/common/bar_type02.png) no-repeat 0 4px;} .wrap-btn03{clear: both; overflow: hidden;} .wrap-btn03 a{float: left; display: block;} .wrap-btn03 a + a{margin-left: 21px;} .wrap-btn04{margin: -50px 0 50px; text-align: right;} /* 프로그램 평점 리뉴얼 시 없어짐 */ /* .motWp03 {position:relative; overflow:hidden; width:148px; padding:15px 10px 10px 10px; border:1px solid #ece7d7; background-color:#fffdf0;} */ /* .motWp03 .more {position:absolute; top:15px; right:25px;} */ /* .motWp03 p {color:#b5b2aa; font-size:11px;} */ /* .motWp03 p strong {color:#000; font-size:24px;} */ /* .motWp03 ul {width:138px; margin-top:10px;} */ /* .motWp03 li a {color:#6c6864; font-size:11px;} */ /* .motWp03 li.pho {overflow:hidden; width:138px; margin-bottom:5px;} */ /* .motWp03 .thum {float:left; margin-right:7px; border:1px solid #e5e5e5;} */ /* .motWp03 .explan {float:left; width:78px;} */ /* .motWp04 {clear:both; overflow:hidden; width:100%; height:35px; padding-top:35px; border-bottom:2px solid #ffd041;} */ /* .motWp04 li {float:left; height:35px; margin-right:1px;} */ /* .motWp04 .cusIn {float:right; margin-top:15px; padding-right:25px;} */ /* .motWp04 .cusIn li {padding-left:15px; font-size:12px; background:url(/images/common/icon_bar.gif) no-repeat 6px 2px;} */ /* .motWp04 .cusIn li:first-child {padding:0; background:none;} */ /* .motWp04 .cusIn li a {color:#3c3d3f;} */ /* .motWp04 .cusIn img {vertical-align:middle;} */ .advice {padding-left:8px; color:#feac02; background:url(/images/common/icon_star.gif) no-repeat 0 4px;} .advice02 {padding-left:8px; background:url(/images/common/icon_star.gif) no-repeat 0 4px;} /* 체험 봉사정보 신청 */ .motApply { margin-top:20px; padding-top:10px;position:relative; } .motApply .ltMot .tit_cont_exp {margin:25px 0px 5px 0px; padding-left:15px;font-size:14px; font-weight: bold; background:url(/images/exper/b_applyttile.gif) no-repeat left 3px;} .motApply .ltMot .sel_regcnt { width:60px;} @media screen and (max-width:640px){ } #exper .file {background:url(/images/common/icon_bar02.gif) no-repeat 130px 2px;} #exper .file a {color:#787878; } /* 2016 리뉴얼 시 아래 소스로 id 변경 #exper .map {float:left; width:345px; height:250px; margin:15px 10px 0 0; padding:9px; border:1px solid #f0d453;} #exper .map02 {overflow:hidden; width:332px; height:239px; margin:15px 0 0 0; padding:20px 20px 9px 10px; border:1px solid #ddd;} #exper .map02 .home {font-weight:bold; padding:2px 0 6px 33px; line-height:1.4; background:url(/images/exper/icon_home.gif) no-repeat 0 0;} #exper .map02 .addArea {width:327px;height:180px;overflow:auto;overflow-x:hidden;} #exper .map02 dt {color:#b09a85; font-weight:bold;} #exper .map02 dd {width:85%; margin:5px 0 0 33px; line-height:1.6;} #exper .map02 .trans {width:100%; margin-top:19px; padding-bottom:12px; background:url(/images/common/line_dot.gif) repeat-x 0 bottom;} #exper .map02 .trans dt {padding:2px 0 0 33px; background:url(/images/exper/icon_bus.gif) no-repeat 0 0;} #exper .map02 .car {width:100%; margin-top:20px;} #exper .map02 .car dt {padding:2px 0 0 33px; background:url(/images/exper/icon_car.gif) no-repeat 0 0;} */ .motWp05 {display:block;position:relative; min-height:220px; margin:10px 0 10px 0; border-bottom:1px dotted #787878;;} .motWp05 .orLogo {float:left; width:250px; margin-right:40px;} .motWp05 .orLogo img {border:1px solid #d1d1d0;} /* table로 변경 */ /* .motWp05 .orIntro {overflow:hidden; width:690px;} */ /* .motWp05 .orIntro p.off {color:#312e2d; color:#787878; font-size:14px; font-weight:bold;} */ /* .motWp05 .orIntro dl {overflow:hidden; padding:8px 0 2px;} */ /* .motWp05 .orIntro dl.place {border-bottom:1px solid #d4d0c8;} */ /* .motWp05 .orIntro dt {clear:both; float:left; width:83px; padding-bottom:4px; font-weight:bold; color:#787878; line-height:1.6;} */ /* .motWp05 .orIntro dd {float:left; width:451px; padding:0 0 5px 5px; color:#787878; line-height:1.6;} */ /* .motWp05 .orIntro dd a {color:#888;} */ .motWp05 .btn {position:absolute; right:0; bottom:0;} .laNum {color:#463f37; font-size:17px; font-weight:bold;} .fiEmb {display:inline; margin-left:5px;} .fiEmb span {text-decoration:underline;} .fiEmb img {vertical-align:middle;} @media screen and (max-width:640px){ .motWp05 { margin:0; border-bottom:none;} .motWp05 .orLogo { width:100%; padding:15px 15px; margin:0; box-sizing: border-box;} .motApply { margin-top:0;} /* 체험봉사 신청 기본정보에서 필요없어서 제거 */ } /* .wooMain {padding:15px 0 0 0;} */ /* .wooMain .more {margin-left: 945px;} */ /* .wooMain .bdLine {border-bottom:1px solid #e5e5e5;} */ /* .wooMain .photo {float:left; border:1px solid #e5e5e5;} */ /* .wooMain .wooArea {overflow:hidden; width:100%; margin-top:5px; padding-bottom:30px;} */ /* .wooMain .wooArea li {float:left; width:298px; margin-left:20px;} */ .wooArea .pla {width:298px; height:35px; margin-bottom:10px; font-size:14px; font-weight:bold;} .wooArea .pla a {color:#454545; line-height:1.4;} .wooArea .photo {margin-right:8px;} .wooArea .latter {width:125px; margin-bottom:6px;} .wooArea .latter a {color:#666; line-height:1.4;} .wooArea .writer {clear:both; float:left; padding-top:9px; color:#68655e; font-size:11px;} .wooArea .writer span {margin-left:5px; color:#888;} .wooArea .writer span.numss {display:inline-block; margin:3px 0 0 0; color:#888;} .wooArea .writer span.nic {margin-left:0} .nic img {margin-right:-2px;} .wooArea02 {clear:both; width:100%;} .wooArea02 ul {float:left; width:685px; height:185px; padding-top:17px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f6f6f6;} .wooArea02 li {float:left; width:193px; margin-left:25px;} .wooArea02 .pla {margin-bottom:15px; font-weight:bold;} .wooArea02 .pla a {color:#454545; line-height:1.4;} .wooArea02 .latter {margin-bottom:6px;} .wooArea02 .latter a {color:#666; font-size:11px; line-height:1.6;} .wooArea02 .writer {clear:both; float:left; padding-top:17px; color:#68655e; font-size:11px;} .wooArea02 .writer span {margin-left:5px; color:#888;} .btype01 {overflow:hidden; width:980px;} .btype01 .ltArea {float:left; width:980px; margin-right:18px; } .btype01 .ltArea02 {float:left; width:758px;} .btype01 .liType {overflow:hidden; width:980px;} .btype01 .liType li {height:118px; padding:20px; border:1px solid #e4e4e4;margin-bottom:15px; cursor: pointer;} .btype01 .liType div {width:750px;} .btype01 .liType .mobile {width:100%;} .btype01 .liType .tit {margin-bottom:10px; font-size: 16px;font-weight:700; color: #585858;color:#454545; } .btype01 .liType .photo {float:left; margin-right:20px;} .btype01 .liType .latter { margin-bottom:6px;} .btype01 .liType .latter a {color:#666; line-height:1.4;} .btype01 .liType .writer {float:left; padding-top:9px; color:#9e9e9e; } .btype01 .liType .writer span {color:#888;} .btype01 .liType .bname {display: none;} @media screen and (max-width:640px){ .btype01 {width:100%} .btype01 .ltArea { width:100%} .btype01 .liType { width:100%} .btype01 .liType li { display:inline-block; /* display가 없으면 청소년 news 타이틀이 내려감 */ width: 100%; height: 160px; float: none; padding: 0;/*문의내역에서 필요없어서 변경 padding:0 0 10px 0;*/ border: none; border-bottom: 1px solid #e4e4e4;} .btype01 .right_wrap { display: inline;} .btype01 .liType .photo { float: left; width: 47%; position: relative; height: 110px; margin-top: 50px; /* margin-top:45px 를 문의내역에 필요없어서 변경 */ margin-right:10px; } .btype01 .liType .tit { width: 92%; position: absolute; display: block; margin: 15px 0 5px 0; font-size: 16px; color: #585858; max-height:40px; /* 전문가는 1줄, 청소년news는 2줄이라 있음 */ } .btype01 .liType .latter { height:60px; text-overflow: ellipsis !important; overflow: hidden !important; } .btype01 .liType .bname{ width: 90%; position: absolute; /* left: 235px; */ display: block; color:#EE7C28; margin: -3px 0 10px 0; /* 전문가 이야기 구분자 때문에 -22 */ } .btype01 .liType .desc { width: calc(100% - 52%); margin: 45px 0 0 8px; /* 52px -> 45px 전문가 이야기 목록에서 컨텐츠가 아래로 내려가서 */ line-height: 1.4; max-height: 112px; /* 청소년 news */ } /* 전문가 */ .btype01.b_skill .liType li { height:177px !important; margin-bottom:20px;} .btype01.b_skill .liType li .img_wrap { width:150px; height:110px; display: inline-block; position: relative; float:left;} .btype01.b_skill .liType li .img_wrap .photo { width:150px;} .btype01.b_skill .liType li .img_wrap .icon_new01.skill_list { right:0; top:3px; position: absolute;} .btype01.b_skill .liType li .btype01 .right_wrap { display: inline-block; position: absolute;} .btype01.b_skill .liType li .desc { width:calc(100% - 160px;)} .btype01.b_skill .liType .tit { margin-top:20px !important;} .btype01.b_skill .liType .latter { height:78px; padding-left:10px;} .btype01.b_skill .liType .writer{margin-top:0;} .btype01.b_issue.mypage .liType .photo{margin-top:35px} /* 마이페이지 청소년 news */ .btype01 .liType .writer { font-size: 12px; float: right; margin-top:20px; float:none;} /* 청소년 news */ .btype01.b_issue .liType li { height:195px;} .btype01.b_issue .liType li .photo { width:163px;} .btype01.b_issue .liType li:first-child { margin-top:15px;} .btype01.b_issue .liType .tit { margin-top:0px;} .btype01.b_issue .liType .writer { margin-top:0; width:100%; padding:15px 0;} .btype01.b_issue .liType .desc { margin:34px 0 0 8px; max-height: 97px; width:calc(100% - 174px); } .btype01.b_issue .liType .photo { margin-top:35px;} /* 청소년 news 관리(마이페이지)*/ .btype01.b_issue.mypage .liType li { height:290px;} .btype01.b_issue.mypage .liType li:first-child { margin-top:15px;} .btype01.b_issue .liType li .mento_recom { display:table; width:100%; box-sizing: border-box; } .btype01.b_issue .liType li .mento_recom dt{float:left;margin-bottom:10px; padding:5px 0;;width:20%; background-color:#F5F5F5; line-height: 1.6; text-align: center; box-sizing: border-box;border:1px solid #e4e4e4;} .btype01.b_issue .liType li .mento_recom dd{display:inline-block;margin-bottom:10px; padding:5px; width:80%; line-height: 1.6;box-sizing: border-box;border:1px solid #e4e4e4; border-left:none;} /* 작성글보기 > 1:1 문의 답변 (마이페이지-일반사용자)*/ .btype01.b_qna .liType .tit { margin:0 0 15px 0;}/* 문의내역 상세에는 margin-top:0 .. 원래 margin:15px 0*/) .btype01.b_qna .liType .photo { margin-top:50px;} .btype01.b_qna .icon_new01{margin:35px 0 0 114px;} .btype01.b_qna .liType .desc { margin-top:40px/* 문의내역에서 필요없어서 margin-top:54 -> 40 */; max-height: 96px;} /* 멘토맘 소개 */ .btype01.mom_mento { padding:15px 15px; box-sizing: border-box;} .btype01.mom_mento .photo { float:left;border:5px solid #fff !important; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; width:100px; height:96px; margin:10px 20px 10px 10px; } .btype01.mom_mento .liType .desc { width:100%; padding:5px 0px 15px 0; box-sizing: border-box; margin:0 0 15px 0;} .btype01.mom_mento .liType .desc .cont { height:40px; overflow: hidden; margin:5px 15px 5px 0;} /* .btype01.mom_mento .desc{height:54px; overflow: hidden; padding:5 } */ .btype01.mom_mento .liType li { height:125px;} } } /* 2016 리뉴얼 후 사용 안하게 됨 */ .sehArea {clear:both; width:100%; padding:30px 0; text-align:center;} .tr_gray01, .tr_gray01 th, .tr_gray01 td { background-color: #424242 !important; } .tr_gray01 th { color:#EE9628 !important; } .tr_gray01 td { color:#fff !important; } .btype01 .rtArea {float:left; width:221px;} .btype01 .rtArea .bdArea {padding:20px 0; border-bottom:1px solid #eff1ed;} .btype01 .rtArea .bdArea02 {padding:20px 0; border-bottom:1px solid #eff1ed; background-color:#fbfbef;} .btype01 .rtArea .ttl {padding:0 0 10px 10px;} .btype01 .rtArea .inTab {width:100%; height:30px; border-bottom:1px solid #eff1ed;} .btype01 .rtArea .inTab li {float:left; padding-left:1px;} .btype01 .rtArea .inTab li:first-child {padding:0;} .btype01 .rtArea .vol li {width:183px; margin:15px 0 0 10px; padding-left:7px; background:url(/images/common/icon_dot.gif) no-repeat 0 7px;} .btype01 .rtArea .vol li a {color:#85837e; font-size:11px; line-height:1.6;} .btype01 .rtArea .vol p {margin-bottom:8px;} .btype01 .rtArea .vol02 li {overflow:hidden; width:183px; margin:15px 0 0 10px; padding-left:7px; font-size:11px; line-height:1.6; background:url(/images/common/icon_dot.gif) no-repeat 0 7px;} .btype01 .rtArea .vol02 li:first-child {margin-top:0;} .btype01 .rtArea .vol02 li a {display:block; color:#85837e; font-size:11px; line-height:1.6;} .btype01 .rtArea .vol02 .nic {display:block; float:right; margin-top:2px; color:#bababa; font-size:11px;} .btype01 .rtArea .imgLi {overflow:hidden; width:190px; margin-left:10px;} .btype01 .rtArea .imgLi li {overflow:hidden; width:190px; margin-top:14px;} .btype01 .rtArea .imgLi li:first-child {margin-top:0;} .btype01 .rtArea .photo {float:left; margin-right:8px; border:1px solid #eff1ed;} .btype01 .rtArea .latter {overflow:hidden; width:110px; height:35px; font-size:11px; line-height:1.6;} .btype01 .rtArea .latter a {color:#888;} .btype01 .rtArea .writer {float:left; padding-top:3px; color:#888; font-size:11px;} .btype01 .rtArea .writer span {margin-left:5px; color:#bababa;} .btype01 .bdImg {width:221px; border-bottom:1px solid #e2e2e2;} .btype01 .cusIn {margin-top:10px; } .btype01 .cusIn li {float:left; padding-left:15px; font-size:12px; background:url(/images/common/icon_bar.gif) no-repeat 6px 4px; } .btype01 .cusIn li:first-child {padding:0; background:none;} .btype01 .cusIn li a {color:#3c3d3f;} .btype01 .cusIn img {vertical-align:middle;line-height: 16px;} /* 유동 height 게시판 목록 : 리얼체험후기 */ #list_real { overflow: hidden; width: 105%; min-height: 142px;} /* #list_real .banner { margin-bottom: 18px; } */ #list_real .photo { border: none; } #list_real .list { /*position:relative; display:inline-block;*/border:none; } #list_real .list > li { position : relative; float: left; margin: 25px 25px 0px 0px; width: 308px; border: 1px solid #d2d2d2; } /* 목록 thumnail 하단 텍스트 스타일 */ .list li .thumb img { width: 100%; } .list li dl { position:relative; display:inline-block;line-height: 1.2; padding:10px 15px; border-top:1px solid #d2d2d2; box-sizing: border-box; width:100%;} .list li dt { margin:10px 0;} .list li dt.txt_title { position:relative; display: inline-block; font-size: 13pt; font-weight:700; /*margin-top:-7px 체험상세>관련후기에 필요없어서 삭제 */; max-height:50px; overflow: hidden;} /* margin-top 리얼체험 후기용 */ .list li dt.txt_cont { font-size: 10pt; line-height: 1.4; font-weight: normal;} /* margin-top 리얼체험 후기용 */} /* margin-top 리얼체험 후기용 */ .list li dt.txt_date { font-size: 10pt; } .list li dt font{color:#feac02 !important} /* 체험상세 - 관련후기 */ .list.list_after { position:relative;display: inline-block; min-height: 150px; } .list.list_after li dt { width:100%; } .list.list_after li .photo { width:100%;} /* .list.list_after li dt.txt_title {position:absolute;margin: 165px 0 0 10px;;} */ /* .list.list_after li dt.txt_cont { margin-top:30px;} */ @media screen and (max-width:640px){ /* 체험상세 - 관련후기 */ #list_real { width:100%; } #list_real .list { box-sizing: border-box; margin-top:0; display: inline; position: relative;} .list.list_after li { border-bottom:none !important;} .list.list_after li:first-child { margin-top:20px !important;} #list_real .list > li { display:inline-block;margin:0px 0 10px 0; padding:5px 15px;width:100%; border:none; box-sizing: border-box; border-bottom:1px solid #ddd;} #list_real .list > li:last-child { padding-bottom:20px; border-bottom:none;} .list li dt.txt_title {font-size: 16px !important; font-weight:700; font-family: 맑은 고딕,Malgun Gothic;line-height:1.6 !important; color:#585858 !important;} .list li dl { padding:0; border-top:none; border-bottom:1px solid #dfdfdf;} #list_real .icon_new { margin-right:15px; margin-top:48px; height:44px;} .icon_mom { width:12px; margin-top:2px;} /* 후기&소통 */ #list_real_mobile { display: inline-block; position: relative; margin-top:40px;} /* margin-top:50px도 상관없음(지도자가 전하는 현장 */ #list_real_mobile .img { margin-top:23px;} #list_real_mobile .txt_title { width:100%;} .list { border-bottom:none !important; margin:0px !important;} /* 후기&소통 선 없음*/ /* .list li:last-child dl { border-bottom:none;} */ .list li dt.txt_cont { margin:15px 0;} /* 이벤트 */ .list .item dl dt span.ft_tit02 {color: #7f4700;letter-spacing: 0; width: 40px;} /* 기간, 발표일 등 */ .list.tbl_event .item { padding-bottom:20px; } .list.tbl_event .item dl { padding-bottom:20px;} .list.tbl_event .item dl dt { margin:0; } .list.tbl_event .item .list-tag { position: absolute;margin:10px; width:60px; z-index: 1;} } /* 맘애포터 소개/신청 */ .tit_pare {float:left; overflow:hidden; width:100%; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:17px; padding:20pt 0 20pt 0;} .pare_top_banner {position:relative; background: url('/images2/pare/mam_banner.png') no-repeat; width:920px; height:84px; margin:0px 0 20px 0; padding:30px; line-height: 1.6 ; font-size: 10pt;} .pare_top_banner .txt_t1 {font-size: 14pt; font-weight: 700;} .pare_top_banner font {color:#f16522;} .pare_icon li {float: left; width:50%; line-height: 128px; } .pare_icon li font{padding-left :30px;} .txt_red13 { font-size: 11pt; color:red; margin:10px 0;} .txt_red13 font {font-size: 10pt; color:#999;} .btn_pare_appry {line-height:80px; padding:20px 150px; font-size: 20pt; color:#FF5400; border:1px solid #FF5400; margin:50px 0 0 245px;} .btn_pare_appry:hover {background-color:#FF5400 !important; color:#fff} .intro_wrap .intro01 { line-height: 1.6} .intro_wrap .intro01 .tit {background:url(/images_m/common/blet_bar_org.png) no-repeat 50% 37px; background-size:16px 1px;; height:50px; margin-top:30px; } .intro_wrap .btn_moretab, .pare_apply_wrap { width:80%; margin: 0 10%; } .intro_wrap .btn_moretab.doApplyClose { display: none;} /* 맘애포터 신청 팝업(iframe) */ .intro_wrap .pare_apply_wrap { border:1px solid #ee9628 !important;border-top:none; padding:15px !important; box-sizing: border-box;display: inline-block;display: none;} .intro_wrap .pare_apply_wrap .pare_apply .write { width:100%; border:none;} .intro_wrap .pare_apply_wrap .pare_apply .write th, .intro_wrap .pare_apply_wrap .pare_apply .write td { padding: 5px 0;} .intro_wrap .pare_apply_wrap .pare_apply .write th { display: table-cell; width:88px; background-color: #fff;} .intro_wrap .pare_apply_wrap .pare_apply .write td { height: 16px; border:1px solid #eaeaea; border-left:none; border-right:none;} .intro_wrap .pare_apply_wrap .pare_apply .write textarea, input { width:100%} .intro_wrap .pare_apply_wrap .pare_apply .write td .w_blog { width:calc(100% - 70px)} /* .intro_wrap { border:1px solid #ee9628 !important;border-top:none; padding:15px !important; box-sizing: border-box;display: inline-block;display: none;} */ .pare_apply .write { width:100%; border:none;} .pare_apply .write th, .pare_apply .write td { padding: 5px 0;} .pare_apply .write th { display: table-cell; width:88px; background-color: #fff;} .pare_apply .write td { height: 16px; border:1px solid #eaeaea; border-left:none; border-right:none;} .pare_apply .write textarea, input { width:100%} .pare_apply .write td .w_blog { width:calc(100% - 70px)} @media screen and (max-width:640px){ .intro_wrap .btn_moretab, .pare_apply_wrap { width:100%; margin: 0; } } /* 맘애포터 지역장 소개 */ #list_intro { overflow: hidden; width: 105%; } /* #list_intro .banner { margin-bottom: 18px; } */ #list_intro .photo { border: none; } #list_intro .list { border:none;} #list_intro .list > li { float: left; margin: 0 15px 20px 0px; width: 182px; border: 1px solid #d2d2d2; /* border-top: 3px solid #777; */ } #list_intro .list li {background-color: #fafafa } #list_intro .list li .area {background-color: #808080; height:16px; padding:8px; position: absolute; z-index: 11; margin-top:-15px; color:#fff; font-size: 11pt;} #list_intro .list li .img { width:182px; height:182px; margin-top:20px;} /*background-color: #fff; 지역장 소개 공백 흰색으로 지움*/ #list_intro .list li .img .p_round{ position: absolute; z-index: 1; } #list_intro .list li div.info { position: relative; margin-top: -18px; padding: 20px; } #list_intro .list li div.info .kind { font-size: 13px; color:#FF7F27; } #list_intro .list li div.info h4 { margin: 24px 0 10px 0; text-align:center; font: bold 20px/1 '나눔고딕', NanumGothic, 'Nanum Gothic', dotum, Gulim, tahoma, sans-serif; color: #333; } #list_intro .list li div.info .intro { margin-top: 15px; font-size: 13px; line-height:1.4; height:80px; overflow: hidden; text-overflow: ellipsis; } #list_intro .list li div.info .intro i{ margin: 8px 0; } @media screen and (max-width:640px){ ..intro_wrap .btn_moretab { width:100%;} } /* 본문 타이틀 */ /* .tit_cont {position:relative; overflow:hidden; width:100%; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:bold; padding:0 0 20pt 0;} */ .tit_cont {position:relative; overflow:hidden; width:100%; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:bold;} .tit_cont font { color:#F16522;} /* 교육목표등 내용을 프로그램 정보만 따로 구분, 타이틀 간격때문 */ .tit_cont_exp {position:relative; overflow:hidden; width:100%; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:bold; margin:20px 0 5px 0; height:30px;} .tit_cont_exp font { color:#F16522;} /* 본문 서브 설명(지역장 소개) */ .tit_sub_cont {float:left; overflow:hidden; width:100%; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height: 1.8} .tit_sub_cont font { color:#F16522; font-weight: 700; font-size:18px;} /* 본문 목록 검색어 입력박스 */ .list_search {float:right;width:33%;}/*height:47px;*/ .list_search select{width:90px; } .list_search select:hover{ border:1px solid #c4c5c5;background-color: #FFFBF3;} .list_search select:hover{ border:1px solid #c4c5c5;background-color: #FFFBF3;} .list_search .s_input{float:right; width: 190px; margin-left:3px;background-color:#ededed; overflow: hidden; position: relative;} .list_search .s_input input{ appearance:none; -moz-appearance:none; -webkit-appearance:none;; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:0; padding: 8px; /*원래 2*/ width: 160px; font-size: 10pt; background-color: #ededed; border:1px solid #ededed; } .list_search .s_input input:hover{background-color: #FFFBF3; border:1px solid #c4c5c5;} .list_search .s_btn{position: absolute; right: 0; width: 35px; text-align: center; height:34px; line-height: 34px; border-left: 1px solid #fff; background-color: #ee9628;border:1px solid #ee9628;color:#ffffff;} .list_search .s_btn:hover{border:1px solid #C44500;} .list_search .s_btn i{ margin-top:9px; display: block; color:#ffffff; } @media screen and (max-width:640px){ /* 체험 탭 타이틀 */ .tit_cont_exp, .motApply .ltMot .tit_cont_exp {height:auto; width:calc(100% - 30px); font-size:15px; margin:10px 0 0 0; padding: 10px 0 0px 13px; line-height:1.4; background:url('/images_m/common/blet_dot_org.png') no-repeat 0 18px; } .tit_bg_gray { clear:both; display:block;background-color: #f7f7f7; margin-top:10px;} .expview .conTxt {width:calc(100% - 32px); margin:8px 15px; line-height:1.4; } .expview .conTxt img { max-width: 100%;} .list_search { width:74%;} .list_search .s_input input { width:80%; /* width:80%; 에서 알림마당 검색창 수정*/; } } .btn_printgroup { float: right; width:100%; text-align: right; margin-top:20px;} .wrTit {width:970px; } .wrTit li {padding:15px 0 12px 15px ; border-top:2px solid #444444; border-bottom:1px solid #e2e2e2;color:#605d5b; background-color:#f7f7f7;list-style-type:none; } .wrTit li.title {float: left; font-weight:bold; width:700px;} .wrTit li.date { float: right; font-weight: normal; width:225px; text-align: right; padding-right:15px;} .wrTit li.date i {padding:0 5px;} .wrTit_1 {width:700px; border-top:2px solid #444444; padding:10px 20px; color:#605d5b; border-bottom:1px solid #e2e2e2;background-color:#f7f7f7; } .wrTit_2 {width:700px; padding:10px 20px; color:#605d5b; font-size:14px; font-weight:bold; } .wrTit02 {width:940px; border-top:2px solid #444444; padding:12px 20px; color:#605d5b; font-size:12pt; font-weight:bold; border-bottom:1px solid #e2e2e2; background-color:#f7f7f7;} .wrTit dl {float:left; padding-left:20px;} .wrTit dt {clear:both; float:left; margin:9px 2px; font-weight:bold; } .wrTit dt i{margin-right:3px; color:#999999;} .wrTit dd {float:left; margin:9px 0; } /* /* 제목 : 등록일+조회 */ */ /* .wrTit .ty1 {width:690px;} */ /* .wrTit .ty1 dt {width:122px;} */ /* .wrTit .ty1 dd {width:670px; font-size: 11pt;} */ /* /* 등록일 */ */ /* .wrTit .ty2 dt {padding: 0 10px;} */ /* .wrTit .ty2 dt i {margin-top:2px;} */ /* .wrTit .ty2 dd {padding: 0 10px;;} */ /* /* 조회수 */ */ /* .wrTit .ty3 dt {padding: 0 10px;} */ /* .wrTit .ty3 dt i {margin-top:3px;} */ /* .wrTit .ty3 dd {padding: 0 10px;;} */ /* /* 작성자 */ */ /* .wrTit .ty_name dt {padding: 0 10px;} */ /* .wrTit .ty_name dt i {margin-top:2px;} */ /* .wrTit .ty_name dd {padding: 0 10px;;} */ /* 상세보기 */ .btype1_view { margin:30px; } /* ------------------------------------------------------------- 게시판 체험봉사정보 view ( 리얼체험 후기 상세) ------------------------------------------------------------- */ .wrBody {overflow:hidden; width:930px; padding:25px; /* min-height: 300px; */} .wrBody .list-program{overflow: hidden;margin:20px 216px;} .wrBody .list-program > li{position: relative; float: left; width: 450px; height: 170px; margin: 0 0px 12px 0px; padding: 12px 12px; border: 1px solid #e2e2e2;} .wrBody .list-program .img{float: left; position: relative;} .wrBody .list-program .img img{width: 207px; height: 169px; vertical-align: top;} .wrBody .list-program .img .tag{position: absolute; top: 5px; left: 5px; width: 100px; font-weight: bold; border-radius: 30px;} .wrBody .list-program .img .deadline{position: absolute; top: 0; right: 0;} .wrBody .list-program .desc{float: left; width: 233px; margin: 7px 0 0 18px;} .wrBody .list-program .tit{display: block; /*width: 232px;*/ margin-top: -7px; font-size: 16px; color: #585858;/* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */} .wrBody .list-program .date{display: block; margin: 4px 0 7px 0;font-size: 12px; color: #808080;} .wrBody .list-program .option{clear: both; position: relative; margin: 3px 0; padding-left: 55px; font-size: 12px; color: #808080; overflow: hidden;} .wrBody .list-program .option dt{position: absolute; top: 0; left: 0; display: block; width: 55px;} .wrBody .list-program .option dd{} .wrBody .list-program .list-tag{margin: 0px 0 5px 0;} .wrBody .list-program .list-tag li + li{margin-left: 3px} .wrBody .list-program .score-star{} .wrBody .list-program .btn02{margin-top: 2px;} .wrBody .list-program .btn02 .ico_{margin: -2px 5px 0 0;} /* <-- 이걸 쓰는곳이 있는지체크필요, 공지사항 등 게시판 본문 첨부파일이 이걸로 인해 오른쪽으로 밀림. padding:24 주석. 살리려면 .append에 margin-left : -24처리*/ /* .wrBody dl {float:left; padding-left:24px;} */ .wrBody dl {float:left; } .wrBody dt {clear:both; float:left; margin-top:12px; padding-left:8px; font-weight:bold; background:url(/images/common/icon_dot.gif) no-repeat 0 8px;} .wrBody dd {float:left; margin-top:12px;} .wrBody dd2 {float:right; } .wrBody .ty1 {width:50%;} .wrBody .ty1 dt {width:80px;} .wrBody .ty1 dd {width:297px;} .wrBody .ty2 {width:247px;} .wrBody .ty2 dt {width:55px;} .wrBody .ty2 dd {width:184px;} .wrBody .ty3 {width:247px; margin-top:26px} .wrBody .ty3 dt {width:55px;} .wrBody .ty3 dd {width:184px;} .wrBody .ty4 {width:490px;} .wrBody .ty4 dt{width:73px;} .wrBody .ty4 dd {width:384px;} .wrBody .ty5 { width:100%;} .wrBody .ty5 dt {width:80px} .wrBody .ty5 dd {width:calc(100% - 90px)} @media screen and (max-width:640px){ .wrBody { padding:0 15px; box-sizing: border-box; width:100%; min-height: 100px;} .btype01 { width:100%; padding:0; }/* margin-top:20px; 청소년 뉴스관리에서는 필요없음 */ .btype01 .ty1, .wrBody .ty1, .wrBody .ty2, , .wrBody .ty5 { width:100% !important;} .wrBody .ty1 { width:100%;} .btype01 .ty1 dt, .wrBody .ty1 dt, .wrBody .ty2 dt, .wrBody .ty5 dt { background:none; margin:0; padding:0 10px 3px 0 /* 3px 게시판 항목여백 */; color:#7f4700; font-weight: 400; width:73px; box-sizing: border-box;} .btype01 .ty1 dd, .wrBody .ty1 dd, .wrBody .ty2 dd, .wrBody .ty5 dd { margin:0;width:calc(100% - 78px); box-sizing: border-box;} } .new_program {margin:5px 0 0 3px;; } .view_sns { margin-bottom:10px;} /* 전문가 정보 */ .skill_info {margin:30px;border:1px solid #EAEAEA;height:80px; } .skill_info img{float:left; margin-right:20px; width:110px; height:80px;} .skill_info p {} .skill_info .skill_txt {line-height: 40px; } .skill_info .info_1 { font-size:12pt; border-bottom:1px solid #EAEAEA; color:#F16522; } .skill_info .info_1 i{margin-right:3px; color:#999;} .skill_info .info_2 { font-size:10pt;height:50px;} .wrBody2 {overflow:hidden; width:100%; padding-bottom:10px; font-size:12px; font-weight:bold; } .wrBody3 {overflow:hidden; width:100%; padding-bottom:10px; border-bottom:5px solid #e2e2e2; border-top:5px solid #e2e2e2;} .wrBody2 dl {float:left; padding-left:24px;} .h_event { min-height:100px !important;} @media screen and (max-width:640px){ .skill_info { margin:20px auto 0 auto; border:none;} .skill_info img { width:auto; height:auto; float: none; } .skill_info .info_1 { border:none;} } /* faq 목록 */ .list04 .ty4 {width:570px;} .list04 .ty4 dt {width:570px;} /* ------------------------------------------------------------- 댓글 ( 리얼체험 후기 상세의 댓글) ------------------------------------------------------------- */ .reply {float:left; width:100%; margin-top:30px; padding:20px; box-sizing: border-box; } .reply dl {overflow:hidden; padding:8px 0; width:100%;} .reply dt, .reply dd {float:left; background: none;} .reply dt {padding:3px 13px 0 0;} .reply dd {width:185px; float: left;} .reply textarea {width:813px; height:68px; right:15; border:1px solid #ddd;} .reply p { width:905px; margin:10px; text-align: right; } .reply p span { color:#999999; margin-right:10px; line-height: 24px;} .reply p font { color:#5B72A6;} .btn_replay { padding:26px 10px; font-size: 13px; font-weight: 700;} .btn_replay_r { border:1px solid #d2d2d2; border-radius: 30px; padding:5px 15px; font-weight: 700; background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #f8f8f8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ } } .face_img_empty{ height:75px; background: url('/images2/temp/pic_facebook.png') no-repeat;} .reply02 {float:left; width:956px; height:148px; margin-top:30px; padding-left:24px; background:url(/images/exper/bg_reply02.gif) no-repeat 0 0;} .reply02 dl {overflow:hidden; padding:16px 0 20px 0;} .reply02 dt, .reply02 dd {float:left;} .reply02 dt {padding:3px 13px 0 0;} .reply02 dd {width:185px;} .reply02 textarea {width:828px; height:67px; margin-right:10px;} .reply03 {float:left; width:956px; height:90px; margin-top:30px; padding:25px 0 0 24px; background:url(/images/exper/bg_reply03.gif) no-repeat 0 0;} .reply03 span {padding-right:10px; } .reply03 textarea {width:800px; height:67px; margin-right:10px;} .boxgrad{display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; color: #6c6c6c; border: 1px solid #d8dee1; background-color: #F1F1F1; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: 3px;} @media screen and (max-width:640px){ .reply { width:100%; padding:0; margin-top:0} .reply dt { display: none;} .reply dd { width:50%;} .reply dd input{width:99%; padding-left:1%} .reply dd:first-child input{width:100%; padding-right:0} .reply textarea {width:100%; box-sizing: border-box;} .reply p { width:100%; } .reply02 { width:100%} .reply02 textarea { width:100%} .reply03 {width:100%} .reply03 textarea { width:100%} .btn_replay { margin-top:10px; padding:6px 10px; float:right; display: inline-block;} .boxgrad { background: none; border:none;z-index: 0;} } /*별점 */ .mark {float:left; margin:0;} .mark p {float:left; margin:35px 70px 0 0; padding:10px 10px 0 0; } .mark p strong {font-size:14px; font-weight:bold;} .star{position:relative; display:inline-block; width:110px; height:22px; background:url(/images/exper/star2.png);background-size: 22px 44px; cursor:pointer;text-indent: -9999px; float: left;} .star span{position:absolute; left:0; top:0; display:block; width:0px; height:22px; background:url(/images/exper/star2.png) 0 22px;background-size: 22px 44px;} .btn_star { padding:6px; width:18px; text-align:center; float: left; margin: -5px 5px 0 5px;z-index:10; cursor: pointer;} @media screen and (max-width:640px){ .mark { margin:0; } /* 200px 이었음, 체험후기 등록 시 없앰 */ } .repSet {float:left; width:100%; padding-bottom:15px;} .repList {float:left; overflow:hidden; width:100%; margin-top:32px; line-height: 16px;} .repList li {overflow:hidden; width:100%; border:1px solid #f0f0f1; box-sizing: border-box; margin-bottom:10px;} .repList li.repWrap {overflow:hidden; width:100%; padding:0; border-bottom:1px solid #f0f0f1;} .repList li.repWrap .reply {margin:0 !important} /* /* .repList p, repList .wrId , repList .date {float:left;} */ */ .repList strong {width:13px;} .repList p {width:570px; padding:0 10px 0 20px; line-height:1.4;} /* .repList span.date {width:60px; color:#A6A6A6;} */ .repList p img {padding-right:3px;} .repList p.ty2 {width:467px; padding:0 10px 0 20px; line-height:1.4; text-indent:-20px;} .repList .replay_wrap { border-bottom:1px solid #eaeaea; padding:0 15px; height:38px; line-height:38px;} .repList .replay_wrap .wrId { float: left; color:#222; font-size: 13px; font-weight: 700; margin-right:15px;} .repList .replay_wrap .date { float: left; color:#A6A6A6; margin-right:15px; } .repList .c_content{ text-align: left; float: none; margin-top: 10px; padding-left:0px;} .repList .view_vote{position:relative; display:inline-block; top:0px; margin-top:7px;width:110px; height:22px; background:url(/images/exper/star2.png);background-size: 22px 44px; cursor:pointer;text-indent: -9999px; } /* .repList .view_vote span{position:absolute; left:0; top:7; display:block; width:0px; height:22px; background:url(/images/exper/star2.png) 0 22px;background-size: 22px 44px;} */ .repList .view_vote span{position:absolute; left:0; display:block; width:0px; height:22px; background:url(/images/exper/star2.png) 0 22px;background-size: 22px 44px;} .repList .view_cont { padding:20px; } .repList .view_info { border-top:1px solid #eaeaea; padding:10px 15px 10px 0px/* 게시판 댓글 버튼위치때문에 padding: 10 15 10 90 변경 */;min-height: 16px;} .repList .btn_group_reply { height:30px;} .repList .btn_group_reply .btn_reply { padding:10px 15px; position: absolute; margin-top:-11px; cursor: pointer;} @media screen and (max-width:640px){ .repList .view_vote {float:none;} .repList .view_cont { float:none; width:100%;} .repList .btn_group_reply .btn_reply { right:15px;} } .repList02 {float:left; overflow:hidden; width:100%; margin-top:32px;} .repList02 li {overflow:hidden; width:947px; padding:10px 13px 10px 0; border-bottom:1px solid #f0f0f1;} .repList02 li.repWrap {overflow:hidden; width:100%; padding:10px 0; border-bottom:1px solid #f0f0f1;} .repList02 li.repWrap .reply02 {margin:0 !important} .repList02 p, .repList02 div, repList02 .wrId , repList02 .date {float:left;} .repList02 strong {width:13px;} .repList02 p {width:704px; margin-left:20px; padding:0 10px 0 0; line-height:1.4;} .repList02 p.ty2 {width:684px; margin-left:20px; padding:0 10px 0 20px; line-height:1.4; text-indent:-20px;} .repList02 span.date {width:60px;} .repList02 p img {padding-right:3px;} .repList02 .btn {width:60px; text-align:right;} .repList02 .btn {padding-right:5px;} .repList02 .wrId {display:inline-block; width:75px; padding-right:4px; text-align:right; color:#d8b695;} .parBan img {float:left; border:1px solid #e6e6e6;} .talkArea {float:left; margin-left:10px; width:291px; height:192px; padding:11px 10px 0 18px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f6f6f6;} .talkArea img {border:0;} .talkArea .tit {float:left; margin-top:7px;} .talkArea .more {float:right;} .talkArea ul {overflow:hidden; width:280px;} .talkArea li {padding-top:17px;} .talkArea p {line-height:1.4;} /* .talkArea span {float:right; font-size:11px; color:#888;} */ .momAft {float:left; width:730px; margin:40px 0 0 -10px;} .momAft li {margin:0;} .momAft li.momPot {float:left; margin-left:10px;} .momAft .momPot .tit { padding-bottom:6px; border-bottom:2px solid #99938b;} .momAft .momPot li {overflow:hidden; padding:20px 0; border-top:1px solid #e5e5e5; line-height:1.7; width: 730px} .momAft .momPot li:first-child {border:0;} .momAft .momPot li p img {vertical-align:middle;} .momAft .momPot .photo {float:left; margin-right:20px; } /* .momAft .momPot p, .momAft .momPot dl {float:left; width:175px;} */ .momAft .momPot .name {margin-bottom:8px; color:#454545; font-size:14px; font-weight:bold; display: block;} .momAft .momPot dl {margin-top:2px;} .momAft .momPot dt {float:left; width:45px; margin-right:5px; background:url(/images/common/icon_bar.gif) no-repeat 100% 2px;} .momAft .momPot dd {float:left; } .exBest02 {float:right; width:217px; margin-left:23px;} .exBest02 p {padding:17px 0 6px 15px; border-bottom:1px solid #eff1ed;} .exBest02 ul {overflow:hidden; margin-top:22px; padding-left: 17px} .exBest02 li {width:186px; margin-bottom:15px;} .exBest02 li a {color:#85837e; font-size:11px;} .exBest02 li .nic {display:block; margin:6px 0 0 16px; font-size:11px; color:#bababa;} .blog {width:700px; height:65px; margin-top:30px; padding:20px; border:1px solid #ddd;margin-left:13%;} .blog .photo {float:left; margin-right:12px;} .blog div {float:left; margin-top:4px; color:#888; font-size:11px;} .blog div dl {float:left;} .blog div dt {clear:both; float:left; width:48px; margin:0 12px 8px 0; color:#787878; font-size:12px;} .blog div dd {float:left; width:314px; margin:0 3px 8px 0; color:#888;} .blog div ul {} .blog div li {text-align:right; margin-bottom:8px;} .blog div li img {vertical-align:middle;} .blog div p {clear:both; width:600px;} .talkNum {margin-top:30px; font-size: 22px; color:#A5A5A5;} .talkNum strong {display:inline-block; color:#5e5850; font-size:24px; font-weight:bold;} .talkNum_2 {margin-top:10px; font-size: 16px; color:#A5A5A5;} #exper .ltArea .notice {overflow:hidden; position:relative; width:168px; margin:32px 0 0 15px;} #exper .ltArea .notice .more {position:absolute; top:2px; right:0;} #exper .ltArea .notice li {margin-top:10px;} #exper .ltArea .notice li a {color:#888;} #exper .ltArea .qns {padding:10px 10px 0 10px; background-color:#eff1ed;} #exper .ltArea .qns li {padding-bottom:10px;} .impart {margin-bottom:30px;} .impart p {margin-bottom:10px;} .impart .area01 {float:left; margin-right:20px;} .impart .area01 ul {overflow:hidden; padding:17px 20px 23px 0; background-color:#fcf7ec; border:1px solid #d4d0c8;} .impart .area01 li {float:left; padding:0 0 0 20px;} .impart .area02 {overflow:hidden; position:relative;} .impart .area02 ul {width:329px; height:130px; padding:5px 0 20px; border-top:2px solid #c1baae; border-bottom:1px solid #c1baae;} .impart .area02 li {overflow:hidden; width:326px; margin-top:12px; margin-left:5px;} .impart .area02 li span {float:right; margin-right:8px; color:#888; font-size:11px;} .impart .area02 li a {float:left; display:block; width:220px; padding-left:9px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px;} .help {overflow:hidden; width:980px;} .help .search {overflow:hidden; width:980px; margin-top:15px; padding-top:11px; } .help .search div {padding:30px 80px;; border:1px solid #ddd; } .help .search dl {float:left; width:670px; height:46px; margin:2px 10px 0 0; padding:12px 0 0 31px; background-color: #C1BAAE;} .help .search dt {float:left; margin-right:15px; padding-top:4px;} .help .search dd img {vertical-align:middle;} .help .search .sch_input { width:262px; margin-left:10px;} .search .sev {overflow:hidden;} .search .sev li {float:left; height:19px; margin-top:8px; padding-left:27px; background:url(/images/notice/icon_heDot.gif) no-repeat 15px 0;} .search .sev li:first-child {padding:0; background:none;} .faqArea .faq {overflow:hidden; width:980px; border-top:1px solid #e5e5e5;} .faqArea .faq div {overflow:hidden; padding:12px 10px 12px 20px; border-bottom:1px solid #e5e5e5;} .faqArea .faq .question {cursor:pointer;} .faqArea .faq .answer {background-color:#f7f7f7;} /*.faqArea .faq p {float:left;}*/ .faqArea .faq .tema {float:left; width:85px; height:14px; padding:0 15px 0 20px ; font-weight:bold; } .faqArea .faq .qns {width:890px; padding:0 0 0 25px; line-height:1.4; background:url(/images/notice/bul_q.gif) no-repeat 0 0;} .faqArea .faq .ans {width:790px; margin-left:100px; padding:0 0 0 25px; line-height:1.4; background:url(/images/notice/bul_a.gif) no-repeat 0 7px ; border:none;} .tabArea li {float:left; margin-right:1px;} @media screen and (max-width:640px){ .help { margin:0; width:100%;} .help .search { width:100%; box-sizing: border-box;} .help .search div { padding:0; border:none;} .help .search dl { background-color: #fff;; margin:0; padding:0;width:100%;} .help .search .sch_input { width:74%; margin:0; float: left;} .help .search .sev { padding-bottom:18px; border-bottom:1px solid #e4e4e4;display: inline-block; width:100%; text-align: center;} .faqArea .faq { width:100%} .faqArea .faq div { padding:15px 0;} .faqArea .faq .tema {float: none; margin:0 0 10px 15px; padding:0px 0; height:auto; } .faqArea .faq .qns { padding:0 15px; background:none; width:100%;} .faqArea .faq .ans { width:100%; margin:0; padding:5px 0; background: none;} .faqArea .faq .answer { background-color: #D8EEF4; padding:0 15px; } } #exper .cusIn {margin-top:10px; padding-right:25px;} #exper .cusIn li {float:left; padding-left:15px; font-size:11px; background:url(/images/common/icon_bar.gif) no-repeat 6px 2px;} #exper .cusIn li:first-child {padding:0; background:none;} #exper .cusIn li a {color:#3c3d3f;} #exper .cusIn img {vertical-align:middle;} .append {overflow:hidden; margin-top:15px; line-height: 22px;} .append dt {float:left; } .append dd { margin-right:8px;} .append dd a i {padding:3px 5px 0 0; margin-top:4px; color:#F16522; } .append dd a {text-decoration:underline; line-height: 22px;} /* 기타 */ .useTab {float:left; width:528px; height:30px; margin:30px 0 0 0px; padding-left:452px; border-bottom:2px solid #99938b;} .useTab li {float:left; margin-left:1px;} .useArea {float:left; width:978px; height:450px; margin:30px 0 ; border:1px solid #ddd;} .useTxt {width:940px; height:410px; padding:20px 0 0 20px; padding-right:10px; overflow:scroll; overflow-x:hidden;} .useTxt dt {padding:27px 0 8px; font-weight:bold;} .useTxt dt, .useTxt dd {line-height:1.6;} .useTxt dl li {padding-left:15px; text-indent:-15px;} /* .mailBox {float:left; width:834px; height:174px; margin:30px 0 0 40px; padding:50px 0 0 66px; background:url(/images/etc/bg_mail.jpg) no-repeat 0 0;} */ /* .mailTxt {width:680px; font-size:14px; line-height:1.6;} */ .mailBox { width:90%; margin:50px 5%;padding:50px; background:none; border:1px solid #ddd; background-color: #fbfbfb; box-sizing: border-box; } .mailTxt { width:100%; padding:0; box-sizing: border-box; font-size:14px; line-height:1.6;} @media screen and (max-width:640px){ .useArea { width:100%; height:auto; margin-top:0; border:none;} .useTxt { height:auto; display:inline-block;width:100%; box-sizing: border-box; overflow: auto; padding:15px;} .mailBox {padding:30px; } } /* 전문가 멘토링 */ .skill {overflow:hidden; width:980px;} .skill li {overflow:hidden; padding:30px 0 25px; border-top:1px solid #e5e5e5;} .skill li:first-child {border:0;} .skill li dl {float:left; width:220px; margin-left:20px;} .skill li dt {width:218px; height:159px; margin-bottom:13px; border:1px solid #e5e5e5;} .skill li dd {line-height:1.4;} .skill li dd.tit {margin-bottom:10px; } .skill li dd.tit a {color:#454545; font-size:14px; font-weight:bold; line-height:1.4;} /* 전문가 이야기 목록 (사진+ 오버 텍스트 박스) */ /* .skillBan {width:978px; height:133px; margin-top:23px; border:1px solid #e5e5e5;} */ .caption_list { margin-bottom: 30px;width:978px; } .caption_list ul { margin-left:-14px;} .caption_list ul .box { float: left;border:3px solid #fff; width:228px; height:82px; margin:0px 0px 10px 14px;} .caption_list ul .box.on { border:3px solid #f16522; } .caption_list ul li { position: relative; overflow: hidden; width: 100%; height: 80px; border: 1px solid #e4e4e4; color:#000; /* font-family: '돋움',dotum,Helvetica,sans-serif; */ font-size: 11px;text-align: center; font-weight: normal; } .caption_list ul li img { width:100%; height:100% } .caption_list ul li .caption { position: absolute; bottom: 0; left: 0; width: 100%; height:60px; vertical-align:middle padding: 5px 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .caption_list ul li .caption h4 { /* float: left; */ padding: 10px; line-height: 1.6; } .caption_list ul li .caption .title1 { /* float: left; */ font-size: 12pt; padding-top:5px; height:26px; } .caption_list ul li .caption span { float: right; margin-right: 10px; } /* 리얼체험후기 3건 (사진+ 오버 텍스트 박스) */ /* .skillBan {width:978px; height:133px; margin-top:23px; border:1px solid #e5e5e5;} */ .caption_list3 { margin-bottom: 30px;width:980px; } .caption_list3_box { height: 190px; padding-bottom: 30px; border-bottom:1px solid #e4e4e4;} .caption_list3 ul li:FIRST-CHILD { margin-left:0;} .caption_list3 ul li { position: relative; overflow: hidden; float: left; width: 308px; height: 190px; margin-left:25px; border: 1px solid #e4e4e4; color:#000; /* font-family: '돋움',dotum,Helvetica,sans-serif; */ font-size: 11px;text-align: center; font-weight: normal; } .caption_list3 ul li .caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .caption_list3 ul li .caption h4 { /* float: left; */ margin-left: 10px; } .caption_list3 ul li .caption .title1 { /* float: left; */ font-size: 11pt; padding-top:5px; height:26px; text-align: left; } .caption_list3 ul li .caption span { float: right; margin-right: 10px; } .caption_list3 ul li:first-child { float: left } @media screen and (max-width:640px){ .caption_list { display: none;} } .skillTab {overflow:hidden; width:730px; height:85px; margin:38px 0 30px 3px; padding:0 1px 0 2px; border-bottom:1px solid #e5e5e5; } .skillTab li {float:left; margin-left:1px;} /* 유비 봉사활동 */ .yubi01 {overflow:hidden; width:100%; padding:0px 0 30px;} .yubi01 h1 { font-size: 14pt; font-weight: 700; margin-bottom:5px;} .yubi01 .top_banner {position:relative; float:left ;width:418px; margin-right:25px; padding:18px 0px 25px 205px;line-height: 1.4 ; font-size: 10pt;background: url('/images2/alimi/bg_alimi.png') no-repeat; } .yubi01 .top_banner .txt_t1 {font-size: 14pt; font-weight: 700;} .yubi01 .top_banner font {color:#f16522; } .yubi01 .top_banner li {margin-left:4px;} /* .yubi01 img {float:left;} */ .yubi01 .grade {float:left; width:332px; height:183px; } .yubi01 .grade h2{font-size: 12pt;padding-bottom:10px;} .yubi01 .grade dl { overflow: hidden; width:100%;} .yubi01 .grade dt { border-bottom:1px solid #e5e5e5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .yubi01 .grade dt a{line-height: 2.2 ; font-size: 10pt; width:100%; color:#333333 !important;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .yubi01 .grade dt a font{color:#f16522; } .yubi01 .grade h1 {left: 0; position: relative;} .yubi01 .grade .more { float:right; padding-left:12px; background: url('/images2/main/icon_more.png') no-repeat 0px 3px; font-size: 10pt; font-weight: normal;} /* .yubi01 .grade .photo {position:relative; float:left; width:209px; height:157px; margin-right:14px; border:1px solid #e5e5e5;} */ /* .yubi01 .grade .photo .maks {position:absolute; top:14px; left:41px;} */ /* .yubi01 .grade dl {float:left; width:380px; margin-top:3px;} */ /* .yubi01 .grade dt {margin-bottom:10px; font-size:14px; font-weight:bold;} */ /* .yubi01 .grade dt a {color:#454545;} */ /* .yubi01 .grade dd {line-height:1.4;} */ /* .yubi01 .grade .alimi {margin-bottom:10px; color:#888; font-size:11px;} */ .yobiMore {margin:0 0 4px 706px;} /* .yubi02 {overflow:hidden; width:980px; padding-bottom:50px; background:url(/images/yubi/bg_yubi.gif) repeat-y 100% 0; } */ /* .yubi02 .ltArea {float:left; width:740px; margin-right:23px;} */ /* .yubi02 .ltArea ul.yuList {width:740px; border-top:2px solid #444444;} */ /* .yubi02 .ltArea li.grd {overflow:hidden; width:100%; padding:18px 0; border-top:1px solid #e5e5e5;} */ /* .yubi02 .ltArea li.grd:first-child {border:0;} */ /* .yubi02 li.grade {float:left; width:360px; margin-left:18px;} */ /* .yubi02 li.grade:first-child {margin-left:0;} */ /* .yubi02 .grade .photo {float:left; position:relative; width:163px; height:122px; margin-right:12px; border:1px solid #e5e5e5;} */ /* .yubi02 .grade .photo .imgMark {position:absolute; top:9px; left:30px;} */ /* .yubi02 .grade dl {float:left; width:183px; margin-top:3px;} */ /* .yubi02 .grade dt {margin-bottom:10px; font-size:12px; font-weight:bold;} */ /* .yubi02 .grade dt a {color:#454545;} */ /* .yubi02 .grade dd {font-size:11px; line-height:1.4;} */ /* .yubi02 .grade .alimi {margin-bottom:3px; color:#888; font-size:11px;} */ /* .yubi02 .grade .oran {display:block;} */ /* .yubi02 .rtArea {float:left; width:217px;} */ /* .yubi02 .rtArea .grdBan {margin-bottom:40px; padding-left:1px; border-top:1px solid #eff1ed; border-bottom:1px solid #eff1ed;} */ /* .yubi02 .rtArea .grdExp {width:215px; } */ /* .yubi02 .rtArea .ttl {padding:0 0 10px 10px;} */ /* .yubi02 .rtArea .imgLi {overflow:hidden; width:190px; margin-left:10px;} */ /* .yubi02 .rtArea .imgLi li {overflow:hidden; width:190px; margin-top:14px;} */ /* .yubi02 .rtArea .imgLi li:first-child {margin-top:0;} */ /* .yubi02 .rtArea .photo {float:left; margin-right:8px; border:1px solid #eff1ed;} */ /* .yubi02 .rtArea .latter {overflow:hidden; width:110px; font-size:11px; line-height:1.6;} */ /* .yubi02 .rtArea .latter a {color:#888;} */ /* .yubi02 .rtArea .writer {float:left; padding-top:3px; color:#888; font-size:11px;} */ /* .yubi02 .rtArea .writer .name {margin-left:5px; color:#bababa;} */ /* 학급알리미 순서소개(2016) */ .alimi01 {overflow:hidden; width:980px;} .alimi01 .ltArea {float:left; width:980px; margin-right:18px;} .alimi01 .ltArea02 {float:left; width:758px;} .alimi01 .liType {overflow:hidden; width:980px;} .alimi01 .liType li {height:118px; padding:20px 0 30px 0; border-bottom:1px solid #e4e4e4;margin-bottom:15px;} .alimi01 .liType li dt{float:left; width:260px;} .alimi01 .liType li .dt_02{float:left; width:260px; padding-left:65px;border-left:1px solid #e4e4e4;} .alimi01 .attend { color:red; margin-top:10px;} .alimi01 .liType .pla {margin-bottom:10px; font-size:12pt; font-weight:bold; line-height:1.4;} .alimi01 .liType .pla a {color:#454545; line-height:1.4;} .alimi01 .liType .pla font{color:#f16522;} .alimi01 .liType .btn {margin-top:15px;} .alimi01 .liType .btn a {height:40px; line-height: 40px;} .alimi01 .liType .btn a i{margin:5px;} .alimi01 .liType .step {position:relative; float:left; margin-right:40px; width:280px; height:77px; padding:20px; border:1px solid #e4e4e4; border-radius: 5px; background-color: #F3F7F9; line-height: 3.0; font-size:14pt;} .alimi01 .liType .step i{font-size: 41pt; position: absolute; right:22px; margin-top:4px; color:#F0EADE; z-index: 0} .alimi01 .liType .step font {font-size: 18pt; line-height:1.6;;font-weight: 700; } .alimi01 .liType .latter { margin-bottom:6px;} .alimi01 .liType .latter a {color:#666; line-height:1.4;} .alimi01 .liType .writer {clear:both; float:left; padding-top:9px; color:#68655e; font-size:11px;} .alimi01 .liType .writer span {margin-left:5px; color:#888;} .alimi01 .liType .writer font {margin-left:5px; color:#f16522;} .sub_bullet{background: url("./images2/alimi/bullet.gif") left 1px no-repeat; padding-left: 22px; font-size: 22px; font-weight: 700; padding-bottom: 1px; color: #333; margin-bottom: 15px;} .intro_support ul {} .intro_support ul li{ font-size: 15px; font-weight:700; line-height: 1.7; border:1px solid #ddd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom: 15px; padding: 10px 0 10px 37px; position: relative; width:250px; height:70px; } .intro_support ul li font{background: #C7D83B; color:#fff; font-weight: 700; font-size: 16px; margin-right: 3px; font-family: daum; position: absolute; left:-6px; top:-6px; width: 37px; text-align:center; height: 37px; line-height:37px; border-radius:50% } .intro_support ul li div { float: right; right:0; width:500px; font-size: 11pt; font-weight: normal; } /* 학급알리미 게시판 */ .photo { position:relative; /*border:1px solid #dfdfdf이중선*/; box-sizing: border-box;} .photo .imgMark {position:absolute; top:57px; left:105px;} /* 마이페이지 학급알리미 */ .grAlimi {overflow:hidden; width:730px; margin-left:-30px; padding-bottom:10px;} .grAlimi li {float:left; width:293px; margin:10px 0 0 30px; padding:15px 20px; border:1px solid #d4d0c8;} .alimiTxt {float:left; width:170px;margin-right:15px;} .grAlimi li span {color:#888;} .grAlimi li dt {margin-top:18px;} .grAlimi li dd {height:68px; margin-top:8px; line-height:1.4;} .grAlimi li .photo {float:left; position:relative; width:105px; height:106px; border:1px solid #e9e2d7;} .grAlimi li .markOk {position:absolute; top:13px; left:12px;} .grAlimi li .btnOk {margin:11px 0 0 8px;} .school {overflow:hidden;} .school li.set {float:left; width:136px; margin-left:12px;} .school li.set:first-child {margin-left:0;} .school li ul {overflow:scroll; overflow-x:hidden; width:128px; height:75px; margin-top:3px; padding:2px 0 0 0; border:1px solid #d6d6d6; } .school li ul li {width:100%; line-height:1.4; padding-left:4px;} .school li ul li.on {width:100%; background-color:#ababab;} .school li ul li.on a {color:#fff;} /* 메인 소셜 연동 부분 */ .ty03 div .more {position:absolute; top:9px; right:22px;} .ty03 div .twitter {overflow:scroll; overflow-x:hidden; width:324px; height:285px; margin-bottom:15px; padding:15px 0; border-bottom:1px solid #e1e1e1;} .ty03 .twitter li {padding:0 0 15px 0; border:0;} .ty03 .twitter .thuma {float:left; margin-right:15px; border:1px solid #eaeaea;} .ty03 .twitter .twLett {float:left; width:200px; height:36px;} .ty03 .twitter p {line-height:1.4;} .ty03 .twitter .twLett a, .ty03 .twitter .twLett a:hover {color:#000;} .ty03 .twitter .twLett a.book, .ty03 .twitter .twLett a.book:hover {color:#1525b6;} .ty03 .twitter .twTime {padding-left:20px; background:url(/images/common/icon_bar02.gif) no-repeat 8px 1px;} .ty03 .alimi {width:268px;} .ty03 .alimi ul {padding-top:3px;} .ty03 .alimi li {float:left; width:260px; margin-top:5px; padding:0 0 0 8px; background:url(/images/common/icon_dot.gif) no-repeat 0 5px; border:none;} /* #etc1 {overflow:hidden; margin-top:30px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5} */ /* #etc1 .fl{float:left; width:660px; height:95px; overflow:hidden; background-color:#fbfbef} */ .bar {background: url(/images/main/bar.gif) no-repeat scroll 0 0 transparent;display: inline-block;height: 11px;margin: -1px 4px 1px 5px;vertical-align: middle;width: 1px;} .rt_wrap{padding:15px 80px 0 30px;} .rt_wrap .bx-prev {position:absolute; right:-35px; top:0px; width:35px;height:33px;text-indent:-999999px; background: url(/images/main/arrow_spr.gif) no-repeat scroll 0 -40px transparent; z-index:1000} .rt_wrap .bx-next {position:absolute; right:-35px; top:32px; width:35px;height:33px;text-indent:-999999px; background: url(/images/main/arrow_spr.gif) no-repeat scroll -40px -40px transparent; z-index:1000} /* #rt_type1{margin:0;padding:0} */ /* #rt_type1 li{clear:both; position:relative; padding:0;vertical-align:top;} */ /* #rt_type1 li:after {clear: both;content: "";display: block;} */ /* #rt_type1 dl{line-height:19px; padding:0 75px 0 0; overflow:hidden;} */ /* #rt_type1 dd {clear: both;color: #000000;font-size: 12px;line-height: 18px;margin: 8px 0 1px;word-wrap: break-word;} */ /* #rt_type1 .txt_block{clear:both; margin-top:8px !important; display:block; font-size:11px; color:#777777;} */ /* #rt_type1 .rt_date {position:absolute;right:0px;top:18px; color: #8a8a83;font-family: '돋움',dotum,Helvetica,sans-serif;font-size: 11px;letter-spacing: -1px;text-align: center;width: 80px;} */ /* #rt_type1 .rt_date span {display: block;height: 14px;margin-bottom: 5px;overflow: hidden;} */ /* #rt_type1 .rt_date strong {letter-spacing: 0;} */ /* #etc1 .fr {float:right; width:290px; margin:30px 0 0 30px;} */ /* #etc1 .fr li {float:left; margin:0 30px 15px 0;} */ .logFile li {float:left; width:433px; margin-left:34px;} .logFile li:first-child {margin:0;} .logFile p {height:56px;} .logFile .logBan {position:relative; width:433px; height:224px; margin-top:30px;} .logFile .logBan ul {position:absolute; top:191px; left:152px;} .logFile .logBan li {float:left; width:61px; margin:0 8px 0 0;} .logIntro {overflow:hidden; width:100%; padding:30px 0 20px; border-bottom:1px solid #e5e5e5;} .logIntro li {margin-bottom:10px;} .pubBan {overflow:hidden; margin-top:30px;} .pubBan li {float:left; width:425px; height:100px; padding:0 25px 30px 0;} .pubBan li.ty2 {height:125px;} .pubBan li div {float:left;} .pubBan li p {float:left; margin:40px 0 0 13px;} .pubBan li p.ty2 {float:left; margin:28px 0 0 17px; line-height: 25px;} .pubBan li p img {padding-left:10px; vertical-align:middle;} .coop01 {float:left; width:900px; height:127px; margin-left:40px; padding-top:30px; background:url(/images/intro/bg_coop.gif) no-repeat 0 0;} .coop01 p {float:left; margin-right:20px;} .coop02 {float:left; margin:57px 0 50px 97px;} .coop02 li {float:left; width:299px; height:347px; margin-right:30px; padding:27px 37px 0; background:url(/images/intro/bg_coop01.gif) no-repeat 0 0;} .coop02 li .txt {padding-top:150px;} .coop02 li .btn {padding-top:25px; text-align:center;} .coop02 li .btn02 {padding-top:5px; text-align:center;} .navMap {float:left; margin:30px 0 50px 160px;} .navMap ul {overflow:hidden; margin:12px 0 0 43px;} .navMap li {padding-bottom:9px;} .navMap li img {vertical-align:middle;} .navMap li span {padding-left:5px; font-weight:bold;} .navMap li .line01 {color:#2d4e70;} .navMap li .line04 {color:#06b2fa;} .navMap li .line06 {color:#ff8014;} .navMap dl {overflow:hidden; width:295px; margin:20px 0 0 43px;} .navMap dt {clear:both; float:left; width:50px; line-height:1.6;} .navMap dd {float:left; display:block; margin-left:10px; line-height:1.6;} .intMenu {overflow:hidden; width:633px; margin-top:15px; padding:11px 0 10px 11px; background:#fcf7ec;} .intMenu li {padding-bottom:3px;} .talent {float:left; margin-left:40px; padding-bottom:50px;} .talent ul {overflow:hidden; width:888px; margin:15px 0 0 -30px; border-bottom:1px solid #e5e5e5;} .talent ul.ty2 {border:0;} .talent li {float:left; display:block; width:192px; margin:0 0 0 30px; padding-bottom:30px;} .talent li .photo {margin-bottom:11px; border:1px solid #e1dfdc;} .talent li a {color:#888;} .talent li .ment {height:102px; margin:9px 0 0 20px; color:#888; font-size:11px; line-height:1.6;} .talent li .ment02 {height:40px; margin:9px 0 0 20px; color:#888; font-size:11px; line-height:1.6;} .taInq {overflow:hidden; width:872px; padding:13px 0 13px 27px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#f7f7f7;} .evWrap {overflow:hidden; width:980px; margin-top:30px;} .evWrap div, .evWrap ul {float:left} .evWrap .event01 {margin-right:13px; border:1px solid #e6e6e6;} .evWrap .event02 {width:546px; overflow:hidden; margin-right:12px;} .evWrap .event03 li {overflow:hidden; margin-bottom:14px; border:1px solid #e6e6e6;} .event02 .top_slider{position:relative; overflow:hidden; width:546px; height:230px; margin:0 auto;} .event02 .top_slider:after{display:block;clear:both;content:''} .event02 .top_slider li{float:left; width:546px;} .event02 .top_slider .bx-pager{position:absolute;left:0; top:215px; height:25px; z-index:999} .event02 .top_slider .bx-pager a {float:left; display:block; width:15px; height:20px; text-indent:-999999px;background: url(/images/main/arrow_spr.gif) no-repeat scroll -60px 0 transparent;} .event02 .top_slider .bx-pager a.pager-active {background-position:-60px -20px} /*.top_slider .bx-pager a {display:inline-block; width:15px; height:20px; text-indent:-999999px;background:url(/images/main/arrow_spr.gif) no-repeat scroll -60px 0 transparent;}*/ .event02 .top_slider .bx-prev {display:none;} .event02 .top_slider .bx-next {display:none;} .sehOk {width:980px; margin-top:30px; border:1px solid #ddd; background-color: #FBFBFA; padding:15px 15px 00px 15px;box-sizing: border-box; } .sehOk .sehOk_inner {background-color: #C1BAAE; width:100%; height:85px; padding:15px; box-sizing: border-box;} .sehOk .sehOk_inner p {width:100%; text-align:center; font-size:14px; margin-bottom:5px;} .sehOk .sehOk_inner p span {color:#fff799; font-weight:bold;} /* .sehOk .sehOk_inner div {width:100%; padding-top:5px; text-align:center;} */ .sehOk .sehOk_inner img {vertical-align:middle;} .sehOk .sehOk_inner input {display:block; margin-left:290px; float: left; box-sizing: border-box; border-right:none !important; width:260px;} .sehOk .sehOk_inner .btn_input { display:block; float: left; width:100px; background-color: #ee9628; color:#fff; padding:9px 8px; box-sizing: border-box; text-align: center} .sehOk ul {width:100%; text-align:center; padding:10px 0} .sehOk li {display:inline; color:#888; padding-left:18px; font-size:11px; background:url(/images/common/icon_bar.gif) no-repeat 8px 1px;} .sehOk li:first-child {padding:0; background:none;} .sehOk li a {color:#888;} .sehOk02 {overflow:hidden; width:100%; box-sizing: border-box;} .sehOk02 li {width:100%; padding-bottom:10px; border-top:1px solid #e5e5e5;} .sehOk02 li:first-child {border:none;} .sehOk02 li .more {float:right; padding-top:28px;} .sehOk02 p {width:100%; line-height:1.6; box-sizing: border-box;} .sehOk02 .schr_cont { margin-top:25px;} .sehOk02 .sehTit {font-size:14px;} .sehOk02 .sehTit a {color:#454545; font-weight:bold;} .sehOk02 .sehTit span {color:#cacaca;} .sehOk02 .sehCont .org {color:#999; font-size:11px;} .sehOk02 .sehSub {color:#999; font-size:11px;} .sehOk02 .btn_group{display:block;margin:30px auto; width:80%;; text-align: center;} .evBan {width:980px; padding:30px 0; border-bottom:1px solid #e5e5e5;} .unrece {width:712px; margin-top:15px; padding:14px 14px 0 14px; border-top:1px solid #e5e5e5; line-height:1.4;} .unrece .bul {display:block; margin-bottom:18px;} .viewMbtn { font-size:25pt; width:97%; display: block; text-align: center; background-color: #f9f9f9; color: #ff9145; margin: 10px 10px 50px 10px; height: 60px; line-height: 60px; border: 1px solid #d7d7d7; border-radius: 2px; } @media screen and (max-width:640px){ .sehOk { width:100%; border:none; border-bottom:1px solid #C1BAAE; background-color:#fff; margin-top:0;} .sehOk .sehOk_inner { padding:0; height:auto;} /* .sehOk .sehOk_inner p span { color:red;} */ .sehOk .sehOk_inner input { margin-left:0; width:calc(100% - 70px); padding: 10px 0)} .sehOk .sehOk_inner .btn_input { width:70px;} .sehOk ul {padding:5px 0 10px 0; display:inline-block; position: relative;} .sehOk02 { padding:0 15px; width:100%} .sehOk02 .sehTit .info{ display: inline-block; font-size: 12px;} } /*=== new admin ===*/ .quest_type01{position: relative; width: 400px; min-height: 22px; margin-bottom: 5px; padding-right: 100px; line-height: 22px;} .quest_type01 .ansure{position: absolute; top: 0; right: 0; display: block; width: 100px;} .xDialog { position: fixed; _position: absolute; z-index: 1000; } .DialogCon { border: 1px solid #34526F; background: #fff; } .DialogTit { line-height: 60px; font-size: 15px; background: #0E76A8; color: #fff; position: relative; line-height: 2; padding: 0 10px } .DialogArea { font-size: 20px; } .DialogClose { position: absolute; right: 10px; top: 0; font-size: 20px; color: #dedede; } .DialogMask { width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); } .modal_title{color: #fff; font-size: 16px; font-weight: bold; padding-top: 17px;} .modal_title_02{text-align: left;font-size: 12px; padding-bottom: 6px; color: #B1CDDA} .modal_id,.modal_pw{display: block; width: 95%; margin:0 auto; border: 1px solid #ddd; margin-top: 10px} .modal_pw{margin-top: 5px} .pop_common input[type="text"],.DialogArea input[type="password"]{width: 98%; padding: 0 1%; height: 33px; line-height: 33px; appearance:none !;-webkit-appearance:none;-moz-appearance:none; border:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .modal_btn{width: 95%; margin:0 auto; border: 1px solid #E96902; margin-top: 10px; background: #F88305; color: #fff} .modal_btn input{width: 100%; height: 42px; line-height: 42px; appearance:none !;-webkit-appearance:none;-moz-appearance:none; border:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; color: #fff; font-size: 14px; font-weight: bold } .modal_ul{width: auto; margin: 0 auto; overflow: hidden; margin: 6px 10px 0 10px} .modal_ul label{font-size: 12px; vertical-align: middle;} .modal_ul li{float: left; font-size: 12px} .modal_ul .modal_r{float: right;} .modal_ul .modal_r img{margin-left: 6px} .modal_a a{font-size: 12px} .modal_margin{margin-top:16px; margin-bottom: 10px} .modal_margin font{color: #0E76A8; margin-right: 3px} .modal_margin li{margin-top: 3px} .modal_margin .modal_r{margin-top: 0} .naver_small{border: 1px solid #2AA003; margin-left: 3px; background: #2DB400 url("../img/login/naver.png") 6px center no-repeat; color: #fff; text-align: center; display: inline-block; *display:inline; *zoom:1; padding: 3px 6px 3px 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-size:10px; font-size: 11px } .facebook_small{ margin-left: 3px; background:#1D4779 url("../img/login/facebook.png") 6px center no-repeat; border: 1px solid #183C67; color: #fff; text-align: center; display: inline-block; *display:inline; *zoom:1; padding: 3px 6px 3px 18px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-size:6px; font-size: 11px } .kakao_small{ margin-left: 3px; background:#FFEA01 url("../img/login/kakao.png") 6px center no-repeat; border: 1px solid #ccc; color: #3c1e1e; text-align: center; display: inline-block; *display:inline; *zoom:1; padding: 3px 6px 3px 18px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-size:6px; font-size: 11px } .id_btn{ background: #fff; border: 1px solid #ccc; width: 80px; text-align:center; height: 21px; line-height:21px; display: inline-block; *display:inline; *zoom:1; font-size: 11px; } .join_btn{ background: #fff; border: 1px solid #ccc; width: 80px; text-align:center; height: 21px; line-height:21px; display: inline-block; *display:inline; *zoom:1; font-size: 11px; color: #F26C4F } .pop_common .login_div{width: 95% !important; padding: 15px 0 0 0 !important;} .pop_common .login_div a.naver,.pop_common .login_div a.kakao,.pop_common .login_div a.facebook{ margin-left: 0; width: 24%; float: left; padding: 7px 0 7px 7.5% } .pop_common .join_btn{width: 66px} /* .pop{width:100%;height:100%;position:absolute;left:0;top:0;z-index:400;display:none;} */ .pop.on{display:block;} .pop .bg{width:100%;height:100%;background-color:#000;z-index:100;opacity:0.5;position:absolute;left:0;top:0;} .pop dl{left:50%;top:12%;} /*width:280px; position:absolute; 제거 - 체험정보, 기관정보 팝업에 영향을 미침 */ .pop dl > dt{} .pop dl > dd{} .pop dl > dd:first-child{border-top:0;} .pop dl > dd > a{display:block;color:#000;} .pop dl > dd:last-child > a{text-align:center;} .pop h1 { font-size:24px; border-bottom:1px solid #EE9628; padding:10px} .pop_common{width:100%;height:100%;position:absolute;left:0;top:0;z-index:400;}/* display:none; */ .pop_common.on{display:block;} .pop_common .bg{width:100%;height:100%;background-color:#000;z-index:100;opacity:0.5;position:absolute;left:0;top:0;} .pop_common dl{width:320px;position:absolute;left:50%;top:10%;margin-left:-160px;z-index:200;background-color:#f5f5f5;} .pop_common dl > dt{border-bottom:2px solid #33b5e5;padding:20px 0 20px 6px;color:#33b5e5;font-family:"nanumbd";font-size:16px;} .pop_common dl > dd{padding:15px 0 15px 6px;border-top:1px solid #ccc;} .pop_common dl > dd:first-child{border-top:0;} .pop_common dl > dd > a{display:block;color:#000;} .pop_common dt{ background: #FFA700; color: #fff !important; border:0 !important; text-align: center; position: relative; padding: 0 !important; line-height: 50px !important; font-size: 15px !important; } .pop_common dt .pcancle{position: absolute; right: 6px; color: #fff; font-size: 20px; top:0; line-height: 1.6} .pop_password dl > dd{padding: 10px 10px 0 10px !important; border: 0 !important;} .pop_password dd span{border: 1px solid #ddd; display: block; font-size: 12px; height: 33px; line-height: 33px; padding-bottom: 3px} .pop_password dd span input[type="text"], .pop_password dd span input[type="password"]{ width: 96%; height: 36px; border:0; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 2%; font: inherit; } .pop_password .psubmit_wrap{margin-bottom: 15px} .pop_password dd .psubmit{color: #fff; background: #2AC2F3; font-size: 13px; display: block; height: 46px; line-height: 46px; text-align: center} .modal_re{margin-top: 3px} .join_txt{font-size: 11px !important; letter-spacing: -0.06em; line-height: 17px} /* 보도자료 */ .news li { overflow: hidden; margin-bottom: 4px; border: 1px solid #dfdfdf; padding:10px; line-height: 1.6; } .news .summary { float: left; margin: 10px 0 10px 14px; width: 790px; } .news .ft_tit { margin-bottom: 5px; color: #777; line-height: 19px; font-size: 12pt; } .news .summary p { height: 38px; } .news .meta { float: right; margin: 0px 14px 0 0; text-align: right; } .news .meta p{ margin-bottom: 10px; } .btn_detail{ padding: 7px; border:1px solid #FF6E00; color: #FF6E00; font-size: 11px; } /* ------------------------------------------------------------- 후기&소통 ------------------------------------------------------------- */ /* .board01 .btn_board_write { float: right; border:1px solid #ee9628; padding:6px 0px 6px 36px; color:#fff; width:150px; text-align: center; background-color: #ee9628; box-sizing: border-box;} background: url('../images/board/icon_bwrite.png') no-repeat 18px 5px;;background-size: 16px 17px; */ /* .board01 .btn_board_write a {color:#fff;} */ .btn_board_write { float: right; border:1px solid #ee9628; padding:12px 0px 12px 0/*6px 0 6px 36px 였는데 왜인지?? 청소년 이슈기획 글쓰기 버튼 때문에 0으로 변경 */; color:#fff; width:150px; text-align: center; background-color: #ee9628; box-sizing: border-box; cursor: pointer;} /*background: url('../images/board/icon_bwrite.png') no-repeat 18px 5px;;background-size: 16px 17px;*/ .btn_board_write a {color:#fff;} @media screen and (max-width:640px){ .news li {margin-bottom:0; border:none; border-bottom:1px solid #dfdfdf; padding:0; } .news .summary { margin:10px 0 5px 0; width:100%; overflow: hidden;} .news .summary p { max-height:70px; height:auto; } .board_sch_wrap { display: inline-block; margin:15px 0 0 0; width:100%;} /* .board01 .btn_board_write { position:absolute; top:55px; float: none; margin:0; display: block; heigth:34px; width:92%; box-sizing: border-box; } */ /* .board01 .btn_board_write:after {clear: both; margin-bottom:50px;} */ /* .board01 .btn_board_write.stop { position:relative; display:inline-block; width:100%; top:auto; margin-top:15px; } 쓰기버튼 위치가 정상적으로 위인경우 */ .btn_board_write { position:absolute; top:55px; float: none; margin:0; display: block; heigth:34px; width:92%; box-sizing: border-box; } .btn_board_write:after {clear: both; margin-bottom:50px;} .btn_board_write.stop { position:relative; display:inline-block; width:100%; top:auto; margin-top:15px; } 쓰기버튼 위치가 정상적으로 위인경우 } /* ------------------------------------------------------------- 문의내역(qna 답변) ------------------------------------------------------------- */ /* 마이페이지 내 질문내역 */ .qnaview li { margin-bottom:15px; width:100%;background-color: #EFEFEF} .qnaview li dt { display:inline-block; float: left; width:120px; height:100%; padding:10px 0 0 10px; ; background-color: #EFEFEF} .qnaview li dd { display:inline-block;position:relative; border:1px solid #eaeaea; padding:10px ; width:calc(100% - 130px ); background-color: #fff;box-sizing: border-box; } .qnaanswer { background-color: #F3F3F3; margin-top:30px; padding:30px 15px 30px 35px; line-height: 1.6} .qnaanswer .qna_a { position:absolute;color:#EF9E3A; margin-left:-20px; font-weight: 900;} @media screen and (max-width:640px){ .qnaview li { background-color: #fff; width:100%;} .qnaview li dt { display: none;} .qnaview li dd {width:100%;} } /* ------------------------------------------------------------- 일반 게시판 타입01 ------------------------------------------------------------- */ .tbl01 { clear:both; border-spacing: 0; width:100%; border-top:1px solid #d9dddf; } /*border-top:2px solid #aaa; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.1);*/ .tbl01.tred { border-top:2px solid #FF5547 !important;} .tbl01 th {text-align:left; font-weight:normal; padding:12px 4px; border-left:1px solid #d9dddf; border-bottom:1px solid #d9dddf; background-color:#f7f7f7; text-align: center; font-weight: 700;} .tbl01 th:FIRST-CHILD {border-left:none;border-top:1px solid #d9dddf;} .tbl01 tr.tit th { background-color:#444; color:#fff;border:1px solid #d9dddf;} .tbl01 td {padding:9px 4px; border-left:1px solid #d9dddf; border-bottom:1px solid #dfdfdf; background-color: #fff;box-sizing: border-box;border-top:1px solid #d9dddf;} .tbl01 td:LAST-CHILD {padding-right:0;}/*border-top:1px solid #d9dddf;*/ .tbl01 th.thin, .tbl01 td.thin { padding:8px 0 !important; text-align: center; } .tbl01.thin th, .tbl01.thin td { padding:8px 0 !important; text-align: center; } .tbl01 td input[type=text], .tbl01 td input[type=password] , .tbl01.tbl_view td input[type=text] , .tbl01.tbl_view td input[type=password] , #mypage .tbl01.tbl_view td input[type=text] , #mypage .tbl01.tbl_view td input[type=password] { margin:0px 0;} .tbl01.thin td input[type=text], .tbl01.thin td input[type=password] { padding:8px 1px !important; width:99%;box-sizing: border-box; margin:-6px 0;} .tbl01.thin td select { padding:8px 1px; width:99%;box-sizing: border-box;} /* padding:6px 1px 였는데 신청페이지 참여자정보에서 작게보임. 그래서 8로바꿈 만약 추후 6이맞다면 신청 참여자만 9로 바꿀것 */ .tbl01 tr.ft13 select, input, .tbl01 tr.ft13 th, .tbl01 tr.ft13 td {font-size: 12px;} .tbl01.center th, .tbl01.center td {text-align: center !important; } .tbl01 .top { vertical-align: top;} .tbl01 .title { color:#222; font-weight: 700; } /* 공지 line-height:30px */ .tbl01 .td_r {text-align: right;} .tbl01 .td_l {text-align: left;} .tbl01 .td_c {text-align: center;} .tbl01 .info { font-weight:normal; margin:4px 0; font-size: 12px; color:#999;} .tbl01 .info p{color:#7f4700; min-width: 73px;} .tbl01.noline, .tbl01.noline th, .tbl01.noline td{ border-left:none; border-right:none;} .tbl01.full th:first-child, .tbl01.full td:first-child{ padding-left:10px;} .tbl01.full th:last-child, .tbl01.full td:last-child { padding-right:10px;} .tline, .tline:first-child { border-top:1px solid #d9dddf !important;} /* 버튼 */ .btn_pay { position: absolute; margin-top:-5px;} .btn_tbl { position: absolute; margin-top:-5px;} /* 테이블 버튼 ex) 신청완료 결제버튼, 다운로드 버튼 등 */ /* 글등록 */ .tbl01.tbl_form th {background-color:#f9f9f9; text-align:center; padding:12px 10px; border-bottom:1px solid #d9dddf; font-weight: 700; border-left:none;} .tbl01.tbl_form td {padding:3px 10px} /* 글상세 */ .tbl01.tbl_view th.tit {background-color:#fff; text-align:left; padding:12px 10px; border-bottom:1px solid #d9dddf; font-weight: 700; border-left:none; font-size: 18px;} .tbl01.tbl_view th {font-weight: 700;} .tbl01.tbl_view td {border-left:none;} .tbl01.tbl_view td.cont {height: 150px; vertical-align: top;} .tbl01.tbl_view .tline{border-top:1px solid #333;} .tbl01.tbl_view td input[type=radio] {margin-left:10px;} .tbl01.tbl_view td input:first-child {margin-left:0;} /* .write td input[type=checkbox] {margin-left:10px;} */ .tbl01.tbl_view td input:first-child {margin-left:0;} #mypage .tbl01 { border-left:none; border-right:none;box-sizing: border-box;} #mypage .tbl01 th { font-size: 12px;} #mypage .tbl01 td { font-size: 11px; background:none; } #mypage .tbl01 td:first-child { border-left:none;} #mypage .tbl01.tbl_view { margin-top:10px;} #mypage .tbl01.tbl_view th, #mypage .tbl01 th { background-color: #b8a58f; color:#fff; } /* 일반 게시판 (작성글보기 , 이벤트 등) */ #board01 .tbl01 td { padding:15px 0; line-height: 1.6; font-weight: 700; color:#222;} @media screen and (max-width:640px){ #mypage .tbl01 th, .tbl01.tbl_view th { display: none;} #mypage .tbl01 td { font-size: 14px;;} #mypage .tbl01 td input, #mypage .tbl01 td select { width:100%; box-sizing: border-box; } #mypage .tbl01 td{ border:none;} #mypage .btn_addimg { border: none;padding: 0px;background-color: #575757; line-height:10px; height:40px; } #mypage .imgwrap #pickfiles{color:#fff !important; width:100%; border: 1px solid #C4C5C5;background-color: #575757; height:40px; line-height: 1.8; text-align: center;} #mypage .id_image p{display: inline-block; position: relative;} /* 마이페이지 기관 놀토 expo */ .nolto_wrap #filelist { display: block;} .nolto_wrap #filelist .fileitem canvas{margin:5px 0;} .nolto_wrap .icon_new { right:15px;} .nolto_wrap .imgwrap { position: relative;} } /* ------------------------------------------------------------- 일반 게시판 타입01 + 메인 체험정보 ------------------------------------------------------------- */ .tbl01.exp, .tbl01.exp th, .tbl01.exp th:FIRST-CHILD, .tbl01.exp td{ border:none; background-color: #fff; padding:3px 0;} .tbl01.exp th { color:#7f4700; text-align: left;} .tbl01.exp .tit { font-size: 15px; color:#181818; font-weight: 700; padding:12px 0;} .tbl01.exp .thum {border:1px solid #ddd;} /* ------------------------------------------------------------- 일반 게시판 타입01 + 체험상세 탭4) 기관안내 ------------------------------------------------------------- */ .tbl01.noline_tb { border:none; border-top:1px solid #aaa; border-bottom:1px solid #aaa;} .tbl01.noline_tb tr, .tbl01.noline_tb th, .tbl01.noline_tb td { border:none; } .tbl01.noline_tb th, .tbl01.noline_tb td { text-align: left; padding:12px 10px;} /* ------------------------------------------------------------- 일반 게시판 타입01 + 아이디 찾기 결과 ------------------------------------------------------------- */ .tbl01.noline_all, .tbl01.noline_all tr, .tbl01.noline_all th, .tbl01.noline_all td { border:none;} .motWp05 .orLogo .tbl01.centerinfo{ position: absolute; width:70%; right:0;} @media screen and (max-width:640px){ .motWp05 .orLogo .tbl01.centerinfo {clear:both; position:relative; width:100%; display:inline-block; margin-top:15px;} } /* ------------------------------------------------------------- 왼쪽메뉴 ------------------------------------------------------------- */ .lmenu_wrap, .mmenu_wrap { display: none;} /* 최근 본 프로그램 ( 왼쪽메뉴, 추천 프로그램(체험프로그램 상세 하단) */ .menuexp { clear:both;position:relative;display:inline-block; width:100%; box-sizing: border-box; padding-right:15px;} .menuexp li { width:25%; box-sizing: border-box; float: left; cursor: pointer; padding-left:15px;} .menuexp li:first-child{padding-left:0 !important;} .menuexp li .icon_tit {float:left;; width:27px; height:27px; border:1px solid red;} .menuexp dl {overflow:hidden; padding:1px 0;margin:4px 0 /*추천 프로그램 */;} .menuexp dt { width:40px; float: left; color:#7f4700; font-size: 12px;} .menuexp dd { font-size: 13px;} .menuexp dd.tit2 { font-weight: 700; padding-top:10px; width:100%; line-height: 1.4;} .menuexp dd span {color:#7f4700; letter-spacing:-1px;} /*체험상세 > 추천프로그램 */ .menuexp.exprecommand { margin-left:-15px;} .menuexp.exprecommand .thum { width:228px; height:169px;} @media screen and (max-width:640px){ #dim{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:200;display:none;} #dim.on{display:block} /* #dim1{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:300;display:none;} */ /* #dim1.on{display:block} */ .lmenu_wrap, .mmenu_wrap { display: inline-block;} .mmenu_wrap{position:absolute;width:100%; top:0;bottom:0;z-index:10000; box-shadow: 2px 0 8px rgba(0,0,0,.7); background-color: #f7f7f7; min-height: max-content;} .mmenu_wrap .lmenu_title{background:#ee9628;overflow:hidden;padding:12px 0 12px 15px; color:#fff; font-size: 15px;} .mmenu_wrap .lmenu_title b { font-size: 16px;} .mmenu_wrap .lmenu_title .m_login{ float:left; display:inline-block; width:120px; height:21px; padding-left:27px; font-size:15px; line-height:21px; letter-spacing:-1px; color:#fff; background:url('../images/left/icon_login.png') 0 0 no-repeat; background-size:20px; } .mmenu_wrap .lmenu_title .m_logbox{ position:relative; float:right;margin:0px 54px 0 0;;padding:5px 8px; border:1px solid #fff;color:#fff; } .mmenu_wrap .lmenu_title .icon_close { position:absolute; right:15px; top:12px; height:30px;} /* 최근 본 프로그램, 마이페이지 나의 관심영역 추천정보 공용 */ .menuexp h3 { clear:both;;display:block; width:100%; position:relative; font-size: 15px;font-weight:700; margin:15px 0; color:#222; box-sizing: border-box; } .menuexp h3.tit_exp {margin-bottom:10px; padding-left:12px; background: url('/images_m/menu/blet_memutit.png') 0 7px no-repeat; background-size: 3px 3px; } .menuexp h3 font {color:#ee9628;} .menuexp h3 .more { float:right; ;background: url('/images_m/menu/icon_plus_menu.png') 42px 5px no-repeat; background-size: 7px 7px; font-size: 13px; padding:2px 15px 0 0; width:50px; height:16px; color:#999} .mmenu_wrap .menuexp { width:100%} .mmenu_wrap .menu_b {position:relative; display:inline-block;width:100%; border-top:1px solid #dfdfdf; padding:20px 0;} .mmenu_wrap .menu_b li { float: left; width:25%; box-sizing: border-box; text-align: center; font-size: 13px;} .mmenu_wrap .menu_b li img { width:48px; height:48px; } .mmenu_wrap .menu_b li p{ padding-top:5px;} .mmenu_wrap .btn_appdown { margin: 0 15px 30px 15px; padding: 13px 0; text-align: center; background-color:#ee9628; color:#fff; font-weight: 700; border-radius: 8px; } .menuexp { background-color:#f7f7f7; box-sizing: border-box;} .menuexp li { width:50%; box-sizing: border-box; padding-left:15px;} .menuexp.exprecommand li { padding-left:13px;} .menuexp.exprecommand { padding:0 15px 60px 0px ; margin-left:0px;} .menuexp.exprecommand .thum { width:100%; height:124px;} #lmenu_wrap{width:330px;background:#fff;position:absolute;left:-120%;top:0;bottom:0;z-index:400;} #lmenu_wrap .us_acMenu{ background-color: #f7f7f7;} #lmenu_wrap .us_acMenu > li{border-top:1px solid #dfdfdf;display:block; clear: both; color:#181818; font-weight: 700; background-color: #fff;;} /* #lmenu_wrap .us_acMenu > li:first-child{border-top:0;} */ #lmenu_wrap .us_acMenu > li > a{display:block;color:#000;padding:20px 15px;background:url('/images_m/menu/icon_arr_down.png') no-repeat 96% center;background-size:13px 8px;} #lmenu_wrap .us_acMenu > li > a .icon_tit{ float:left; margin:-3px 7px 0 0; width:27px;} #lmenu_wrap .us_acMenu > li.on > a{color:#ee9628;background:url('/images_m/menu/icon_arr_up.png') no-repeat 96% center;background-size:13px 8px;} #lmenu_wrap .us_acMenu > li > ul{background:#f7f7f7;display:none;} #lmenu_wrap .us_acMenu > li.on > ul{display:block; display: inline-block; position: relative; box-sizing: border-box; width:100%;} #lmenu_wrap .us_acMenu > li > ul > li { float: left; width:33.3%; box-sizing: border-box; text-align: center; padding:10px 0; background-color: #f7f7f7; cursor: pointer; display: inline-block; position: relative;} #lmenu_wrap .us_acMenu > li > ul > li.on{font-weight: bold; color:#ee9628;} #lmenu_wrap .us_acMenu > li > ul.d2 > li { width:50%;} #lmenu_wrap .us_acMenu > li > ul > li.d3 { width:33.3%;} #lmenu_wrap .us_acMenu > li > ul > p { clear:both;width:232px; height:25px; margin:5px 8px; line-height:25px; color:#767676; background-color:#EFEFEF;} #lmenu_wrap .us_acMenu > li > ul > p a i {color:#767676;} #lmenu_wrap .us_acMenu > li > ul > li.s_col2{ float:left !important; width:30%; } .mmenu_wrap .us_acMenu > li ul.d3 li,.mmenu_wrap .us_acMenu > li ul.d2 li.d3 {width:33.3%; box-sizing: border-box; } .mmenu_wrap .us_acMenu > li ul.d2 li {width:50%; box-sizing: border-box; } } /* 팝업 */ .pop h1 {position:relative; overflow:hidden; color:#454545; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:bold; padding:15px 0 15px 20px; border-bottom:2px solid #f26522; } .pop h2 {position:relative; overflow:hidden; color:#f26522; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:bold; padding:15px 0 15px 20px; border-bottom:2px solid #f26522;} /* ------------------------------------------------------------- 공통 ------------------------------------------------------------- */ /* 주의사항 */ .comment_txt { display:inline-block; width:100%;font-weight: normal; padding:7px 0 0 0 ; line-height: 1.8; font-size: 12px;} .comment_txt font{ color:#ee9628; font-weight: 700;} .comment_gray { clear:both;position:relative;display:inline-block;padding:15px;; background-color: #f3f3f3; text-align: left; font-weight: normal; width:100%; box-sizing: border-box; font-size: 13px; } .comment_gray li { float:none !important;margin:5px 0; padding-left:10px; background:url(/images_m/common/blet_dot_org.png) no-repeat 0 7px; line-height: 1.4;} .intro_wrap .comment_gray font{ color:#f47521; font-weight: 700;} .comment_gray_red01 { clear:both;position:relative;display:inline-block;padding:15px;; background-color: #f3f3f3; text-align: left; font-weight: normal; width:100%; box-sizing: border-box; font-size: 13px;} .comment_gray_red01 li { float:none !important;margin:5px 0; padding-left:10px; background:url(/images_m/common/blet_redbar01.png) no-repeat 0 7px; line-height: 1.4;} /* 맘애포터 설명 등 */ .comment_org_red01 { clear:both;position:relative;display:inline-block;padding:15px 0; text-align: left; font-weight: normal; width:100%; box-sizing: border-box; font-size: 13px;} .comment_org_red01 li.tit { float:none !important;margin:5px 0; padding-left:10px; background:url(/images_m/common/blet_dot_org.png) no-repeat 0 7px; line-height: 1.4; font-size: 16px; font-weight: 700;} .comment_org_red01 li font {color:#ee9628; } .comment_org_red01 li { float:none !important;margin:5px 0 0 15px; padding-left:10px; background:url(/images_m/common/blet_bar_org.png) no-repeat 0 7px; line-height: 1.4;} /*공지사항 상세 첨부파일 */ .comment_orgdot01 { clear:both;position:relative;display:inline-block;padding:15px 0;; text-align: left; font-weight: normal; width:100%; box-sizing: border-box; font-size: 13px;} .comment_orgdot01 li{ float:none !important;margin:5px 0; padding-left:10px; background:url(/images_m/common/blet_dot_org.png) no-repeat 0 7px; line-height: 1.4;} .comment_orgdot01 a{color:#6D79D3; text-decoration: underline;} .orgdot01 {padding-left:10px; background:url(/images_m/common/blet_dot_org.png) no-repeat 0 7px; line-height: 1.4; } .comment_bar { display:inline-block; position:relative; box-sizing: border-box;} .comment_bar li {padding-left:13px; line-height:1.4; background:url('/images_m/common/blet_bar_org.png') no-repeat 0 10px; padding-bottom:5px;} .comment_bar li.ctit {background:none; padding:15px 0; color:#f47521 !important; font-size: 15px; background:none; font-weight: 700;} .comment_bar li.ctit:first-child {margin-top:0px;} .comment_bar01 { display:inline-block; position:relative; box-sizing: border-box; margin:16px;} .comment_bar01 li {padding-left:13px; line-height:1.4; background:url('/images_m/common/blet_bar_org.png') no-repeat 0 10px; padding-bottom:5px;} .comment_bar01 li.ctit01 {background:none; padding:15px 0; color:#f47521 !important; font-size: 15px; background:none; font-weight: 700;} .comment_redstar{ display:inline-block; position:relative; padding-left: 15px; background: url('/images_m/common/blet_redstar.png') no-repeat; color:red; font-size: 12px;} .btn_share { position:absolute; right:15px; background:url('/images_m/common/btn_share.png') no-repeat; color: #ffffff !important; width:65px; height:26px; padding:5px 0 0 30px; font-size: 13px; box-sizing: border-box; } @media screen and (max-width:640px){ .comment_txt { width:100%; text-align: center; font-size: 14px;} } /* ------------------------------------------------------------- boot strap 충돌처리 ------------------------------------------------------------- */ .mark{background: none !important; padding:0;} /* 후기댓글 별점 */ /* !!!!!!!충돌로 인해 main.css 로 뺐었음.. 혹시 이상이 있는경우 다시 main.css로 별도 처리해야함 !!!!!!!!!!!!!*/ /* --------------------------------------- */ /* ------------------------------------------------------------- 메인 - 킬러배너 ------------------------------------------------------------- */ .mainTop { overflow:hidden; position:relative; border-bottom: 1px solid #bbbbbb; height:379px; /* background: url('/images2/main/main_bg.png') no-repeat 50% ; */ } .mainTop .top_slider{position:relative; width:100%; height:379px; margin:0 auto; border-bottom:solid 1px #dcdcdc} .mainTop .top_slider:after{display:block;clear:both;content:''} .mainTop .top_slider li{float:left;padding-left:2px; } /* ------------------------------------------------------------- youthnavi customize ------------------------------------------------------------- */ @media screen and (max-width:640px){ #divpop_wrap { position: relative; margin:auto; width:100%;} .main_line01 .jqTabCon li .thum_wrap { width:100%; height:226px; overflow: hidden; box-sizing: border-box;} .main_line01 .jqTabCon li .thum { height: 226px; width: 100%; box-sizing: border-box;} } #divpop_wrap { position: absolute; margin:-200px 0 0 50px; /*top:0;*/ width:700px; height:700px;} #top_visual {overflow:hidden} #top_visual li {height:379px; cursor: pointer; background-size: auto 379px !important;cursor: pointer;} #top_visual .bx-wrapper .bx-pager { position:absolute; display:inline; width: 100%; margin: 0 auto; text-align: center; bottom:20px;} #top_visual .bx-controls-direction { display: none; position: absolute; top:105px; width:980px; margin: 0 auto; text-align: center; margin-left:-605px;} /* 모바일 메인 슬라이드 */ @media screen and (max-width:640px){ .mainTop .bx-pager { margin :170px auto 0 ; } .mainTop { height:auto; width:100%; min-height:150px;} .mainTop .bg_maintop { width:100%;} .mainTop .top_slider { width:100%; height:150px; border-bottom:none; } #top_visual .bx-wrapper .bx-pager { bottom:10px;} #top_visual li {height:150px; width:100%; margin:0 auto; overflow: hidden; background-size: 100% 150px !important;} }