@charset "utf-8"; /* guide */ .guide_w {padding:20px;} .guide_w h1 {padding:20px 20px;font-size:20px;margin-bottom:10px;} .guide_w h2 {padding:20px 20px;font-size:15px;margin-bottom:10px;} /* pc레이아웃 */ html {background:#fff;} body {height:100%;font-family:'ng',sans-serif; font-size:16px;} #allWrap {background:#fff;} #header_wrap #header .l_logo {position:absolute;top:30px;left:0;} #header_wrap #header .c_logo {text-align:center;padding:25px 0 0 0;} #header_wrap {width:100%;} #header_wrap #header {position:relative;width:1096px;margin:0 auto;height:98px;background:#fff;} .total_search {position:absolute;right:0;top:30px;border:2px solid #1178c5;width:306px;height:38px;border-radius:25px;box-sizing:border-box;background:#fff;} .total_search label {display:inline-block;padding:7px 10px 0 21px;font-size:14px;color:#666;} .total_search label:after {content:"";position:absolute;top:8px;left:80px;} .total_search input {width:269px;padding:0 !important;vertical-align:top;height:34px !important;border:0 !important;font-size:14px;color:#666;margin:0 0 0 15px;} .total_search button {position:absolute;right:-20px;top:-4px;} .total_search button img {width:38px;height:38px;} .total_search input::placeholder{font-size:14px;} /* 숫자표시 bxslider */ .m_visual_n {position:relative;margin-bottom:38px;} .m_visual_n #num {position:absolute;bottom:36px;left:50%;margin-left:42px;z-index:1000;color:#c8c8c8;font-size:14px;} .m_visual_n #num.three {position:absolute;bottom:36px;left:50%;margin-left:25px;z-index:1000;color:#c8c8c8;font-size:14px;} .m_visual_n #num span {display:inline-block;margin:0 5px;color:#c8c8c8;} .m_visual_n .bx-controls-direction .bx-prev {position:absolute;left:30px;bottom:45%;z-index:10;width:32px;height:61px;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_prev.png') 0 0 no-repeat;font-size:0;} .m_visual_n .bx-controls-direction .bx-next {position:absolute;right:30px;bottom:45%;z-index:10;width:32px;height:61px;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_next.png') 0 0 no-repeat;font-size:0;} .m_visual_n .bx-pager {position:absolute;left:50%;margin-left:-67px;bottom:36px;z-index:1000;line-height:22px;} .m_visual_n .bx_bg.three {position:absolute;left:50%;margin-left:-103px;bottom:30px;z-index:800;width:209px;height:30px;background:#000;opacity:0.5; border-radius:20px;} .m_visual_n .bx_bg {position:absolute;left:50%;margin-left:-96px;bottom:30px;z-index:800;width:225px;height:30px;background:#000;opacity:0.5; border-radius:20px;} .m_visual_n .bx-pager>div {display:inline-block;} .m_visual_n .bx-pager>div a {display:inline-block;vertical-align:middle;margin-right:10px;font-size:0; width:11px;height:11px;background:url('/res/theme/reunion_new/images/comb_images/m_visual_off.png') 0 0 no-repeat;} .m_visual_n .bx-pager>div a.active {vertical-align:middle;margin-bottom:1px;font-size:0; width:37px;height:4px;background:url('/res/theme/reunion_new/images/comb_images/m_visual_on.png') 0 0 no-repeat;} .m_visual_n .bx-controls-auto {display:inline-block;position:absolute;bottom:37px;left:50%;margin-left:95px;z-index:1000;} .m_visual_n .bx-controls-auto a {font-size: 0;} .m_visual_n .bx-controls-auto .bx-start {display:inline-block;width:7px;height:11px;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_stop.png') 0 0 no-repeat;} .m_visual_n .bx-controls-auto .bx-stop {display:inline-block;width:9px;height:11px;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_start.png') 0 0 no-repeat;} .m_visual_n .bx-controls-auto>a {display:none;} .m_visual_n .bx-controls-auto>a.active {display:block;} .slider_wrap .slick-dots li {display:inline-block;margin-right:5px;} .slider_wrap .slick-dots li button {font-size:0; width:11px;height:11px;background:url('/res/theme/reunion_new/images/comb_images/m_visual_off.png') 0 0 no-repeat;} .btn-control {display:inline-block;position:absolute;bottom:40px;left:173px;right:0;margin:0 auto;text-align:center;width:50px;} .btn-control button {width:50px;height:20px;position:absolute;left:0;top:0;} .slider_wrap .slick-dots li.slick-active button {width:37px;height:4px;background:url('/res/theme/reunion_new/images/comb_images/m_visual_on.png') 0 0 no-repeat;} .m_visual_n li img {/*max-width:100%;max-height:100%;width:100%;*/max-height:360px;max-width:100%;width:100%;} .m_visual_n li img.tb {display:none;} .family_story{position:relative;width:336px;/*height:184px;*/margin-bottom:50px;} .family_story h3 {color:#222;font-size:20px;font-weight:bold;margin-bottom:24px;line-height:100%;} .family_story .hot_control_wrap{position:relative;} .family_story .hot_control_wrap .hot_control{position:absolute;right:0;top:-260px;} .family_story .hot_control_wrap .hot_control li{float:left;height:17px;} .family_story .hot_control_wrap .hot_control li button{width:17px;height:17px;font-size:0;margin-left:2px;} .family_story .hot_control_wrap .hot_control li .btn_slider_back{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mslide_family_prev.png) no-repeat;} .family_story .hot_control_wrap .hot_control li .btn_slider_stop{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mslide_family_stop.png) no-repeat;} .family_story .hot_control_wrap .hot_control li .btn_slider_play{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mslide_family_play.png) no-repeat;} .family_story .hot_control_wrap .hot_control li .btn_slider_next{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mslide_family_next.png) no-repeat;} .family_story .slick-dots {display:none !important;position:absolute;top:-43px;right:58px;color:#333;font-size:13px;padding:0 5px;} .family_story .slick-slide li {position:relative;height:216px;} .family_story .slick-slide li a {display:block;} .family_story .slick-slide li a p.name {position:absolute;top:165px;left:60px;font-size:16px;color:#194ba6;font-weight:bold;} .family_story .slick-slide li a p.name.two {left:34px;} .family_story .slick-slide li a p.t_txt {letter-spacing:-0.5px;margin:43px 31px 15px 168px;font-size:16px;color:#333;font-weight:bold;line-height:22px;height:66px;} .family_story .slick-slide li a p.b_txt {margin:0 31px 15px 168px;font-size:14px;color:#333;line-height:22px;letter-spacing:-1px;height:43px;} .family_story .slick-slide li a img {position:absolute;top:36px;left:27px;} .family_story .slick-slider {background:url('/res/theme/reunion_new/images/comb_images/bg_mfamily_src.png') 0 0 no-repeat;height:216px;border:1px solid #ddd;box-sizing:border-box;/*background-size:cover;width:100%;background-position:bottom;모바일테블릿*/} .notice_board .slick-slider {width: calc(100% - 165px);padding-left:5px;} .banner_zone {padding:10px 10px;border-top:1px solid #ddd;} .notice_board{padding-left:90px;box-sizing:border-box;width:1096px;position:relative;margin:0 auto;} .notice_board h4 {position:absolute;left:0;top:11px;color:#1178c5;font-weight:bold;font-size:18px;} .notice_board .nb_control_wrap .nb_control{position:absolute;right:0;bottom:-2px;} .notice_board .nb_control_wrap .nb_control li{float:left;height:45px;} .notice_board .nb_control_wrap .nb_control li button{width:45px;height:45px;font-size:0;margin-left:5px;} .notice_board .nb_control_wrap .nb_control li .btn_slider_back{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mnews_up.png) no-repeat;} .notice_board .nb_control_wrap .nb_control li .btn_slider_stop{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mnews_stop.png) no-repeat;} .notice_board .nb_control_wrap .nb_control li .btn_slider_play{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mnews_play.png) no-repeat;} .notice_board .nb_control_wrap .nb_control li .btn_slider_next{background:url(/res/theme/reunion_new/images/comb_images/button/btn_mnews_down.png) no-repeat;} .slick-vertical .slick-slide li a {display:block;padding:10px 0;font-size:16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} /* quick */ .quick.top {top:256px;} .quick.mid {top:56px;} .quick {position:fixed;top:256px;left:50%;margin-left:567px;border:1px solid #eee;box-sizing:border-box;} .quick ul li {width:90px;border-bottom:1px solid #ddd;height:102px;background:#eceff0;text-align:center;} .quick ul li a:hover {background:#48526a} .quick ul li:last-child {border-bottom:0;} .quick ul li a {display:block;font-size:14px;color:#888;font-weight:bold;line-height:16px;height:102px;box-sizing:border-box;} .quick ul li a:hover {color:#fff;} .quick ul li:nth-child(1) a {padding:67px 0 0 0;background:#eceff0 url('/res/theme/reunion_new/images/comb_images/icon/ico_quick1.png') center 20px no-repeat;} .quick ul li:nth-child(2) a {padding:67px 0 0 0;background:#eceff0 url('/res/theme/reunion_new/images/comb_images/icon/ico_quick2.png') center 20px no-repeat;} .quick ul li:nth-child(3) a {padding:55px 0 0 0;background:#eceff0 url('/res/theme/reunion_new/images/comb_images/icon/ico_quick3.png') center 20px no-repeat;} .quick ul li:nth-child(4) a {padding:58px 0 0 0;background:#eceff0 url('/res/theme/reunion_new/images/comb_images/icon/ico_quick4.png') center 20px no-repeat;} .quick ul li:nth-child(5) a {padding:69px 0 0 0;background:#eceff0 url('/res/theme/reunion_new/images/comb_images/icon/ico_quick5.png') center 28px no-repeat;} .quick ul li:nth-child(6) a {padding:55px 0 0 0;background:#eceff0 url('/res/theme/reunion_new/images/comb_images/icon/ico_quick6.png') center 18px no-repeat;} .quick ul li:nth-child(1) a:hover {background:#48526a url('/res/theme/reunion_new/images/comb_images/icon/ico_quick1_on.png') center 20px no-repeat;} .quick ul li:nth-child(2) a:hover {background:#48526a url('/res/theme/reunion_new/images/comb_images/icon/ico_quick2_on.png') center 20px no-repeat;} .quick ul li:nth-child(3) a:hover {background:#48526a url('/res/theme/reunion_new/images/comb_images/icon/ico_quick3_on.png') center 20px no-repeat;} .quick ul li:nth-child(4) a:hover {background:#48526a url('/res/theme/reunion_new/images/comb_images/icon/ico_quick4_on.png') center 20px no-repeat;} .quick ul li:nth-child(5) a:hover {background:#48526a url('/res/theme/reunion_new/images/comb_images/icon/ico_quick5_on.png') center 28px no-repeat;} .quick ul li:nth-child(6) a:hover {background:#48526a url('/res/theme/reunion_new/images/comb_images/icon/ico_quick6_on.png') center 18px no-repeat;} .quick .top {display:block;height:38px;text-align:center;line-height:38px;font-size:12px;color:#888;background:#fff url('/res/theme/reunion_new/images/comb_images/icon/ico_quick_a.png') 27px 50% no-repeat;padding: 0 0 0 16px;box-sizing:border-box;} /* 로케이션 */ .location_w {width:100%;height:60px;background:#1178c5;} .location_w .location_n {width:1096px;margin:0 auto;} .location_w .location_n .loaction_in {float:left;} .location_w .location_n .loaction_in .location_home {float:left;width:60px;height:60px;display:inline-block;background:#31a7ff url('/res/theme/reunion_new/images/comb_images/icon/s_home.png') 50% 50% no-repeat;background-size:23px 20px;text-indent:-10000px;font-size:0;vertical-align:top;} .location_w .location_n .loaction_in .dmenu {position:relative;float:left;width:254px;border-right:1px solid #3290d6;} .location_w .location_n .loaction_in .dmenu.widn01 {width:470px !important;} .location_w .location_n .loaction_in .dmenu.active .dropdown {display:block;} .location_w .location_n .loaction_in .dmenu.active >a:after {background:url('/res/theme/reunion_new/images/comb_images/icon/sdepth_arrow_close.png') 0 0 no-repeat !important;} .location_w .location_n .loaction_in .dmenu>span{position:relative;display:block;width:100%;height:38px;line-height:60px;padding:0 0 0 20px;font-size:14px;color:#fff;box-sizing:border-box;} .location_w .location_n .loaction_in .dmenu>a {position:relative;display:block;width:100%;height:60px;line-height:60px;padding:0 0 0 20px;font-size:16px;color:#fff;box-sizing:border-box;background:#1178c5;} .location_w .location_n .loaction_in .dmenu.location_dropdown_n_2 a {background:#095a97;} .location_w .location_n .loaction_in .dmenu>a:after {content:"";position:absolute;top:50%;right:14px;background:url('/res/theme/reunion_new/images/comb_images/icon/sdepth_arrow_open.png') 0 0 no-repeat;width:8px;height:5px;} .location_w .location_n .loaction_in .dmenu .dropdown {display:none; position:absolute;left:0;top:60px;width:100%;box-sizing:border-box;border:1px solid #d9d9d9;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;z-index:70;} .location_w .location_n .loaction_in .dmenu .dropdown li {background:#fff;border-bottom:1px solid #d9d9d9;} .location_w .location_n .loaction_in .dmenu .dropdown li:last-child {border-bottom:0} .location_w .location_n .loaction_in .dmenu .dropdown li a {display:block;padding:0 18px;color:#333;font-size:16px;line-height:58px;transition:all 0.2s ease-out;background:#fff;} .location_w .location_n .loaction_in .dmenu .dropdown li:hover a {color:#1178c5;text-decoration:underline;} /*상단*/ #top_header {background:#fff;border-bottom:1px solid #ddd;} .fix #top_header #top_header_in {max-width:1096px;margin:0 auto;height:34px;background:#fff} .fix #top_header #top_header_in .hd_cont {width:1096px;height:35px;background:#364c86;margin:0 auto;} .fix #gnb_wrap {width:100%;position:fixed;top:35px;left:0;background:#fff;z-index:1000;} #top_header #top_header_in {position:relative;width:1096px;height:35px;z-index:200;margin:0 auto;line-height:34px;} #top_header #top_header_in .hd_cont {position:absolute;right:0;top:0;} #top_header #top_header_in .hd_cont ul:after {content:"";display:block;clear:both;} #top_header #top_header_in .hd_cont ul li {position:relative;float:left;} #top_header #top_header_in .hd_cont ul li:after {content:"";width:1px;height:10px;background:#ddd;position:absolute;right:0;top:13px;} #top_header #top_header_in .hd_cont ul li:last-child:after {display:none;} #top_header #top_header_in .hd_cont ul li a {display:inline-block;padding:0 0 0 20px;margin:0 11px 0 11px;background:url(/res/theme/reunion_new/images/comb_images/icon/icon_person.png) 0 50% no-repeat;font-size:14px;color:#666} #top_header #top_header_in .hd_cont ul li:nth-child(2) a {background:url(/res/theme/reunion_new/images/comb_images/icon/icon_home.png) 0 50% no-repeat;} #top_header #top_header_in .hd_cont ul li .fontSize_new_ui {color:#666;font-size:14px;margin:0 13px;} #top_header #top_header_in .hd_cont ul li .fontSize_new_ui span {display:inline-block;padding:0 10px;} #top_header #top_header_in .hd_cont ul li .fontSize_new_ui .btn_minus {width:10px;height:10px;padding-left:11px;background:url(/res/theme/reunion_new/images/comb_images/icon/blue_btn_minus.png) 0 50% no-repeat;font-size:0;} #top_header #top_header_in .hd_cont ul li .fontSize_new_ui .btn_plus {width:10px;height:10px;padding-left:11px;background:url(/res/theme/reunion_new/images/comb_images/icon/blue_btn_plus.png) 0 50% no-repeat;font-size:0;} #top_header #top_header_in .hd_cont ul.l_menu {float:left;width:calc(100% - 304px);height:35px;background:#e0e5ee;} #top_header #top_header_in .hd_cont ul.l_menu li {width:25%;height:35px; float:left;text-align:center;background:#e0e5ee;border-right:2px solid #fff;box-sizing:border-box;} #top_header #top_header_in .hd_cont ul.l_menu li.on{background:#fff;color:#364c86;} #top_header #top_header_in .hd_cont ul.l_menu li:hover {background:#fff;color:#364c86;} #top_header #top_header_in .hd_cont ul.l_menu li:last-child {border:0;} #top_header #top_header_in .hd_cont ul.l_menu li a {font-size:14px;color:#777;font-weight:bold;line-height:33px;display:inline-block;} #top_header #top_header_in .hd_cont ul.r_menu {float:right;width:304px;} #top_header #top_header_in .hd_cont ul.r_menu li {float:left;width:16%;text-align:center;background:#364c86;} #top_header #top_header_in .hd_cont ul.r_menu li:nth-child(1) {width:42%;} #top_header #top_header_in .hd_cont ul.r_menu li:nth-child(4) {width:24%;} #top_header #top_header_in .hd_cont ul.r_menu li a {position:relative;font-size:13px;color:#fff;line-height:33px;display:inline-block;} #top_header #top_header_in .hd_cont ul.r_menu li a:after {content:"";position:absolute;top:10px;right:-13px;width:1px;height:15px;background:#fff;} #top_header #top_header_in .hd_cont ul.r_menu li:last-child a:after {display:none;} /* 메인컨텐츠 */ .family_src_mtop {margin-bottom:40px;} .family_src_mtop:after {content:"";display:block;clear:both} .family_src_mtop .leftc {float:left;position:relative;width:526px;margin-right:44px;} .family_src_mtop .leftc .box {position:relative;border-top:2px solid #e3ebf2;padding:35px 30px 32px 30px;box-sizing:border-box;width:100%;background: #f4f8fb url('/res/theme/reunion_new/images/comb_images/bg_mtop_a.png') right top no-repeat;} .family_src_mtop .leftc .box .txt_list {margin-bottom:15px;} .family_src_mtop .leftc .box .txt_list li {line-height:26px;color:#333;font-size: 16px;padding-left:22px;background:url('/res/theme/reunion_new/images/comb_images/icon/icon_main_a.png') left 5px no-repeat;letter-spacing:-1px;} .family_src_mtop .leftc .box .txt_list li span {font-weight:bold;color:#194ba6;} .family_src_mtop .leftc .box:after {content:"";position:absolute;left:0;top:-2px;width:70%;height:2px;background:#1178c5;} .family_src_mtop .leftc .btn_list:after {content:"";display:block;clear:both;} .family_src_mtop .leftc .btn_list li {float:left;margin-right:8px;} .family_src_mtop .leftc .btn_list li:last-child {margin-right:0;} .family_src_mtop .leftc .btn_list li button {width:150px;height:50px;box-sizing:border-box;background:#fff;font-size:16px;color:#333;border:1px solid #1178c5;border-radius:5px;} .family_src_mtop .leftc .btn_list li button:hover {color:#1178c5;font-weight:bold;border:2px solid #31a7ff;} .main_tit {font-size:20px;font-weight:bold;color:#222;margin-bottom:23px;} .main_tit span {color:#1178c5;} .main_more_btn {position:absolute;right:0;top:-5px;width:28px;height:28px;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_more.png') 0 0 no-repeat;font-size:0;} .family_src_mtop .rightc {float:right;position:relative;width:526px;} .family_src_mtop .rightc .box {position:relative;border-top:2px solid #e3ebf2;padding:39px 30px 39px 30px;box-sizing:border-box;width:100%;background: #fff;border-bottom:1px solid #ddd;} .family_src_mtop .rightc .box:after {content:"";position:absolute;left:0;top:-2px;width:70%;height:2px;background:#1178c5;} .family_src_mtop .rightc .box ul li {margin-bottom:20px;} .family_src_mtop .rightc .box ul li:last-child {margin-bottom:0;} .family_src_mtop .rightc .box ul li a {display:block;padding-left:15px;position:relative;font-size:16px;color:#333;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .family_src_mtop .rightc .box ul li a:hover {color:#1178c5;} .family_src_mtop .rightc .box ul li a:hover span {color:#1178c5;} .family_src_mtop .rightc .box ul li span {font-weight:bold;color:#194ba6;} .family_src_mtop .rightc .box ul li a:after {content:"";position:absolute;left:0;top:5px;width:4px;height:4px;background:#1178c5;border-radius:20px;border:1px solid #1178c5;} .family_src_mbtm:after {content:"";display:block;clear:both} .family_src_mbtm .leftc {float:left;position:relative;box-sizing:border-box;width:380px;padding-right:44px;} .family_src_mbtm .midc {float:left;width:380px;box-sizing:border-box;padding-right:44px;} .family_src_mbtm .rightc {float:left;width:336px;} .family_src_mbtm .rightc ul li {margin-bottom:9px;} .family_src_mbtm .rightc ul li:last-child {margin-bottom:0;} .family_src_mbtm .rightc ul li a {display:block;width:336px;height:80px;box-sizing:border-box;padding:22px 20px 0 28px;font-size:16px;} .family_src_mbtm .rightc ul li span {display:inline-block;font-weight:bold;padding-right:18px;} .family_src_mbtm .rightc ul li span em {font-weight:bold;color:#fff;} .family_src_mbtm .rightc ul li p {font-size:14px;margin-top:4px;letter-spacing:-1px;} .family_src_mbtm .rightc ul li:nth-child(1) a {background:#b6c8df url('/res/theme/reunion_new/images/comb_images/bg_m_lista.png') 95% 19px no-repeat;} .family_src_mbtm .rightc ul li:nth-child(1) a span {color:#2f3545;background:url('/res/theme/reunion_new/images/comb_images/icon/ico_m_lista.png') right 50% no-repeat;} .family_src_mbtm .rightc ul li:nth-child(1) p {color:#546487;} .family_src_mbtm .rightc ul li:nth-child(2) a {background:#708db3 url('/res/theme/reunion_new/images/comb_images/bg_m_listb.png') 95% 19px no-repeat;} .family_src_mbtm .rightc ul li:nth-child(2) a span {color:#fff;background:url('/res/theme/reunion_new/images/comb_images/icon/ico_m_listb.png') right 50% no-repeat;} .family_src_mbtm .rightc ul li:nth-child(2) p {color:#c3d8f2;} .family_src_mbtm .rightc ul li:nth-child(3) a {background:#546487 url('/res/theme/reunion_new/images/comb_images/bg_m_listc.png') 95% 19px no-repeat;} .family_src_mbtm .rightc ul li:nth-child(3) a span {color:#fff;background:url('/res/theme/reunion_new/images/comb_images/icon/ico_m_listc.png') right 50% no-repeat;} .family_src_mbtm .rightc ul li:nth-child(3) p {color:#c3d8f2;} .family_an {position:relative;border-top:2px solid #e3ebf2;padding:13px 15px 4px 15px;box-sizing:border-box;width:100%;background: #fff;border-bottom:1px solid #ddd} .family_an:after {content:"";position:absolute;left:0;top:-2px;width:70%;height:2px;background:#1178c5;} .family_an ul:after {content:"";display:block;clear:both} .family_an ul li {width:50%;float:left;text-align:center;margin-bottom:13px;} .family_an ul li a {padding-top:70px;display:block;font-size:14px;color:#333;} .family_an ul li a:hover {color:#1178c5;} .family_an ul li:nth-child(1) a {width:100%;background:url('/res/theme/reunion_new/images/comb_images/icon/family_an1.png') center 0 no-repeat;} .family_an ul li:nth-child(2) a {width:100%;background:url('/res/theme/reunion_new/images/comb_images/icon/family_an2.png') center 17px no-repeat;} .family_an ul li:nth-child(3) a {width:100%;background:url('/res/theme/reunion_new/images/comb_images/icon/family_an3.png') center 7px no-repeat;} .family_an ul li:nth-child(4) a {width:100%;background:url('/res/theme/reunion_new/images/comb_images/icon/family_an4.png') center 0 no-repeat;} /* 푸터 */ .relation_sitew {position:absolute;right:0;top:0;width:233px;height:63px;background:#2f3545;} .relation_sitew.open .relation_go {display:block;} .relation_sitew .site_go {display:block;box-sizing:border-box;padding:22px 0 23px 26px;color:#fff;font-size:16px;background:#2f3545 url('/res/theme/reunion_new/images/comb_images/button/btn_site_close.png') 190px 50% no-repeat;background-size:15px 10px;} .relation_sitew.open .site_go {background:#2f3545 url('/res/theme/reunion_new/images/comb_images/button/btn_site_open.png') 190px 50% no-repeat;background-size:15px 10px;} .relation_sitew .relation_go {transition:all 0.8s ease-out;display:none; width:233px;position:absolute;bottom:63px;left:0;background:#2f3545;background-size:15px 10px;} .relation_sitew .relation_go ul {padding:17px 0 30px 0;border-bottom:1px solid #656e83;} .relation_sitew .relation_go ul li a {display:block;padding:8px 28px;color:#fff;font-size:16px;} .relation_sitew .relation_go ul li a:hover {color:#82d0ff;} /* 서브컨텐츠 */ .ps_txt {color:#e1611b;display:inline-block;margin-right:3px;} .sub_tit_type1 {padding:60px 10px 30px 10px;line-height:100%;border-bottom:1px solid #ddd;margin-bottom:46px;text-align:center;color:#222;font-size:35px;font-weight:bold;} .iskj_src_box {position:relative;border-top:5px solid #e3ebf2;background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_iskj_src_box.png') right 0 no-repeat;box-sizing:border-box;width:100%;margin-bottom:55px;} .iskj_src_box ul {padding:25px 0 27px 160px;margin:0 130px 0 0;background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_iskj_src_boxs.png') 39px 50% no-repeat;} .iskj_src_box ul:after {content:"";position:absolute;left:0;top:-5px;width:70%;height:5px;background:#1178c5;} .iskj_src_box ul li {display:block;padding-left:15px;position:relative;font-size:16px;color:#333;width:100%;line-height:28px;} .iskj_src_box ul li:after {content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:#1178c5;border-radius:20px;border:1px solid #1178c5;} .iskj_src_box ul li button {background:#406d9e;padding:5px 8px;color:#fff;font-size:12px;line-height:100%;} .iskj_src_box ul li button:first-child {margin:0 5px 0 9px;} .iskj_src_box ul li .button {background:#406d9e;padding:5px 8px;color:#fff;font-size:12px;line-height:100%;} .iskj_src_box ul li .button:first-child {margin:0 5px 0 9px;} .iskj_src_box_a {padding:21px 20px 21px 21px;background:#f4f8fb;} .iskj_src_box_a ul li {position:relative;padding-left:15px;line-height:28px;color:#333;font-size:16px;} .iskj_src_box_a ul li:after {content:"";position:absolute;left:0;top:9px;border-radius:20px;border:3px solid #1178c5;} .iskj_src_btm:after {content:"";display:block;clear:both;} .iskj_src_btm h3 {float:left;color:#364452;font-weight:bold;font-size:25px;letter-spacing:-1px;} .iskj_src_btm h3 span {color:#1178c5;} .iskj_src_btm .r_cont {float:left;padding-left:35px;} .iskj_src_btm .r_cont ul {margin-bottom:32px;} .iskj_src_btm .r_cont ul li {line-height:21px;margin-bottom:10px;color:#333;font-size: 16px;padding-left:22px;background:url('/res/theme/reunion_new/images/comb_images/icon/icon_main_a.png') left 5px no-repeat;letter-spacing:-1px;} .iskj_src_btm .r_cont ul li span {font-weight:bold;color:#194ba6;} .iskj_src_btm .r_cont .btna button {margin-right:32px;} .iskj_src_btm .r_cont .btna button:last-child {margin-right:0;} .btn_st_new {width:226px;height:70px;padding:0 0 0 20px;box-sizing:border-box;background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new_bdl.png') 0 0 no-repeat;color:#333;font-size:18px;} .btn_st_new span {height:70px;display:block;padding:0 20px 0 0;background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new_bdr.png') right 0 no-repeat;} .btn_st_new:hover {padding:0 0 0 20px;box-sizing:border-box;background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new_bdl_on.png') 0 0 no-repeat;color:#1178c5;font-weight:bold;} .btn_st_new:hover span {height:70px;display:block;padding:0 20px 0 0;background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new_bdr_on.png') right 0 no-repeat;} .btn_st_new span em {line-height:24px;display:inline-block;padding-right:35px;background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new.png') 111px 0 no-repeat;margin:20px 0 0 0;background-size:22px 22px;} .btn_st_new:hover span em {background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new_on.png') 111px 0 no-repeat;background-size:22px 22px;} .btn_st_new:last-child span em {background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new.png') 135px 0 no-repeat; } .btn_st_new:last-child:hover span em {background:url('/res/theme/reunion_new/images/comb_images/button/btn_st_new_on.png') 135px 0 no-repeat;background-size:22px 22px;} /* 개인정보동의 */ .person_agreew .basic_title_n {margin-bottom:15px;} .basic_title_n {padding-left:20px;background:url('/res/theme/reunion_new/images/comb_images/icon/ico_basic_tit.png') 0 50% no-repeat;font-size:18px;color:#333;font-weight:bold;} .basic_title_n span {color:#1178c5;} .basic_title_s {color:#333;font-size:16px;} .section_agreement {width:100%; height:250px; margin:15px auto; padding:10px; border:1px solid #d9d9d9; background-color:#fff; box-sizing:border-box;} .section_agreement.type1 {height:129px;} .section_agreement.type1 .box_agreement {height:108px;overflow:auto;} .privacy_wrap {font-size:15px; color:#333; line-height:20px;} ul.privacy_anchor {overflow:hidden; padding:15px 0; width:99%; margin:0 auto; border:2px solid #d9d9d9; margin-top:30px;margin-bottom:20px;border-radius:5px;} ul.privacy_anchor li {display:inline-block; width:47%; padding-left:20px; line-height:25px; list-style:none;} ul.privacy_anchor li a {color:#333; font-weight:bold;font-size:15px;} ul.privacy_anchor li a:hover {text-decoration:underline; color:#e37000;} .privacy_infobox {padding:23px 0; width:98%; margin:0 auto; border:2px solid #d9d9d9; margin-top:30px; border-radius:5px;line-height:23px;} .privacy_infobox p {padding:0 15px;color:#333;font-size:15px;} .privacy_ul {overflow:hidden; padding:15px 15px;} .privacy_ul li {list-style:none; margin-bottom:7px;color:#333;font-size:15px;} .privacy_ul li ul {padding:0 18px;} .privacy_ul li ul li {margin-bottom:3px;} .box_agreement {overflow-x:hidden; overflow-y:scroll; width:100%; height:230px; margin:0 auto; padding:5px; text-align:left; line-height:18px; font-size:13px; color:#333; box-sizing:border-box;} .person_agreew .RadioCheckboxn {margin-bottom:35px;text-align:center;} .person_agreew .RadioCheckboxn p {display:inline-block;} .person_agreew .RadioCheckboxn p label {display:inline-block;margin-right:10px;color:#333;font-size:14px;} .person_agreew .RadioCheckboxn p:last-child label {margin:0;} /* GNB */ #gnb_wrap {position:relative;min-width:1096px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;z-index:2000;} #gnb_wrap #gnb_in {width:1096px;height:60px;margin:0 auto;position:relative;z-index:100;} #gnb_wrap #gnb_in .gnb {position:absolute;left:0;top:0;width:100%;/*overflow:hidden;*/z-index:100;} /*스크립트로 height길이 변동되는 부분에 overflow:hidden;이 들어가야함.*/ #gnb_wrap #gnb_in>.gnb>ul:after {content:"";display:block;clear:both;} #gnb_wrap #gnb_in>.gnb>ul:after {content:"";display:block;clear:both;} #gnb_wrap #gnb_in>.gnb>ul>li {position:relative;float:left;width:20%;height:52px;text-align:center;line-height:60px;} #gnb_wrap #gnb_in .gnb>ul>li>a {font-weight:bold;position:relative;display:inline-block;font-size:18px;color:#222} #gnb_wrap #gnb_in>.gnb>ul>li>a img {vertical-align:middle;} #gnb_wrap #gnb_in .gnb>ul>li:hover>a:after {content:"";width:8px;height:8px;background:#1178c5;border-radius:20px; position:absolute;left:50%;top:-4px;} #gnb_wrap #gnb_in .gnb>ul>li.hv >a:after {content:"";width:8px;height:8px;background:#1178c5;border-radius:20px; position:absolute;left:50%;top:-4px;} #gnb_wrap #gnb_in .gnb>ul>li.hv>a {color:#1178c5;font-weight:600;} #gnb_wrap #gnb_in .gnb>ul>li:hover>a {color:#1178c5;font-weight:600;} #gnb_wrap #gnb_in .gnb>ul>li.hv>.sub {display:block;} #gnb_wrap #gnb_in .gnb>ul>li>.sub {display:none; overflow:hidden;position:absolute;top:61px;left:0;width:100%;height:325px;background:#fff;} #gnb_wrap #gnb_in .gnb>ul>li>.sub ul {margin-top:28px;box-sizing:border-box;width:100%;height:278px;background:#fff;border-left:1px solid #ddd;} #gnb_wrap #gnb_in .gnb>ul>li:first-child>.sub ul {border-left:0;} #gnb_wrap #gnb_in .gnb>ul>li:last-child>.sub ul {border-right:1px solid #ddd;} #gnb_wrap #gnb_in .gnb>ul>li>.sub>ul>li {width:100%;line-height:100%;padding:0 10px;box-sizing:border-box;text-align:left;} #gnb_wrap #gnb_in .gnb>ul>li>.sub>ul>li>a {border:1px solid #fff;display:block;padding:10px 10px;font-size:15px;color:#333;box-sizing:border-box;letter-spacing:-1px;} #gnb_wrap #gnb_in .gnb>ul>li>.sub>ul>li>a:hover {border:1px solid #1178c5;background:#fff url('/res/theme/reunion_new/images/comb_images/icon/icon_gnb_sub.png') 96% 50% no-repeat;color:#1178c5;font-weight:bold;border-radius:10px;} .bg_gnb {position:absolute;top:60px;left:0;z-index:1;background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/bg_gnb_sub_l.png') center bottom no-repeat;border-top:1px solid #0078c0;border-bottom:1px solid #ddd; width:100%;height:325px;background-position: 50% 50%;} .bg_white {display:none; background:#fff;height:325px;width:3000px;position:absolute;top:61px;left:1000px;z-index:2;} /* 모바일 대응 */ .m_gnb {display:none;} #mGnb {display:none;} .btnMenu {display:none;} .btnMenu img {width:46px;height:40px;} .bl_layer {display:none;} /* .search_area {position:absolute;top:50px;left:400px;} .search_area .search_areain .search_cont {border:2px solid navy;background:#fff;width:350px;height:40px;overflow:hidden;} .search_area .search_areain .search_cont label {visibility:hidden;width:0;height:0;font-size:0;line-height:0;} .search_area .search_areain .search_cont .src_select {float:left;} .search_area .search_areain .search_cont .text_ip {float:left;} .search_area .search_areain .search_cont span {float:left;} */ #gnb_wrap #gnb_in .text_size {position:absolute;right:0;top:20px;display:flex;} #content #content_in {width:1096px;margin: 0 auto;min-height:650px;/*min-height:920px;*/} #family_banner {width:415px;overflow:hidden;} #family_banner a {border:1px solid #333;display:inline-block;} /* FOOTER */ .foot_tm_version {display:none;} #footer {height:auto;background:#464d5d;} #footer .footer_top_w {height:63px;border-bottom:1px solid #656e83;} #footer .footer_top_w .footer_top {position:relative;width:1096px;margin:0 auto;} #footer .footer_top_w .footer_top .f_link_new {padding:25px 0 20px 0;} #footer .footer_top_w .footer_top .f_link_new:after {content:"";display:block;clear:both;} #footer .footer_top_w .footer_top .f_link_new li {float:left;position:relative;padding:0 10px 0 0;margin-right:10px; letter-spacing: 0.7px;} #footer .footer_top_w .footer_top .f_link_new li a {font-size:16px;color:#fff;} #footer .footer_top_w .footer_top .f_link_new li a:hover { text-decoration: underline; } #footer .footer_top_w .footer_top .f_link_new li:nth-child(1) a {color:#82d0ff;font-weight:bold;} #footer .footer_top_w .footer_top .f_link_new li:after {content:"";position:absolute;top:5px;right:0;display:block;width:1px;height:10px;background:gray;} #footer .footer_top_w .footer_top .f_link_new li:last-child:after {display:none;} p.address {margin:10px 10px 0 0;color:#fff;} p.address span {display:inline-block;} p.address span.footer_tell {color:#fff;margin-left:10px;font-weight:bold;} p.copyright {color:#fff;margin-top:10px;text-align:left;} .footer_sns {position:absolute;right:0;top:10px;display:flex;} .footer_sns li {width:50px;} #footer .footer_btm {position:relative;width:1096px;margin:0 auto;padding:25px 0 35px 0;background:#464d5d} #footer .footer_btm .address {color:#fff;line-height:24px;font-size:14px;margin-bottom:15px;} #footer .footer_btm .copyright {color:#c2c8d6;line-height:24px;font-size:14px;} #footer .footer_btm .visit {position:absolute;top:25px;right:0;border:2px solid #656e83;background:#464d5d;height:39px;box-sizing:border-box;font-size:16px;color:#fff;line-height:35px;padding:0 20px 0 0;} #footer .footer_btm .visit span {position:relative;display:inline-block;color:#82d0ff;padding:0 33px 0 24px;} #footer .footer_btm .visit span:after {content:"";position:absolute;left:85px;top:15px;width:1px;height:9px;background:#ccc;} #footer .footer_btm .mark {position:absolute;top:79px;right:0;} .top_navi {overflow:hidden;} .top_navi>ul>li {float:left;width:33.333%;background:gold;text-align:center;/*애니메이션효과*/transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;} .top_navi>ul>li a {display:block;padding:10px;} /* 페이징01 */ .page { width: 100%; text-align: center; } .page .link a { display: inline-block; vertical-align: middle; color: #888685; padding: 0 9px 0 9px; background: url('/res/theme/reunion_new/images/comb_images/line_page.gif') no-repeat 0 2px; } .page .link .here { display: inline-block; vertical-align: middle; color: #888685; padding: 0 9px 0 9px; background: url('/res/theme/reunion_new/images/comb_images/line_page.gif') no-repeat 0 2px; } .page .link { display: inline-block; vertical-align: middle; color: #888685; background: url('/res/theme/reunion_new/images/comb_images/line_page.gif') no-repeat right 2px; margin: 0 9px 0 9px; } .page span.first { padding: 0; background: none; } .page span a { background: none; } .page span a img { vertical-align: middle; } .page span.prev { padding: 0; background: none; } .page span.next { padding: 0; background: none; } .page span.last { padding: 0; background: none; } .page span.line { padding-left: 0; background: none; } .page span.here { font-weight: bold; } .home__slider {margin:120px 0 0 0;} /* 하단배너 CSS */ .banner {position:relative;display:block; width:100%; height:56px; background:#fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} .banner_area {width:100%; height:56px; margin:0 auto; position: relative;background:#fff;} .banner_area .banner_uni {position:relative;left:66px;top:18px;width:8%;height:16px;margin:4px 0 0 0;border-right:1px solid #d9d9d9;background:#fff;} .banner_area .listWrap {width:76%; height:16px; top:18px; right:66px; padding:0; overflow:hidden; position:absolute;} .banner_area .listWrap ul.list {position:relative; left:0; top:0; padding:0; width:100%; height:16px; overflow:hidden;} .banner_area .listWrap ul.list li {display:inline; width:auto; height:34px; margin-right:25px; padding-right:25px; list-style:none; float:left;border-right:1px solid #d9d9d9;} .banner_area img {width:auto;height:13px;} .banner_area .btns button {border:2px solid #ddd; border-radius:3px;font-size:0; line-height:0; width:32px; height:32px; top:9px;position:absolute; cursor:pointer;} .banner_area .left {background:#fff url("/res/theme/reunion_new/images/comb_images/btns_left.png") no-repeat 50% 50%; left:10px;} .banner_area .right {background:#fff url("/res/theme/reunion_new/images/comb_images/btns_right.png") no-repeat 50% 50%; right:10px;} .banner_area .auto {display:none;} /* 테이블 */ /* 테이블타입1 */ .board_wrap table {table-layout:fixed;width:100%;} .board_wrap table.type1 {border-top:1px solid #333;} .board_wrap table.type1 thead th {background:#e6e6e6;color:#666;border-bottom:1px solid #333;padding:10px 0;} .board_wrap table.type1 tbody td {background:#fff;color:#666;border-bottom:1px solid #333;padding:5px 10px;} /* 테이블타입2 */ .board_wrap table.type2 {border-top:1px solid #333;} .board_wrap table.type2 tbody th {background:#e6e6e6;color:#666;border-bottom:1px solid #333;padding:0 5px;} .board_wrap table.type2 tbody td {background:#fff;color:#666;border-bottom:1px solid #333;padding:5px 10px;} .board_wrap .tb_head {border-bottom:1px solid #333;border-top:1px solid #333;} .board_wrap .tb_head ul {overflow:hidden;} .board_wrap .tb_head ul li {float:left;width:20%;padding:10px 5px;box-sizing:border-box;} .board_wrap .tb_cont ul {overflow:hidden;} .board_wrap .tb_cont ul li {float:left;width:20%;padding:10px 5px;box-sizing:border-box;} /*배너영역*/ #banner_area {width:100%;background:#fff;} #banner_area #banner_area_in {width:1096px;margin:0 auto;background:#fff;} /* 메인탭 */ .tab_wrap {position:relative;} .tab_wrap .tabArea h3 {position:absolute;left:-1px;top:0;z-index:20;text-align:center;line-height:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;} .tab_wrap .tabArea h3:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#2d3e50;} .tab_wrap .tabArea.on h3:after {display:none;} .tab_wrap .tabArea h3 a {display:block;width:233px;background:#f2f2f2;font-size:18px;color:#777;font-family:'sqB';line-height:100%;padding:15px 0;} .tab_wrap .tabArea h3 a:hover {text-decoration:none;} .tab_wrap .tabArea.on h3 {box-sizing:border-box;background:#fff;border:0;color:#333;} .tab_wrap .tabArea:nth-child(1) h3 {border-left:1px solid #ddd;} .tab_wrap .tabArea.on h3:nth-child(1) {border-left:0;} .tab_wrap .tabArea.on h3 a {box-sizing:border-box;background:#fff;border:3px solid #0a8eef;border-bottom:0;color:#333;border-right:1px solid #2d3e50;border-left:1px solid #2d3e50;line-height:100%;padding:13px 0 15px 0;} .tab_wrap .tabArea.on:nth-child(1) h3 {border-left:0;} .tab_wrap .tabArea.on:nth-child(1) h3 a {width:235px;} .tab_wrap .tabArea:nth-child(2) h3 {left:234px;} .tab_wrap .tabArea:nth-child(3) h3 {left:467px;} .tab_wrap .tabArea:nth-child(4) h3 {left:700px;} .tab_wrap .tabArea .cont {padding:50px 0 50px 0;display:none;position:relative;} .tab_wrap .tabArea.on .cont {display:block;} .tab_wrap .tabArea .cont .tb_type1 {padding-top:30px;} .tab_wrap .tabArea .cont table tr td {padding:10px 9px;text-align:left;} .tab_wrap .tabArea .cont table tr td a:hover {border:2px solid #0a8eef;background:#fff;color:#0677ca;font-family:'sqB';font-size:14px;box-sizing:border-box;} .tab_wrap .tabArea .cont table tr td a {color:#333;font-size:14px;padding:10px 9px;text-decoration:none;font-family:'sqR';} .more_btn {position:absolute;right:0;bottom:0;display:inline-block;min-width:102px;height:43px;border:1px solid #ddd;background:#f2f2f2;font-family:'sqB';font-size:16px;color:#777;padding-right:21px;text-align:center;box-sizing:border-box;} .more_btn:after {content:"";position:absolute;right:10px;bottom:40%;display:inline-block;width:13px;height:7px;background:#f2f2f2 url('/res/theme/reunion_new/images/comb_images/bg_more.png') 0 0 no-repeat;} /* 슬릭슬라이드 */ .slider {width: 80%;height:500px;overflow:hidden;position:relative;margin:0 auto;} .slider img {width: 100%;height: 100%;} .slick-prev { position:absolute; z-index:50; top:50%; left:5%; border:0; padding:10px; background: #000; color:#fff; box-shadow:0 0 10px rgba(255,255,255,0.8);} .slick-next { position:absolute; z-index:50;top:50%; right:5%; border:0; padding:10px; background: #000; color:#fff; box-shadow:0 0 10px rgba(255,255,255,0.8)} .slider_wrap {position:relative;} .slider_wrap .slider {width:100%;height:100%;} .slider_wrap .slick-dots {position:absolute;left:0;right:0;bottom:20px;margin:0 auto;text-align:center;} .slider_wrap .slick-dots li {display:inline-block;margin-right:5px;} .slider_wrap .slick-dots li button {font-size:0; width:11px;height:11px;background:url('/res/theme/reunion_new/images/comb_images/m_visual_off.png') 0 0 no-repeat;} .btn-control {display:inline-block;position:absolute;bottom:40px;left:173px;right:0;margin:0 auto;text-align:center;width:50px;} .btn-control button {width:50px;height:20px;position:absolute;left:0;top:0;} .slider_wrap .slick-dots li.slick-active button {width:37px;height:4px;background:url('/res/theme/reunion_new/images/comb_images/m_visual_on.png') 0 0 no-repeat;} /* 테이블타입1 */ .board_wrap table.person_type1 {border-top:2px solid #0080c5;width:100%;} .board_wrap table.person_type1 tbody th {word-break:break-all;background:#fafafa;color:#333;font-size:14px;font-weight:bold;border-bottom:1px solid #d9d9d9;padding:5px 10px;text-align:center;} .board_wrap table.person_type1 tbody td {background:#fff;color:#666;padding:5px 10px 5px 10px;border-bottom:1px solid #d9d9d9;} .board_wrap table.person_type1 tbody td input[type='text'], .board_wrap table.person_type1 tbody td input[type='password'] {border:1px solid #818181;border-radius:3px;background:#fff;height:30px;padding:5px 5px;box-sizing:border-box;width:100px;} .board_wrap table.person_type1 tbody td select {border:1px solid #818181;border-radius:3px;background:#fff;height:30px;padding:5px 5px;box-sizing:border-box;width:100px} .board_wrap table.person_type1 tbody th label {word-break:break-all;position:relative;color:#333;font-size:14px;} .w130px {width:130px !important;} .w200px {width:200px !important;} .board_wrap table.person_type1 tbody th label.required {color:#333;font-size:14px;padding-left:10px;display:inline-block;} .board_wrap table.person_type1 thead th {background:#fafafa;color:#333;font-size:14px;font-weight:bold;border-bottom:1px solid #d9d9d9;padding:5px 10px;text-align:center;} .center_btn {text-align:center;} .con_btn button {margin-right:4px;} .con_btn button:last-child {margin-right:0;} .con_btn .confirm {font-size:14px;color:#fff;background:#0078b6;border:1px solid #0c6796;border-radius:3px;width:57px;height:35px;} .con_btn .cancel {font-size:14px;color:#333;background:#e9e9e9;border:1px solid #ddd;border-radius:3px;width:57px;height:35px;} .mgb10 {margin-bottom:10px !important;} .mgb12 {margin-bottom:12px;} .mgb15 {margin-bottom:15px !important;} .mgb20 {margin-bottom:20px !important;} .mgb35 {margin-bottom:35px;} .mgb80 {margin-bottom:80px;} .btn_install {min-width:52px;height:30px;box-sizing:border-box;padding:0 11px;background:linear-gradient(to bottom,#fff,#ececec);border:1px solid #d3d3d3;font-size:14px;color:#333;} .ds_tabw .ui-tabs .ui-tabs-nav li {margin:0;} /* 전체팝업_가상키패드수정 */ .ui-dialog {overflow:inherit !important;} .ui-dialog .ui-dialog-content {overflow:inherit !important;} /*.ui-dialog .ui-dialog-content.mpop_st1 {overflow:inherit !important;} /*.ui-dialog .ui-dialog-content.mpop_st2 {overflow:inherit !important;}*/ /* 메인 팝업 */ .ui-dialog ul li label {font-size:14px !important;color:#333 !important;} .ui-dialog ul li input, .ui-dialog ul li select {font-size:16px !important;color:#333 !important;} /* 국내거주 등록확인 팝업 */ .pop_hei_175 {height:175px !important;} .ui-dialog .mpop_st1 {box-sizing:border-box !important;padding:4px 0 15px 0 !important;} .ui-dialog .mpop_st1 .new-loginRegiNo-wrap {box-sizing:border-box !important;padding:15px 0 !important;} .ui-dialog .mpop_st1 ul>li>label {width:30%;} .ui-dialog .mpop_st1 ul>li>.data {width:65%;position:relative;} .ui-dialog .mpop_st1 ul>li.jm_numb input {width:47% !important;} .ui-dialog .mpop_st1 ul>li.jm_numb input:first-child {width:48.5% !important;} .ui-dialog .mpop_st1 ul>li.jm_numb span {display:inline-block;line-height:37px;} .ui-dialog .mpop_st1 .btn_ok {background:#0d446f !important;color:#fff;} .ui-dialog .mpop_st1 {color:#3c3c3c;line-height:25px;font-size:14px;box-sizing:border-box;padding:0 15px;} .ui-dialog .mpop_st1 .coment {color:#3c3c3c !important;line-height:25px !important;font-size:14px !important;box-sizing:border-box;padding:0 15px;} #DIV_SECU_KEYPAD {position:fixed;z-index:100;} /* 해외거주 등록확인 팝업 */ .pop_hei_400 {height:400px !important;} .ui-dialog .mpop_st2 {box-sizing:border-box !important;padding:4px 0 15px 0 !important;} .ui-dialog .mpop_st2 .new-loginRegiNo-wrap {position:relative;box-sizing:border-box !important;padding:15px 0 !important;} .ui-dialog .mpop_st2 ul>li {width:81% !important;} .ui-dialog .mpop_st2 ul>li>label {width:30%;} .ui-dialog .mpop_st2 ul>li>.data {width:64%;} .ui-dialog .mpop_st2 ul>li select {width:100%;} .ui-dialog .mpop_st2 ul>li .dob {height:39px;} .ui-dialog .mpop_st2 ul>li .dob input {width:30% !important;} .ui-dialog .mpop_st2 ul>li .dob select {width:32% !important;} .ui-dialog .mpop_st2 ul>li.s_rio {margin-top:0;} .ui-dialog .mpop_st2 ul>li.s_rio .data {margin-top:10px;} .ui-dialog .mpop_st2 ul>li.s_rio input[type='radio'] {display:inline-block;width:13px !important;} .ui-dialog .mpop_st2 ul>li.s_rio label {display:inline-block;} .ui-dialog .mpop_st2 ul>li.p_num input {width:22% !important;} .ui-dialog .mpop_st2 ul>li.p_num input:first-child {width:21.5% !important;} .ui-dialog .mpop_st2 ul>li.p_num span {display:inline-block;line-height:37px;} .ui-dialog .mpop_st2 .btn_ok {position:absolute;right:25px;top:15px;background:#0d446f;color:#fff;} .ui-dialog .mpop_st2 .coment {color:#3c3c3c;line-height:25px;font-size:14px;box-sizing:border-box;padding:0 15px;} .ui-dialog .mpop_st2 ul>li.email input {width:45% !important;} .ui-dialog .mpop_st2 ul>li.email select {width:47% !important;} .ui-dialog .mpop_st2 ul>li.email span {display:inline-block;line-height:37px;} /* 관리번호찾기 팝업 */ .kl_popw {padding:0 !important;/*height:248px !important;*/} .kl_popw .pop_tabw {padding:12px 0 0 0 !important;margin-top:5px;background:#fff;border-top:1px solid #cfc9c3;} .kl_popw .pop_tabw>ul.tab_tit {border:0;border-bottom:2px solid #1178c5;background:#fff;padding:0;} .kl_popw .pop_tabw>ul.tab_tit:after {content:"";display:block;clear:both;} .kl_popw .pop_tabw>ul.tab_tit>li {float:left;display:inline-block;text-align:center;box-sizing:border-box;width:200px;height:50px;background:#fff;border-top:1px solid #d9d9d9;margin:0;padding:0;line-height:48px;border-radius:0;} .kl_popw .pop_tabw>ul.tab_tit>li a {cursor:pointer;width:100%;height:100%;display:block;padding:0;margin:0;font-size:16px;font-weight:bold;color:#333;} .kl_popw .pop_tabw>ul.tab_tit>li a:hover {color:#333;} .kl_popw .pop_tabw>ul.tab_tit>li:nth-child(1) {border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;} .kl_popw .pop_tabw>ul.tab_tit>li:nth-child(2) {border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;} .kl_popw .pop_tabw>ul.tab_tit>li.on {background:#1178c5;border:1px solid #1178c5;} .kl_popw .pop_tabw>ul.tab_tit>li.on a {background:#1178c5;color:#fff;} .kl_popw .pop_tabw .tab_cont .mpop_st1 {padding:0 !important;} .kl_popw .pop_tabw .tab_cont .mpop_st1 .new-loginRegiNo-wrap {border-top:0;} .kl_popw .pop_tabw .tab_cont .coment {font-size:14px;color:#3c3c3c;} .kl_popw .pop_tabw .tab_cont .mpop_st1 ul>li.jm_numb input {width:48.3% !important;} .kl_popw .pop_tabw .tab_cont .mpop_st2 ul>li .dob input {width:30% !important;} .kl_popw .pop_tabw .tab_cont .mpop_st2 {padding:0 !important;} .kl_popw .pop_tabw .tab_cont .mpop_st2 .btn_ok {background:#0d446f !important;} .kl_popw .pop_tabw .tab_cont .mpop_st2 .new-loginRegiNo-wrap {border-top:0;} .kl_popw .pop_tabw .tab_cont .coment:last-child {padding:5px 15px 20px 15px;} /* 키보드 보안 프로그램 설치 팝업 */ .kbd_pop_wrap .new-plugin-wrap {padding:13px 25px 22px 25px;border-top:1px solid #cfc9c3;border-bottom:1px solid #cfc9c3;background:#fff;margin-top:4px;} .kbd_pop_wrap .new-plugin-wrap .bn_txt {margin-bottom:10px;} .kbd_pop_wrap .new-plugin-wrap .bn_txt li {padding-left:13px;position:relative;font-size:13px;color:#3c3c3c;line-height:22px;} .kbd_pop_wrap .new-plugin-wrap .bn_txt li:before {content:"";position:absolute;left:0;top:8px;border:3px solid #1178c5;border-radius:20px;} .kbd_pop_wrap .btm_txt_list li {font-size:14px;color:#3c3c3c;line-height:25px;} .kbd_pop_wrap .new-plugin-wrap .pop_tb_st1 {border-top:2px solid #0080c5;text-align:center;} .kbd_pop_wrap .new-plugin-wrap .pop_tb_st1 thead tr th {padding:13px 5px;line-height:100%;background:#fafafa;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;font-size:14px;color:#333;} .kbd_pop_wrap .new-plugin-wrap .pop_tb_st1 thead tr th:last-child {border-right:0;} .kbd_pop_wrap .new-plugin-wrap .pop_tb_st1 tbody tr td {padding:13px 5px;line-height:100%;background:#fff;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;line-height:22px;font-size:14px;color:#333;} .kbd_pop_wrap .new-plugin-wrap .pop_tb_st1 tbody tr td:last-child {border-right:0;} .kbd_pop_wrap .new-plugin-wrap .dt_btn_w {text-align:right;} .kbd_pop_wrap .new-plugin-wrap .dt_btn_w>a {display:inline-block;height:22px;line-height:21px;padding:0 8px;margin-bottom:7px;background:#406d9e;color:#fff !important;font-size:12px;} .kbd_pop_wrap .new-plugin-wrap .pop_tb_st1 tr td .btn_install {font-size:14px;color:#333;border-radius:2px;} .kbd_pop_wrap .btm_txt_list {padding:15px 5px 0 15px;} .kbd_pop_wrap .btm_txt_list li {font-size:14px;line-height:25px;color:#3c3c3c;} .kbd_pop_wrap .btm_txt_list li .btn_dt {display:inline-block;height:20px;line-height:21px;padding:0 8px;margin-left:2px;background:#757575;color:#fff !important;font-size:12px;border-radius:2px;} .kbd_pop_wrap .btm_txt_list li .txt_blue {color:#194ba6;} .movie_request_area.comb {background-size:42% auto} .movie_request_area.comb .form_area_no1 {width:59%;} .movie_request_area.comb .new-login-btn {width:31%;background:#194ba6;} .movie_request_area.comb .new-login-btn:before {width:50px;height:40px;} /* 찾아오시는길 */ .location_comb {font-family:"맑은고딕", "Malgun Gothic";} .location_comb dl:after {content:"";display:block;clear:both;} .location_comb dl.fst {margin-bottom:70px;} .location_comb dl dt {float:left;width:30%;font-family:"맑은고딕", "Malgun Gothic";} .location_comb dl dd {float:left;width:70%;font-family:"맑은고딕", "Malgun Gothic";} .location_comb dl dd img {width:100%;} .location_comb dl dt h3 {padding-bottom:31px;position:relative;margin-bottom:30px;font-size:25px;font-weight:bold;color:#364452;line-height:100%;font-family:"맑은고딕", "Malgun Gothic";} .location_comb dl dt h3:after {content:"";position:absolute;bottom:0;left:0;width:44px;height:2px;background:#1178c5;} .location_comb dl dt ul li {font-size:16px;color:#333;line-height:30px;font-family:"맑은고딕", "Malgun Gothic";} .location_comb dl dd h4 {margin-bottom:27px;font-size:20px;font-weight:bold;color:#333;line-height:20px;font-family:"맑은고딕", "Malgun Gothic";} .location_comb dl dd ul {margin-bottom:38px;} .location_comb dl dd ul li {font-size:16px;color:#333;line-height:30px;font-family:"맑은고딕", "Malgun Gothic";} .map_img_tb {display:none;} .map_img_pc {display:block;} /* 팝업 */ .pop_new_w {padding:5px;background:#f5f7fa;border:1px solid #d8e5ee;position:relative;border-radius:4px; box-sizing: border-box;} .pop_new_w .pop_head {height:37px;background:#1178c5;border-radius:4px;margin-bottom:4px;} .pop_new_w .pop_head h1 {font-family:'NanumR', 나눔고딕, NanumGothic;line-height:37px;color:#fff;font-size:18px;padding:0 0 0 20px;font-weight:bold;} .pop_new_w .pop_cont .top_area {padding:21px 20px 23px 20px;border-top:1px solid #cfc9c3;border-bottom:1px solid #cfc9c3;background:#fff;} .pop_new_w .pop_cont .top_area .txt_st {width:486px;height:104px;box-sizing:border-box;background:#fff;border:1px solid #818181;} .pop_new_w .pop_cont .btm_area {background:#f5f7fa;padding:27px 14px 14px 14px;} .pop_new_w .pop_cont .btm_area ul li {line-height:25px;color:#3c3c3c;font-size:14px;} .pop_new_w .pop_cont .btn_bl {display:inline-block;height:34px;line-height:34px;padding:0 15px;background:#0a5a97;font-size:14px;color:#fff;} .pop_new_w .pop_head .yearw {position:relative;display:inline-block;margin:8px 0 0 20px;} /* 라디오디자인 */ .RadioCheckboxa {text-align: left;} .RadioCheckboxa p {position:relative;display: inline-block;} .RadioCheckboxa p.block {position:relative; margin:0 8px 8px 0; display: block; text-align:left;} .RadioCheckboxa p.block:last-child {margin:0 0 8px 0;} .RadioCheckboxa p label {color:#fff;font-weight:bold;font-size:18px;line-height:22px;} .RadioCheckboxa p>input[type="checkbox"], .RadioCheckboxa p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; } .RadioCheckboxa p:not(#cssbrowser)>input[type="checkbox"], .RadioCheckboxa p:not(#cssbrowser)>input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; } .RadioCheckboxa p:not(#cssbrowser)>input[type="checkbox"] + label, .RadioCheckboxa p:not(#cssbrowser)>input[type="radio"] + label { margin:0 20px 0 0; padding:0 0 0 27px; font-size:18px;display:inline-block; background:url('/res/theme/reunion_blue/images/bg_radiocheckbox_new.png') no-repeat left top; width:100%; height:24px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .RadioCheckboxa p:not(#cssbrowser)>input[type="radio"] + label { background-position:left -100px;} .RadioCheckboxa p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -125px;} .RadioCheckboxa p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -150px;} .RadioCheckboxa p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:left -175px;} .pop_new_w .tit_st1 {margin-bottom:10px;font-weight:bold;font-size:16px;} .pop_new_w .pop_close {position:absolute;right:14px;top:12px;} .webtool_w {overflow:hidden;width:100%;} .webtool_w li {float:left;width:40%;margin-right:5%;font-weight:bold;font-size:15px;} .webtool_w li a {display:inline-block;} .webtool_w li a img {width:100%;display:inline-block;} .webtool_w li a p {margin-top:10px;font-weight:bold;font-size:15px;text-align:center;} .msm_strories ul.content_tab-user.tab5 {margin-bottom:40px;} .msm_strories ul.content_tab-user.tab5 li a {font-size:14px;color:#333;} .msm_strories ul.content_tab-user.tab5 li a:hover {color:#f7f7f7;font-weight:normal;} .msm_strories ul.content_tab-user.tab5 li.on a {font-size:14px;color:#f7f7f7;font-weight:normal;} /* 디지털박물관 스토리1 */ .deck {box-sizing:border-box;width:100%;margin:auto;text-align: left;line-height: 36px;font-size:18px;font-weight: normal;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif;color:#333;padding-bottom:100px;} .deck .dec {padding:20px 0px;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif;color:#333;} .deck .dec.center {text-align: center;display:block;} .deck .dec.center .tit {font-size:22px;color:#f1732f;} .deck .dec.center.caption {font-size:14px;text-align: center;color:#333;} .deck img {display:inline-block;} .deck .img_alt {font-size:14px;text-align:center;color:#333;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif;} .deck .dec .imgbox.right {width:40%;float:right;padding:0px 0px 20px 20px;} .deck .dec .imgbox.right img {width:100%;} .deck .dec .imgbox.left {width:40%;float:left;padding:0px 20px 20px 0px;} .deck .dec .imgbox.left img {width:100%;} .deck .dec .imgbox:after {content:attr(data-alt);font-size: 14px;width:100%;display: block;text-align: center;color:#333;} @media screen and (max-width:600px) { .deck {padding:0 10px 30px 10px;font-size:16px;line-height:32px;} .deck .dec {line-height:32px;} .deck .dec img {width:100%;} .deck .dec .imgbox.left {width:100%;float:none;padding:0px;} .deck .dec .imgbox.right {width:100%;float:none;padding:0px;} } @media (min-width:601px) and (max-width:1024px){ .deck {padding:0 10px 30px 10px;} .deck .dec img {width:100%;} .deck .dec .imgbox.right {width:100%;} } /* 디지털박물관 히스토리1 */ .msm_history ul.content_tab-user.tab5 {margin-bottom:60px;} .msm_history ul.content_tab-user.tab5 li a {box-sizing:border-box;padding-top:7px;font-size:14px;color:#333;font-weight:normal;line-height:19px;} .msm_history ul.content_tab-user.tab5 li:nth-child(4) a {line-height:45px;padding:0;]} .msm_history ul.content_tab-user.tab5 li a:hover {color:#f7f7f7;font-weight:normal;} .msm_history ul.content_tab-user.tab5 li.on a {font-size:14px;color:#f7f7f7;font-weight:normal;} .msm_history .tab_cont {padding-bottom:100px;} .m-main {max-width:1200px;width:100%; margin:0 auto; padding:0 0 30px 0; position:relative;box-sizing:border-box;} .history ul {padding:0px 70px;} .history ul li {display: block;padding-left:135px;position: relative;} .history ul li h3 {font-size: 48px;font-weight: normal;font-family:'Lato Thin',sans-serif;position: absolute;left:0px;top:0px;line-height: 48px;} .history ul li h3:after {content:"";position: absolute;left:128px;top:50%;width:15px;height:15px;border-radius: 10px;background:#ccc;} .history ul li h3:before {content:"";position: absolute;width:45px;height:2px;background:#ccc;left:138px;top:30px; transform: rotate(30deg);transform-origin: top left;} .history ul li p {padding:37px 0px 9px 120px;line-height: 30px;border-left:1px solid #ccc;letter-spacing: 0px;font-family:'NotoKr_bold',Dotum,AppleSDGothicNeo,Sans-serif;color:#333;} .history ul li p em {position: absolute;margin-left: -70px;color:#f1732f;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif;font-weight:700;} .history ul li:first-child {padding-top:10px;} .history ul li:first-child p {padding-top:0px;margin-top:25px;} .history ul li img {max-width: 100%; height: auto !important;} .history ul li.orange h3:after {background: #f1732f} .history ul li.orange h3:before {background: #f1732f} .history ul li.navy h3:after {background: #003964} .history ul li.navy h3:before {background: #003964} .msm_history {font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif !important;color:#333;font-weight:700;} .msm_history .background {padding:0;text-align: left; /*font-family: 'Lato thin',sans-serif;color:#333;*/} .msm_history .background p {line-height: 190%;font-size: 16px;margin-bottom:50px;text-align: justify;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif !important;color:#333;font-weight:700;} .msm_history .background img {float:right;margin-left:20px;margin-top:10px} .msm_history .background p > b:first-child {display: block;float:left;height:50px;font-size: 60px;font-family: 'Times';color:#f1732f;line-height: 63px;font-weight: normal;padding-right: 5px;} .typeSeparated p.caption {display:block;text-align:center;line-height:1.6;font-size:16px;font-weight:700;color:#333;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif !important;} .typeSeparated strong {font-weight: bold;font-size: 18px;color:#f1732f;line-height: 40px;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif !important;font-weight:700;} .typeSeparated table {width:100%;margin-bottom: 40px;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif !important;color:#333;font-weight:700;} .typeSeparated table th, .typeSeparated table td {border:1px solid #ccc;font-size:16px;line-height:1.6;font-family:'NotoKr_regular',Dotum,AppleSDGothicNeo,Sans-serif !important;color:#333;font-weight:700;} .typeSeparated table th {background: #eee;color:#333;height:50px;line-height:45px;} .typeSeparated table td {text-align: center;height: 100px;line-height: 30px;vertical-align:middle;} @media screen and (max-width: 990px) { .history ul {padding:0px 100px;} .msm_history .tab_cont {padding:0 10px;box-sizing:border-box;} .msm_history ul.content_tab-user.tab5 li {width:33.3334%;} .msm_history ul.content_tab-user.tab5 li:nth-child(3) {border-right:0;} .msm_history ul.content_tab-user.tab5 li:nth-child(3) a {border-bottom:1px solid #d9d9d9;} .typeSeparated {padding:0 10px;} } @media screen and (max-width:767px) { .history ul {padding:0px 0px;} .msm_history .content_tab-user.tab5.tab_tit li {width:100% !important;} .msm_history .content_tab-user.tab5.tab_tit li a {word-break:break-all;white-space:pre;} .msm_history .background {padding:0;} .background img {width:100%;} .typeSeparated table th {line-height:25px;} .msm_history .tab_cont {padding:0 10px;box-sizing:border-box;} .msm_history ul.content_tab-user.tab5 li:nth-child(3) {border-bottom:0;border-right:1px solid #d9d9d9;} } @media screen and (max-width:570px) { .history ul li h3:before {display:none;} .history ul li h3:after {display:none;} .history ul li {display: block;padding-left:30px;} .history ul li h3 {position: static;} .history ul li p {border-left: none;padding:10px 0px 10px 50px;} .history ul li p em {margin-left: -40px;color:#f1732f;} } @media screen and (max-width:570px) { .typeSeparated strong {font-size:18px;} .typeSeparated table th, .typeSeparated table td {font-size:14px;} } /* 디지털박물관 소개 */ .msm_popup {position:absolute;z-index:2003;top:20%;left:50%;margin-left:-408px;} .msm_popup .pop_head h1 {font-family:'NanumR', 나눔고딕, NanumGothic !important;font-weight:bold;} .msm_popup .msm_intro_top {padding:15px 0 27px 0;border-bottom:1px solid #e2e2e2;margin-bottom:28px;} .msm_popup .msm_intro_top p {font-size:20px;font-weight:bold;color:#333;line-height:20px;margin-bottom:12px;font-family:'NanumR', 나눔고딕, NanumGothic !important;font-weight:bold;letter-spacing:-1px;} .msm_popup .msm_intro_top .g_stxt {font-size:15px;font-weight:normal;color:#888;margin-bottom:0;} .msm_popup .msm_intro_btm p {font-size:16px;color:#333;line-height:24px;margin-bottom:25px;font-family:'NanumR', 나눔고딕, NanumGothic !important;letter-spacing:-1px;} .msm_popup .msm_intro_btm p.bold {font-weight:bold;} .msm_popup .msm_intro_btm p:last-child {margin-bottom:0;} .ly_popup_bg {position:fixed;left:0;top:0;z-index:2000;width:100%;height:100%;background:#aaa;opacity:0.3;} .sub_tit_n {padding:0 0 0 22px;font-size:18px;margin:0 0 15px 15px;line-height:23px;font-weight:bold;background:url('/res/theme/reunion_new/images/comb_images/icon/icon_arrow.png') no-repeat left 4px;box-sizing:border-box;} .loading_wrap {position:fixed;width:370px;left:50%;top:30%;margin-left:-185px;z-index:3000;} .loading_wrap>img {position:relative;z-index:3000;width:370px;height:auto;} .tb_break tbody tr .sknku>div {display:inline-block;} .tb_view_txt {display:none;} .tb_break_eng_setp1 tbody tr td.dob_t select {width:70px;} .uni-form-table tbody td input[type='checkbox'] {height:auto;border:0;} @media (min-width:768px) and (max-width:1024px){ /* 태블릿 */ #allWrap {background:#fff;} /*pc대응*/ #mGnb {display:block;} #gnb_wrap {min-width: auto;} #allWrap #top_header #top_header_in {width:100%;display:none;} #allWrap #header_wrap #header {width:100%;} #gnb_wrap #gnb_in {width:100%;height:0;} #allWrap #content #content_in {width:100%;padding:0 0 40px 0;/*padding:0 16px;*/box-sizing:border-box;} #footer #footer_in {width:100%;} #banner_area #banner_area_in {width:100%;} .gnb {display:none;} .bg_gnb {display:none !important;} /* gnb */ #gnb_wrap #mGnb {width:70%;height:100%;position:fixed;right:-70%;top:0;transition:all 0.3s;z-index:100;} #gnb_wrap #mGnb .mGnb_in {height:100%;background:#fff;z-index:100;} #gnb_wrap #mGnb .mGnb_in>ul {padding-top:100px;} #gnb_wrap #mGnb .mGnb_in>ul li a {padding:21px 16px;line-height:100%;color:#333;font-size:16px;background:#fff;} #gnb_wrap #mGnb.on {transition-timing-function:ease-out;transform:translate(-100%, 0);overflow:auto;} #gnb_wrap #mGnb>.mGnb_in>ul>li:first-child {border-top:1px solid #dded;} #gnb_wrap #mGnb>.mGnb_in>ul>li{border-bottom:1px solid #ddd;} #gnb_wrap #mGnb>.mGnb_in>ul>li>a {display:block;color:#333;font-size:18px;font-weight:bold;background:#fff;padding:21px 16px;line-height:100%;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>a {background:#1178c5;color:#fff;} #gnb_wrap #mGnb>.mGnb_in>ul>li>.sub ul li a {display:block;padding:21px 60px 21px 17px;background:#f4f8fb;border-bottom:1px solid #fff;font-size:15px;color:#333;font-weight:bold;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>.sub ul li a {background:#ccefff} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>.sub ul li.on a {background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_deth2_arrow.png') 93% 50% no-repeat;color:#194ba6;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>.sub ul li a:hover {background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_deth2_arrow.png') 93% 50% no-repeat;} #gnb_wrap #mGnb>.mGnb_in>ul>li>.sub ul li:last-child a {border-bottom:0} #gnb_wrap #mGnb>.mGnb_in>ul>li>.sub {display:none;} .fixBg {position:fixed;top:0;left:0;background:#000;opacity:0.5;width:100%;height:100%;z-index:10;display:none;} .fixBg.on {display:block;} html {overflow:auto;} html.nav_on {overflow:hidden;} html.nav_on .fixBg {display:block;} .mGnb_close button {width:46px;height:40px;position:absolute;top:29px;right:16px;z-index:100;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_close.png') 0 0 no-repeat;font-size:0;line-height:0;background-size:46px 40px;} /* 태블릿화면 */ #allWrap #header_wrap #header .l_logo {display:none;} #allWrap #header_wrap #header .c_logo {padding:0;position:absolute;left:16px;top:24px;} .total_search {right:100px;top:30px;padding:0 10px 0 15px;} .btnMenu {position:absolute;right:16px;top:29px;display:inline-block;} .total_search {width:230px;} .total_search label {text-indent:-1000px;font-size:0;padding:0;} .family_src_mtop .leftc {float:none;width:100%;margin:0 0 40px 0;} .family_src_mtop .leftc .btn_list li {width:28%;} .family_src_mtop .leftc .btn_list li button {width:100%;} .family_src_mtop .leftc .box:after {width:80%;} .family_src_mtop .rightc {width:100%;float:none;} .family_src_mtop .rightc .box:after {width:80%;} .family_src_mbtm .leftc {width:calc(100% - 400px);box-sizing:content-box;padding:0;} .family_src_mbtm .midc {float:right;padding:0;width:400px;} .family_src_mbtm .midc .family_story {float:right;width:337px;} .family_src_mbtm .rightc {width:100%;float:none;clear:both;margin-bottom:25px;} .family_src_mbtm .rightc ul {clear:both;} .family_src_mbtm .rightc ul:after {content:"";display:block;clear:both;} .family_src_mbtm .rightc ul li {float:left;margin-bottom:0;width:33.3334%;} .family_src_mbtm .rightc ul li a {width:100%;box-sizing:border-box;line-height:22px;} .family_src_mbtm .rightc ul li:nth-child(1) a {background:#b6c8df} .family_src_mbtm .rightc ul li:nth-child(2) a {background:#708db3} .family_src_mbtm .rightc ul li:nth-child(3) a {background:#546487} .family_src_mbtm .rightc ul li:nth-child(1) p {display:none;} .family_src_mbtm .rightc ul li:nth-child(2) p {display:none;} .family_src_mbtm .rightc ul li:nth-child(3) p {display:none;} .family_src_mbtm .rightc ul li:nth-child(1) a span {width:86px;background-position:69px 86%;} .family_src_mbtm .rightc ul li:nth-child(2) a span {width:68px;background-position:69px 86%;} .family_src_mbtm .rightc ul li:nth-child(3) a span {width:140px;background-position:69px 86%;} .banner_zone {padding:10px 15px;} .notice_board {padding:0;width:100%;} .notice_board .slick-slider {width:80%;padding-left:90px;} .relation_sitew {right:16px;} #footer .footer_top_w .footer_top {width:100%;} #footer .footer_top_w .footer_top .f_link_new {padding:25px 16px 20px 16px;} #footer .footer_top_w .footer_top .f_link_new li:nth-child(2), #footer .footer_top_w .footer_top .f_link_new li:nth-child(5), #footer .footer_top_w .footer_top .f_link_new li:nth-child(6), #footer .footer_top_w .footer_top .f_link_new li:nth-child(7) {display:none;} #footer .footer_top_w .footer_top .f_link_new li:nth-child(4):after {display:none;} #footer .footer_top_w {position:relative;} #footer .footer_btm {width:100%;padding:24px 0 22px 0;text-align:right;} #footer .footer_btm .mark {right:16px;top:55px;width:103px;height:67px;display:inline-block;} #footer .footer_btm .mark img {width:100%;height:auto;} #footer .footer_btm .address {display:none;} #footer .footer_btm .copyright {display:none;} #footer .footer_btm .visit {display:none;} .foot_tm_version {text-align:center;display:block} .foot_tm_version span {display:block;margin-bottom:20px;} .foot_tm_version span a {display:inline-block;line-height:39px;width:130px;height:39px;border-radius:3px;background:#fff;font-size:16px;color:#333;box-sizing:border-box;} .foot_tm_version span a:first-child {margin-right:10px;} .foot_tm_version p {line-height:24px;color:#c2c8d6;font-size:14px;} .m_visual_n li img.pc {display:none;} .m_visual_n li img.tb {display:block;} .location_w .location_n {width:100%;} /* 이산가족찾기 신청 및 조회 */ .iskj_src_box {background:#f4f8fb;margin:0 16px 55px 16px;width:calc(100% - 32px);} .iskj_src_box ul {background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_iskj_src_box.png') right 0 no-repeat;padding:25px 50px 27px 22px;margin:0;} .iskj_src_box ul li .btna {display:block;} .iskj_src_btm {margin:0 16px 0 16px;width:calc(100% - 32px);} .iskj_src_btm h3 {float:none;margin-bottom:25px;} .iskj_src_btm .r_cont {padding:0;float:none;} .person_agreew {margin:0 16px 0 16px;width:calc(100% - 32px);} .iskj_src_btm .r_cont .btna button {margin-right:20px;} .family_story .slick-slider {background-size:100% 100%;} /* 이산가족찾기 신청 비밀번호초기화 */ .tab_cont .basic_title_n {margin:0 15px 0 15px;} .tab_cont .iskj_src_box_a {margin:0 15px 12px 15px;} /* 제작신청 통합*/ .movie_request_area.comb .form_area_no1 {width:100%;} /* 찾아오시는길 */ .location_comb {padding:0 16px;} .location_comb dl dt {width:35%;padding:0 30px 0 0;box-sizing:border-box;} .location_comb dl dd {width:65%} .map_img_tb {display:block;} .map_img_pc {display:none;} .sub_tit_n {margin-left:20px;} .total_search input {width:189px;margin:0;} .tb_view_txt {display:none;} /* 메인수정 */ .m_visual_n {margin:0 16px 20px 16px;} .family_src_mtop {padding:0 16px;} .family_src_mbtm {padding:0 16px;} } @media (min-width:0px) and (max-width:767px){ /* 모바일 */ /*pc대응*/ #mGnb {display:block;} #gnb_wrap {min-width: auto;} #allWrap #top_header #top_header_in {width:100%;display:none;} #allWrap #header_wrap #header {box-sizing:border-box;padding:0 16px;width:100%;height:154px;} #gnb_wrap #gnb_in {width:100%;height:0;} #allWrap #content #content_in {width:100%;min-height:auto; /*padding:23px 16px 38px 16px;*/padding:23px 0 38px 0;box-sizing:border-box;} #footer #footer_in {width:100%;} #banner_area #banner_area_in {width:100%;} .gnb {display:none;} .bg_gnb {display:none !important;} /* gnb */ #gnb_wrap #mGnb {width:70%;height:100%;position:fixed;right:-70%;top:0;transition:all 0.3s;z-index:100;} #gnb_wrap #mGnb .mGnb_in {height:100%;background:#fff;z-index:100;} #gnb_wrap #mGnb .mGnb_in>ul {padding-top:100px;} #gnb_wrap #mGnb .mGnb_in>ul li a {padding:21px 16px;line-height:100%;color:#333;font-size:16px;background:#fff;} #gnb_wrap #mGnb.on {transition-timing-function:ease-out;transform:translate(-100%, 0);overflow:auto;} #gnb_wrap #mGnb>.mGnb_in>ul>li:first-child {border-top:1px solid #dded;} #gnb_wrap #mGnb>.mGnb_in>ul>li{border-bottom:1px solid #ddd;} #gnb_wrap #mGnb>.mGnb_in>ul>li>a {display:block;color:#333;font-size:18px;font-weight:bold;background:#fff;padding:21px 16px;line-height:100%;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>a {background:#1178c5;color:#fff;} #gnb_wrap #mGnb>.mGnb_in>ul>li>.sub ul li a {display:block;padding:21px 60px 21px 17px;background:#f4f8fb;border-bottom:1px solid #ddd;font-size:15px;color:#333;font-weight:bold;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>.sub ul li a {background:#ccefff;border-bottom:1px solid #F4F8FC;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>.sub ul li.on a {background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_deth2_arrow.png') 93% 50% no-repeat;color:#194ba6;} #gnb_wrap #mGnb>.mGnb_in>ul>li.on>.sub ul li a:hover {background:#f4f8fb url('/res/theme/reunion_new/images/comb_images/icon/bg_deth2_arrow.png') 93% 50% no-repeat;} #gnb_wrap #mGnb>.mGnb_in>ul>li>.sub ul li:last-child a {border-bottom:0} #gnb_wrap #mGnb>.mGnb_in>ul>li>.sub {display:none;} .fixBg {position:fixed;top:0;left:0;background:#000;opacity:0.5;width:100%;height:100%;z-index:10;display:none;} .fixBg.on {display:block;} html {overflow:auto;} html.nav_on {overflow:hidden;} html.nav_on .fixBg {display:block;} .mGnb_close button {width:46px;height:40px;position:absolute;top:29px;right:16px;z-index:100;background:url('/res/theme/reunion_new/images/comb_images/button/btn_m_close.png') 0 0 no-repeat;font-size:0;line-height:0;background-size:46px 40px;} /* 로케이션 */ .location_w .location_n {width:100%;} .location_w .location_n .loaction_in {float:none;position:relative;} .location_w .location_n .loaction_in .location_home {float:none;position:absolute;left:0;top:0;} .location_w .location_n .loaction_in .dmenu.location_dropdown_n_1 {display:none;} .location_w .location_n .loaction_in .dmenu.location_dropdown_n_2 {width:100%;box-sizing:border-box;padding:0 38px 0 60px;} /* 모바일화면 */ #allWrap #header_wrap #header .l_logo {display:none;} #allWrap #header_wrap #header .c_logo {padding:0;position:absolute;left:16px;top:25px;} .total_search {width: calc( 100% - 18px);position:inherit;right:0;top:100px;padding:0 10px 0 15px;} .btnMenu {position:absolute;right:16px;top:29px;display:inline-block;} .total_search label {text-indent:-1000px;font-size:0;padding:0;} .family_src_mtop .leftc {float:none;width:100%;margin:0 0 40px 0;} .family_src_mtop .leftc .btn_list li {width:100%;margin:0 0 5px 0;} .family_src_mtop .leftc .btn_list li:last-child {margin:0;} .family_src_mtop .leftc .btn_list li button {width:100%;} .family_src_mtop .leftc .box:after {width:80%;} .family_src_mtop .rightc {width:100%;float:none;} .family_src_mtop .rightc .box:after {width:80%;} .family_src_mbtm .leftc {width:100%;box-sizing:content-box;padding:0;float:none;margin-bottom:25px;} .family_src_mbtm .midc {width:100%;float:none;padding:0;} .family_src_mbtm .midc .family_story {float:none;width:100%;margin-bottom:25px;} .family_src_mbtm .rightc {width:100%;float:none;clear:both;margin-bottom:25px;} .family_src_mbtm .rightc ul {clear:both;} .family_src_mbtm .rightc ul:after {content:"";display:block;clear:both;} .family_src_mbtm .rightc ul li {float:left;margin-bottom:0;} .family_src_mbtm .rightc ul li a {width:100%;box-sizing:border-box;line-height:22px;padding:15px 10px 0 13px;font-size:15px;} .family_src_mbtm .rightc ul li:nth-child(1) {width:33%;} .family_src_mbtm .rightc ul li:nth-child(2) {width:33%;} .family_src_mbtm .rightc ul li:nth-child(3) {width:34%;} .family_src_mbtm .rightc ul li:nth-child(1) a {background:#b6c8df} .family_src_mbtm .rightc ul li:nth-child(2) a {background:#708db3} .family_src_mbtm .rightc ul li:nth-child(3) a {background:#546487} .family_src_mbtm .rightc ul li:nth-child(1) p {display:none;} .family_src_mbtm .rightc ul li:nth-child(2) p {display:none;} .family_src_mbtm .rightc ul li:nth-child(3) p {display:none;} .family_src_mbtm .rightc ul li:nth-child(1) a span {width:86px;background-position:69px 86%;} .family_src_mbtm .rightc ul li:nth-child(2) a span {width:68px;background-position:69px 86%;} .family_src_mbtm .rightc ul li:nth-child(3) a span {width:81px;background-position:69px 86%;} .banner_zone {padding:10px 15px;} .notice_board {padding:0;width:100%;} .notice_board .slick-slider {width: calc(100% - 150px);padding-left:70px;} .relation_sitew {left:0;z-index:100;width:100%;border-bottom:1px solid #656e83} .relation_sitew .site_go {background-position:95% 50%;} .relation_sitew.open .site_go {background-position:95% 50%;} .relation_sitew .relation_go {width:100%;} #footer .footer_top_w {height:auto;border-bottom:0;} #footer .footer_top_w .footer_top {width:100%;} #footer .footer_top_w .footer_top .f_link_new {position:absolute;top:64px;left:0;z-index:100;width:100%;box-sizing:border-box;text-align:center;padding:75px 1px 20px 1px;} #footer .footer_top_w .footer_top .f_link_new li {float:none;display: inline-block;} #footer .footer_top_w .footer_top .f_link_new li:nth-child(2), #footer .footer_top_w .footer_top .f_link_new li:nth-child(5), #footer .footer_top_w .footer_top .f_link_new li:nth-child(6), #footer .footer_top_w .footer_top .f_link_new li:nth-child(7) {display:none;} #footer .footer_top_w .footer_top .f_link_new li:nth-child(4) {margin:0;padding:0;} #footer .footer_top_w .footer_top .f_link_new li:nth-child(4):after {display:none;} #footer .footer_top_w {position:relative;} #footer .footer_btm {width:100%;padding:0 0 22px 0;text-align:right;} #footer .footer_btm .mark {display:none;} #footer .footer_btm .mark img {width:100%;height:auto;} #footer .footer_btm .address {display:none;} #footer .footer_btm .copyright {display:none;} #footer .footer_btm .visit {display:none;} .foot_tm_version {text-align:center;display:block;padding-top:84px;} .foot_tm_version span {display:block;margin-bottom:46px;position:relative;z-index:100;} .foot_tm_version span a {display:inline-block;width:130px;height:39px;border-radius:3px;background:#fff;font-size:16px;color:#333;box-sizing:border-box;line-height:40px;} .foot_tm_version span a:first-child {margin-right:10px;} .foot_tm_version p {line-height:24px;color:#c2c8d6;font-size:14px;} .total_search button {right:-20px;} .total_search input {width:97%;margin:0;} .m_visual_n {margin:0 16px 21px 16px;} .m_visual_n li img.pc {display:none;} .m_visual_n li img.tb {display:block;} .m_visual_n .bx-controls-direction .bx-prev {width:16px;height:30px;background-size:16px 30px;left:10px;} .m_visual_n .bx-controls-direction .bx-next {width:16px;height:30px;background-size:16px 30px;right:10px;} .m_visual_n .bx_bg {bottom:13px;} .m_visual_n .bx-pager {bottom:19px;} .m_visual_n .bx-controls-auto {bottom:20px;} .m_visual_n #num {bottom:19px;} .family_src_mtop .leftc .box {background:#f4f8fb;padding:30px 15px 35px 15px} .family_src_mtop .rightc .box {padding:27px 15px 27px 15px;} .family_src_mtop .rightc .box ul li a {box-sizing:border-box;} .family_story .slick-slider {background:url('/res/theme/reunion_new/images/comb_images/bg_mfamily_src.png') 0 0 no-repeat;background-size:100% 100%;} .m_visual_n li img.pc {display:none;} .m_visual_n li img.tb {display:block;} /* 이산가족찾기 신청 및 조회 */ .iskj_src_box {background:#f4f8fb;margin:0 16px 23px 16px;width:calc(100% - 32px);} .iskj_src_box ul {background:#f4f8fb;padding:25px 20px 27px 15px;margin:0;} .iskj_src_box ul li .btna {display:block;} .iskj_src_box ul li button:first-child {margin:0 5px 0 0;} .iskj_src_btm {margin:0 16px 0 16px;width:calc(100% - 32px);} .iskj_src_btm h3 {float:none;margin-bottom:25px;} .btn_st_new {width:100%;margin:0;background-size:auto 55px;height:55px;} .btn_st_new span {background-size:auto 55px;height:55px;} .btn_st_new:hover {width:100%;margin:0;background-size:auto 55px;height:55px;} .btn_st_new:hover span {background-size:auto 55px;height:55px;} .btn_st_new span em {margin:15px 0 0 0;} .sub_tit_type1 {display:none;} .iskj_src_btm .r_cont {padding:0;float:none;} .iskj_src_btm .r_cont ul {margin-bottom:20px;} .iskj_src_btm .r_cont .btna button {margin:0 0 12px 0;} .iskj_src_btm .r_cont .btna button:last-child {margin-bottom:0;} .person_agreew {margin:0 16px 0 16px;width:calc(100% - 32px);} ul.privacy_anchor li {width:90%;} .notice_board .nb_control_wrap .nb_control li button {width:31px;height:31px;} .notice_board .nb_control_wrap .nb_control li .btn_slider_back {background-size:31px 31px;} .notice_board .nb_control_wrap .nb_control li .btn_slider_stop {background-size:31px 31px;} .notice_board .nb_control_wrap .nb_control li .btn_slider_next {background-size:31px 31px;} .notice_board .nb_control_wrap .nb_control li .btn_slider_play {background-size:31px 31px;} .slick-vertical .slick-slide li a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .notice_board .nb_control_wrap .nb_control {bottom:-9px;} .family_src_mbtm .rightc ul li span em {display:none;} /* 이산가족찾기 신청 비밀번호초기화 */ .tab_cont .basic_title_n {margin:0 15px 0 15px;} .tab_cont .iskj_src_box_a {margin:0 15px 12px 15px;} /* 제작신청 통합*/ .movie_request_area.comb .form_area_no1 {width:100%;} .movie_request_area.comb .new-login-btn {width:100%;margin-top:10px;margin-left:0;} /* 찾아오시는길 */ .location_comb {padding:0 16px;} .location_comb dl.fst {margin-bottom:45px;} .location_comb dl dt {float:none;width:100%;margin-bottom:14px;} .location_comb dl dd {float:none;width:100%;} .location_comb dl dt h3 {margin-bottom:27px;padding-bottom:16px;font-size:20px;} .location_comb dl dd ul {margin-bottom:27px;} .location_comb dl dt ul li {line-height:23px;} .location_comb dl dd h4 {margin-bottom:14px;} .location_comb dl dd ul li {line-height:23px;} .map_img_tb {display:block;} .map_img_pc {display:none;} /* 사진및동영상자료 탭 */ ul.content_tab-user.tab4.tab_comb li {width:33.33334% !important;} /* 디지털박물관 소개 */ .msm_popup {width:90% !important;margin-left:0;left:5%;} .sub_tit_n {margin-left:10px;} .user_info_area ul.user_info li {height:auto;line-height:21px;} /* .tb_scrollw {overflow-x:scroll;overflow-y:hidden;margin:0 13px 0 13px;} .tb_scrollw table {min-width:1000px;} */ .tb_break colgroup {display:none;} .tb_break tbody tr {overflow:hidden;} .tb_break tbody tr th {float:left;width:30%;display:block;box-sizing:border-box;height:48px;} .tb_break tbody tr td {float:left;width:70%;display:block;box-sizing:border-box;height:48px;} .tb_break tbody tr:nth-child(1) th {width:100%;} .tb_break tbody tr:nth-child(2) th {width:30%;height:42px;} .tb_break tbody tr:nth-child(2) td {width:70%;height:42px;} .tb_break tbody tr:nth-child(2) th.name {width:30%;height:80px;} .tb_break tbody tr:nth-child(2) td.name {width:70%;height:80px;} .tb_break tbody tr:nth-child(2) td:last-child {width:100%;height:auto;} .tb_break tbody tr td.sknku {width:100%;height:120px;} .tb_break tbody tr td.sknku>div {margin-bottom:5px;} .tb_break tbody tr td.sknku .iptw3 {display:block;} .tb_break tbody tr td.sknku .iptw3 input {width:100%;} /*.tb_view_txt {display:block;font-size:14px;color:#e1611b;font-weight:bold;margin:0 13px 40px 13px;word-break:break-all;}*/ /* 영문 신청하기1 */ .tb_break_eng_setp1 tbody tr th {display:table;box-sizing:border-box;} .tb_break_eng_setp1 tbody tr th label {display:table-cell;vertical-align:middle;} .tb_break_eng_setp1 colgroup {display:none;} .tb_break_eng_setp1 tbody tr {overflow:hidden;} .tb_break_eng_setp1 tbody tr th {float:left;width:30%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:48px;} .tb_break_eng_setp1 tbody tr td {float:left;width:70%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:48px;box-sizing:border-box;} .tb_break_eng_setp1 tbody tr:nth-child(1) th {width:100%;display:block;height:auto !important;padding:12px 10px;} .tb_break_eng_setp1 tbody tr th.line2n {width:30%;height:71px;} .tb_break_eng_setp1 tbody tr td.line2n {width:70%;height:71px;} .tb_break_eng_setp1 tbody tr th.line2 {width:30%;height:84px;} .tb_break_eng_setp1 tbody tr td.line2 {width:70%;height:84px;} .tb_break_eng_setp1 tbody tr th.line3 {width:30%;height:90px;} .tb_break_eng_setp1 tbody tr td.line3 {width:70%;height:90px;} .tb_break_eng_setp1 tbody tr th.line4 {width:30%;height:125px;} .tb_break_eng_setp1 tbody tr td.line4 {width:70%;height:125px;} .tb_break_eng_setp1 tbody tr th.line4n {width:30%;height:189px;} .tb_break_eng_setp1 tbody tr td.line4n {width:70%;height:189px;} .tb_break_eng_setp1 tbody tr th.line5 {width:30%;height:210px;} .tb_break_eng_setp1 tbody tr td.line5 {width:70%;height:210px;} .uni-form-table.tb_break_eng_setp1 tbody td.line4n span {line-height:18px;} .tb_break_eng_setp1 tbody tr td.email input {width:45%;} .tb_break_eng_setp1 tbody tr th.txtarea_st1 {width:30%;height:160px;} .tb_break_eng_setp1 tbody tr td.txtarea_st1 {width:70%;height:160px;} .tb_break_eng_setp1 tbody tr td.txtarea_st1 textarea {height:150px !important;} .tb_break_eng_setp1 tbody tr th.auto {width:30%;height:auto;} .tb_break_eng_setp1 tbody tr td.auto {width:70%;height:auto;} .tb_break_eng_setp1 tbody tr th {width:30%;height:43px;} .tb_break_eng_setp1 tbody tr td {width:70%;height:43px;} .tb_break_eng_setp1 tbody tr .photo-gray {width:100% !important;height:auto !important;} .select_ab {position:absolute;left:100px;top:43px;} .tb_break_eng_setp1 tbody tr td.select_t {height:84px;} .tb_break_eng_setp1 tbody tr th.select_t {height:170px;} .tb_break_eng_setp1 tbody tr .select_t .inline-block {display:block;} .tb_break_eng_setp1 tbody tr td.line5 p {line-height:14px;} ul.content_tab-user.tab5 li:nth-child(4) {border-bottom:1px solid #d9d9d9;} .new-loginRegiNo-wrap > ul> li > label {line-height:16px !important;padding:7px 0 0 5px !important;} .ui-dialog .mpop_st1 ul>li>label {width:35%;} .ui-dialog .mpop_st1 ul>li>.data {width:61%;} .ui-dialog .mpop_st1 ul>li.jm_numb input:first-child {width:46.5% !important;} .ui-dialog .mpop_st1 .btn_ok {padding:0 5px;word-break:break-all} .new-loginRegiNo-btn {right:10px !important;} .ui-dialog .mpop_st2 ul>li .dob input {width:27% !important} .ui-dialog .mpop_st2 ul>li .dob select {width:31% !important} .ui-dialog .mpop_st2 ul>li.p_num input:first-child {width:19% !important} .ui-dialog .mpop_st2 ul>li.p_num input {width:19% !important;padding-left:3px !important;} .ui-dialog .mpop_st2 ul>li.email input {width:42% !important;} .ui-dialog .mpop_st2 ul>li.email select {width:42% !important;} .ui-dialog .mpop_st1 .coment {line-height:19px !important;} .kl_popw .pop_tabw>ul.tab_tit>li {width:50% !important;} .kl_popw .pop_tabw .tab_cont .mpop_st1 ul>li.jm_numb input {width:46.5% !important;} #common-login-form .coment {width:100% !important;} #common-regiNo-find-form .coment {width:100% !important;} #common-regiNo-find-form .rm3 {margin-right:2px;} #common-regiNo-find-form .lm3 {margin-left:1px;} /* 제작현황 */ .tb_break_hg .uni-list-table-uesr {border-top:2px solid #0080c5;} .tb_break_hg table colgroup {display:none;} .tb_break_hg table thead {border-bottom:1px solid #d9d9d9;background:#fafafa;width:30%;float:left;} .tb_break_hg table thead tr {display:block;} .tb_break_hg table thead tr th:last-child {border-bottom:0 !important;} .tb_break_hg .uni-list-table-uesr thead tr th {display:block;width:100%;border-top:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .tb_break_hg table tbody {float:left;width:70%;} .tb_break_hg table tbody tr {display:block;position:relative;} .tb_break_hg table tbody tr td {display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .tb_break_hg table tbody tr td.two_d1 {float:left;width:50%;height:60px;} .tb_break_hg table tbody tr td.two_d2 {float:left;width:50%;height:60px;} .tb_break_hg table thead tr .two_c {width:100%;height:60px;line-height:46px;} .tb_break_hg table thead tr .two_side {width:100%;} .tb_break_hg table tbody tr .two_d3 {position:absolute;bottom:-60px;left:-23%;} .tb_break_hg table tbody tr .two_d4 {position:absolute;bottom:-60px;left:25%;} .tb_break_hg table tbody tr .etc_1 {position:absolute;bottom:-90px;left:0;} .tb_break_hg table tbody tr .etc_2 {position:absolute;bottom:-120px;left:0;} .tb_break_hg table tbody tr .etc_3 {position:absolute;bottom:-151px;left:0;} dl.page_dl dd > ul.page_dl_ul li {word-break:break-all;} /* 메인수정 */ .family_src_mtop {padding:0 16px;} .family_src_mbtm {padding:0 16px;} }