/* header{position:absolute;width:100%;top:0; z-index:9999;height:145px;min-width:1200px;background:#fff;} body{width:100%; margin:0 auto;} #menu{position:relative;width:1200px;margin:0 auto;} #menu .tnb{float:right;margin-top:35px;margin-bottom:35px;z-index:9999;} #menu .tnb li{float:Left;padding:0 10px;border-right:1px solid #ededed;} #menu .tnb li:last-child{padding-right:0;BORDER-RIGHT:0;} #menu .tnb li a{color:#000; letter-spacing:-0.4px;font-size:14px;} #menu .logo{position:relative;clear:both;float:left;top:-5px;} #menu .main_menu{position:relative;float:right;z-index:9999;} #menu .main_menu li{float:left;} #menu .main_menu li:nth-child(1){margin-right:56px;} #menu .main_menu li:nth-child(2){margin-right:76px;} #menu .main_menu li:nth-child(3){margin-right:93px;} #menu .main_menu li:nth-child(4){margin-right:70px;} #menu .main_menu li a{color:#000; font-size:20px; } #menu_dept{position:absolute;z-index:999;width:100%; right:0; top:0px; background:#000; border-top:1px solid #ededed; border-bottom:1px solid #ededed; box-shadow:0 1px 1px #7f7f7f;padding-top:145px;} #menu_dept .menu_dept_ul{width:100%; margin:0 auto;position:relative;border-top:1px solid #CBCBCB;} #menu_dept .menu_dept_ul li{float:left; width:166px} #menu_dept .menu_open{text-align:left; width:166px; height:250px; float:left; border-right:1px solid #ededed;} #menu_dept .menu_open ul li{text-align:center; font-size:13px; padding-top:5px;} #menu_dept .menu_open ul li a{display:block; padding:7px 10px} #menu_dept .menu_open ul li a:hover{color:#ff6e01} #menu_dept .menu_dept_ul li .sub_menu li > a{display:block;} */ .sub_visual1{position:relative;width:100%;margin:0 auto; max-width:1920px; height:400px;background:url('/images/sub/sub_visual.jpg')no-repeat center/cover;z-index:-9999;} .sub_visual1 p.visual_nav{position:absolute;bottom:150px;width:100%; text-align:center;color:#ffffff;font-size:16px; font-weight:350; text-shadow:1px 1px 1px #000; } .sub_visual1 p.visual_title{position:absolute;bottom:75px;font-size:30px; font-weight:bold;width:100%; text-align:center;color:#fff; text-shadow:1px 1px 1px #000; } .sub_visual2{position:relative;width:100%;margin:0 auto; max-width:1920px; height:400px;background:url('/image/sub/sub2_visual.jpg')no-repeat;z-index:-9999;} .sub_visual2 p.visual_nav{position:absolute;bottom:150px;width:100%; text-align:center;color:#ffffff;font-size:16px; font-weight:350;} .sub_visual2 p.visual_title{position:absolute;bottom:75px;font-size:30px; font-weight:bold;width:100%; text-align:center;color:#fff;} .sub_visual3{position:relative;width:100%;margin:0 auto; max-width:1920px; height:400px;background:url('/image/sub/sub3_visual.jpg')no-repeat;z-index:-9999;} .sub_visual3 p.visual_nav{position:absolute;bottom:150px;width:100%; text-align:center;color:#ffffff;font-size:16px; font-weight:350;} .sub_visual3 p.visual_title{position:absolute;bottom:75px;font-size:30px; font-weight:bold;width:100%; text-align:center;color:#fff;} .sub_visual4{position:relative;width:100%;margin:0 auto; max-width:1920px; height:400px;background:url('/image/sub/sub4_visual.jpg')no-repeat;z-index:-9999;} .sub_visual4 p.visual_nav{position:absolute;bottom:150px;width:100%; text-align:center;color:#ffffff;font-size:16px; font-weight:350;} .sub_visual4 p.visual_title{position:absolute;bottom:75px;font-size:30px; font-weight:bold;width:100%; text-align:center;color:#fff;} .sub_visual5{position:relative;width:100%;margin:0 auto; max-width:1920px; height:400px;background:url('/images/sub/sub1_visual.jpg')no-repeat;z-index:-9999;} .sub_visual5 p.visual_nav{position:absolute;bottom:150px;width:100%; text-align:center;color:#ffffff;font-size:16px; font-weight:350;} .sub_visual5 p.visual_title{position:absolute;bottom:75px;font-size:30px; font-weight:bold;width:100%; text-align:center;color:#fff;} .sub2_content{position:relative;width:1200px; margin:70px auto 100px;} .left_nav{border-bottom:1px solid #f5f5f5; height:60px;background:#f5f5f5;} .left_nav ul{display:flex; align-items:center; justify-content:center; width:1200px; margin:0 auto;} .left_nav ul li{flex:1 0 25%;background:#f5f5f5; text-align:center; border-right:1px solid #fff;} .left_nav ul li a{display:block; line-height:60px; color:#000;} .left_nav ul li.select{/*background:#ef2346;*/ background:#253c97; border-left:1px solid #fff;} .left_nav ul li.select a{color:#fff; font-weight:600} @media screen and (max-width:560px){ .left_nav.tiny_mobile ul li a{ font-size:12px; letter-spacing:-2px; } } @media screen and (max-width:430px){ .left_nav{height:50px;} .left_nav ul {flex-wrap:wrap} .left_nav ul li a{font-size:14px; line-height:50px;} .long_nav ul li{flex:1 0 50%;margin-bottom:1px;} } /*.left_nav{position:relative;top:-45px;width:240px; float:left;} .left_nav .left_nav_title{width:200px;height:290px;background:url('/images/sub/sub_left.png')no-repeat;} .left_nav .left_nav_title p{color:#ffffff;font-size:24px; font-weight:350;line-height:38px;padding-top:110px;text-align:CENTER; width:100%; word-break:keep-all; word-wrap:break-word; } .left_nav ul{width:200px;border-bottom:1px solid #010101;} .left_nav ul li{position:relative;width:200px; height:50px;line-height:50px;border-bottom:1px solid #ECECEC;} .left_nav ul li small{position:absolute;top:0;right:19px;} .left_nav ul li.select{background:#009AE7;} .left_nav ul li.select a{color:#fff;} .left_nav ul li:hover{background:#009AE7;} .left_nav ul li:hover a{color:#fff;} .left_nav ul li a{font-size:16px; color:#000;padding-left:15px;display:block;}*/ /*sub����*/ .sub2_content_main{/*width:960px;float:right;*/ margin-bottom:50px;} .sub2_content_main .sub_main_title { position:relative; color:#000; font-size:30px; font-weight:600; border-bottom:1px solid #000; padding-bottom:30px; margin-bottom:50px;} .sub_main_title_btn { position:absolute; display:block; top:0; right:0; font-size:18px; color:#fff; font-weight:bold; border-radius:7px; padding:10px 20px; background:#666; text-align:center; z-index:9; } .sub_main_title2 {font-size:30px; color:#000; text-align:center; margin:105px 0 60px; } .sub_title{font-size:27px; color:#000; font-weight:500; margin-bottom:30px; text-align:center; padding-left:20px;} .sub_title span:before{position:absolute; content:""; width:10px; height:10px; background:#253c97; border-radius:50px; top:10px;} .sub_title span{position:relative; left:-20px} @media screen and (max-width:1200px){ .sub2_content{width:94%;} .left_nav ul{width:100%} } @media screen and (max-width:430px){ .sub_title{font-size:21px;} .sub_title span:before{width:8px; height:8px;top:8px;} .sub2_content_main .sub_main_title{font-size:24px;} } /********����1******/ .sub1_text1{color:#253c97;font-size:41px; font-weight:600; text-align:center; margin-bottom:30px;} .square{text-align:center;margin:20px 0;} .sub1_text2{ margin-bottom:50px; color:#222; text-align:center; font-weight:500} .sub1_text3{ font-size:20px; margin-bottom:20px; color:#222; text-align:center; font-weight:500} .info{max-width:848px; margin:0 auto;text-align:center;} .info li{display:inline-block;margin-right:10px;} .info li:last-child{margin-right:0;} .about_box{margin-top:100px} .about_box .infor_con {text-align:center} .about_box .infor_con ul{font-size:0;text-align:center;margin-bottom:40px;} .about_box .infor_con ul li{display:inline-block; padding:0 15px;} .about_box .infor_con > p{margin-bottom:40px;} .about_box ._box{width:80%; margin:0 auto; display:flex; align-items:flex-start; justify-content: space-between;} .about_box ._box .inner_box{flex:0 0 49%; background:#253c97; border:1px solid #ddd; height:200px; padding:30px; border-radius:10px;} .about_box ._box .inner_box h2{font-size:19px; color:#fff; font-weight:600; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:15px;} .about_box ._box .inner_box p{color:#fff} .about_box .infor_con {width:80%; margin:0 auto; } .about_box .infor_con1 ul {width:80%; margin:0 auto; } .about_box .infor_con1 ul li{background:#f3f9ff; border:1px solid #ddd; border-radius:10px;padding:30px; margin-bottom:15px;} .about_box .infor_con1 ul li p > b{font-size:19px; color:#253c97; font-weight:600; margin-bottom:15px; display:block;} .about_box .infor_con2 ul {width:80%; margin:0 auto;display:flex; align-items:flex-start; justify-content: space-between} .about_box .infor_con2 ul li{flex:0 0 49%; background:#f5f5f5; border:1px solid #ddd; padding:30px; border-radius:10px;} .about_box .infor_con3 ul {width:80%; margin:0 auto; font-size:0; } .about_box .infor_con3 ul li { display:inline-block; width:calc(50% - 2px - 10px + 5px); background:#f5f5f5; border:1px solid #ddd; padding:30px; border-radius:10px; vertical-align:top; margin-right:10px; margin-bottom:10px; } .about_box .infor_con3 ul li:nth-child(2n) { margin-right:0; } .about_box .infor_con3 ul li p { font-size:20px; } .about_box .infor_con3 ul li p b { font-size:22px; margin-right:5px; } .about_box .infor_con3 ul li span { margin-left:15px; } .about_box .infor_con3 ul li span i { font-size:12px; font-style:normal; color:#666; margin-right:5px; } @media screen and (max-width:768px){ .info{width:60%; font-size:0; text-align:center;} .info li{width:calc(100% / 2 - 10px); margin:5px !important;} .about_box ._box, .about_box .infor_con1 ul, .about_box .infor_con2 ul, .about_box .infor_con3 ul {width:100%;} .about_box .infor_con2 ul{display:block;} .about_box .infor_con2 ul li{flex:0 0 100%; margin-bottom:10px;} .about_box .infor_con3 ul{display:block;} .about_box .infor_con3 ul li{flex:0 0 100%; margin-bottom:10px;} } @media screen and (max-width:667px){ .info{width:70%;} .info li img{width:100%} .about_box ._box{ display:block;} .about_box ._box .inner_box{flex:0 0 100%; height:auto;} } @media screen and (max-width:430px){ .sub1_text1{font-size:31px;} .info{width:100%;} } /*************����2***********/ .sub2_title{color:#2674b4;font-size:26px; font-weight:bold;padding-top:50px;padding-bottom:35px;} .sub2_title img{margin-right:5px;} .sub2_tab{width:960px;} .sub2_tab li{position:relative;float:left;width:285px; height:49px;line-height:49px;padding-left:35px;} .sub2_tab li img{position:absolute;top:23px;right:33px;;} .sub2_tab li a{color:#fff;display:block;font-weight:400; font-size:15px;} .sub2_tab li:last-child{margin-bottom:50px;} .sub2_map{clear:both;text-align:center;margin-bottom:70px;} .sub2_table{width:100%} .sub2_table tr th{font-size:16px; font-weight:bold; } .sub2_table tr td{position:relative;height:260px;text-align:center;border-bottom:2px solid #29426F;} .sub2_table tr td:first-child{border-right:1px solid #E5E5E5;} .sub2_table tr td .sub2_icontext{padding-top:25px; font-weight:bold;} .sub2_table tr td .sub2_tdtext{color:#333333; font-size:16px; line-height:30px;font-weight:400;text-align:left;padding-left:25px;} .sub2_table tr td a:hover{color:#1c6eba; font-size:16px; text-decoration:underline} .sub2_insidetable tr td{border:0;height:0;border-right:0;text-align:left;padding-left:24px;color:#333333; font-size:16px; line-height:30px;font-weight:400;} .sub2_insidetable tr td:first-child{border-right:0;} .sub2_table td.td_tit{padding:0 20px;} @media screen and (max-width:768px){ .table-container{overflow-x: scroll;} .sub2_table{ overflow-x: scroll;} .sub2_table th, .sub2_table td{word-break: break-all !important; white-space: nowrap; } .sub2_icon img{width:50px} .sub2_table tr td .sub2_icontext{font-size:16px} } .tabs{width:100%; display:flex; flex-wrap:wrap;} .tabs li{position:relative; flex:1 0 30%; height:50px; padding-left:15px;} .tabs li:after{position:absolute; content:""; background:url(../../images/sub/tab_right.png); width:8px; height:9px; top:45%; right:20px;} .tabs li a{color:#fff;display:block; line-height:50px;} .tab_content area{cursor:pointer;} @media screen and (max-width:960px){ .tab_container img{width:100%;} } @media screen and (max-width:480px){ .tabs li a{font-size:14px;} .tabs li:after{right:15px;} } @media screen and (max-width:395px){ .tabs li{flex:1 0 50%; } } /*sub1_2*/ .sub1_2_1 h2{font-size:34px; font-weight:bold;color:#000; text-align:center;padding-top:50px;padding-bottom:40px;} .sub1_2_2{padding-top:145px;} .sub1_2_2 h2{font-size:30px; font-weight:bold; color:#000; text-align:center;padding-bottom:50px;} .sub1_2_2 h3{font-size:24px; color:#000; text-align:center;border-top:1px solid #DDDDDD;border-bottom:1px solid #DCDCDC;padding-top:25px;padding-bottom:23px;margin-bottom:60px;font-weight:normal;} .sub1_2_2 img{margin-bottom:50px;} /*sub1_3*/ .sub1_3_link{margin-top:70px;} .sub1_3_link li{float:left;position:relative;width:472px;height:146px;margin-bottom:11px;} .sub1_3_link li:last-child{padding-bottom:70px;} .sub1_3_link li:nth-child(2n-1){margin-right:12px;} .sub1_3_link .link_left{float:left;width:182px;height:146px; background:url('/image/sub/1/sub1_3_bg.jpg')no-repeat;border:1px solid #DDDDDD;} .sub1_3_link .link_left p{line-height:176px;text-align:center;} .sub1_3_link .link_right{float:left;width:287px; height:146px;border:1px solid #DDDDDD; border-left:0;} .sub1_3_link .link_right h3{ font-size:22px; color:#000; padding-left:24px;padding-top:30px; font-weight:normal;} .sub1_3_link .link_right .link_addr{font-size:16px; color:#000;padding-left:24px;padding-top:15px;letter-spacing:-1px;} .sub1_3_link .link_right .link_addr2{padding-left:24px;padding-top:15px;} .sub1_3_link .link_right .link_addr2 a{font-size:16px;color:#006bdf} /*sub1_3_1 �λ縻*/ .sub1_3_title{ line-height:40px; font-weight:bold;color:#282828;font-size:22px; text-align:center;padding-top:55px;padding-bottom:25px;} .sub1_3_title strong{color:#006bdf;} .sub1_3_img{margin-bottom:32px;} .sub1_3_left{width:467px;float:left;} .sub1_3_left p{font-size:16px; line-height:24px; letter-spacing:-0.7px;color:#282828;font-weight:300;} .sub1_3_left p strong{font-weight:500;} .sub1_3_right{width:470px;float:right;} .sub1_3_right p{font-size:16px; line-height:24px; letter-spacing:-0.7px;color:#282828;font-weight:300;} .sub1_3_right p strong{font-weight:500;} .sub1_3_sign{clear:both;float:right;font-size:16px; font-weight:400; letter-spacing:-0.5px;color:#282828;padding-bottom:130px;} .sub1_3_sign img{padding-left:10px;position:relative;top:5px;} /*sub1_4*/ .sub1_4_video{padding-bottom:32px; border-bottom:1px solid #DDDDDD;} .video_ul{margin-top:30px;} .video_ul li{float:left;width:300px; height:270px;margin-right:30px;text-align:center;margin-bottom:55px;} .video_ul li:nth-child(3n){margin-right:0;} .video_ul li .video_ul_img img{border:1px solid #dddddd;} .video_ul li .video_ul_title{font-weight:normal; color:#000; font-size:20px;letter-spacing:-0.5px;padding-top:20px;padding-bottom:12px;} .video_ul li .video_ul_cont{color:#646464; font-weight:normal;font-size:16px;} /*sub2_1*/ .tabbox{margin-top:40px;} .tab li{/*width:318px;*/width:calc(50% - 2px);height:52px; line-height:52px;float:left;font-size:16px; color:#000;letter-spacing:-0.5px;text-align:center;cursor:pointer;border:1px solid #ececec;} .tab li.selected{background:#28548F; color:#fff;} .tab li:hover{background:#28548F; color:#fff;} .sub2_content_main .tabtlist1{clear:both;padding-top:60px;} .sub2_content_main .tabtlist1 h2{text-align:center;font-size:30px; color:#000; font-weight:bold;letter-spacing:0.5px; padding-bottom:40px;} .sub2_tab1 h3{font-size:24px; color:#000;letter-spacing:0.5px;font-weight:normal;float:left; margin-bottom:30px; } .gold_class{float:right;color:#888888; font-size:14px; margin-top:15px;} .sub2_tabimg { clear:both; padding-top:20px; border-top:2px solid #000; background:#F5F5F5; } .chart_wrap {padding-bottom:50px; background:#F5F5F5; } .chart { width:100%; height:577px; } .rd_source { margin:25px 25px 0 0; font-size:14px; color:#8d8d8d; text-align:right; z-index:99; } /* Ȯ��� Ÿ���̹���*/ .magnet_target { position: relative; overflow: hidden; margin: 0 auto; } .magnet_photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform .5s ease-out; } .map_link { display:block; position:absolute; height:25px; /*background:rgba(255, 255, 255, 0.5);*/ z-index:9; } /* ����rnd��� */ .sub2_1 * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .sort_condition { position:relative; margin-top:40px; font-size:0; border-top:1px solid #ccc; } .sort_condition * { } .sort_condition{display:flex; flex-wrap:wrap} .sort_condition > li { position:relative; flex:1 0 20%; height:52px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:top; background:#f5f5f5; margin-right:-1px;} .sort_condition > li > a { display:block; width:100%; height:100%; line-height:52px; text-align:center; font-size:16px; color:#333; font-weight:500; } .sort_condition > li > a:hover, .sort_condition > li > a.current { border:3px solid #ff1c45; line-height:50px; color:#fff; font-weight:700; background:#ff1c45} .srt_cnd_2d_container { display:none; position:absolute; top:0%; left:0%; width:100%; padding:9px 11px; background:#f6f6f6; border:1px solid #ff1c45; z-index:9; } .srt_cnd_2d_container h3 { display:inline-block; font-size:14px; color:#979797; font-weight:700; line-height:20px; } .srt_cnd_2d_close { display:inline-block; float:right; padding:3px 6px; margin-bottom:7px; font-size:12px; color:#979797; font-weight:500; border-radius:5px; border:1px solid #C7C7C7; z-index:9; } .srt_cnd_2d_close:hover { background:#C7C7C7; color:#fff; } .srt_cnd_2d_container ol { clear:both; height:140px; border:1px solid #e7e7e7; background:#fff; padding:11px 10px; overflow-y:scroll; } .srt_cnd_2d_container ol li { position:relative; line-height:20px; } .srt_cnd_2d_container ol li label { display:inline-block; width:100%; padding-left:22px; font-size:13px; color:#333; font-weight:500; cursor:pointer; } .srt_cnd_2d_container ol li input[type=checkbox] { position:absolute; top:0; left:0; z-index:1; background:#ff1c45; vertical-align:top; } .srt_cnd_2d_container ol li:hover label { color:#ff1c45; } .srt_cnd_2d_container .nav_btn { margin-top:7px; font-size:0} .srt_cnd_2d_container .nav_btn > a{display:inline-block; } .srt_cnd_2d_container .srt_cnd_2d_all { width:calc(50% - 5px); padding:6px 0; font-size:12px; color:#fff; font-weight:500; text-align:center; border-radius:5px; background:#ff1c45; margin-right:10px; } .srt_cnd_2d_container .srt_cnd_2d_all:hover { color:#FFC228; } .srt_cnd_2d_container .srt_cnd_2d_release {width:calc(50% - 5px); padding:6px 0; font-size:12px; color:#979797; font-weight:500; text-align:center; border-radius:5px; border:1px solid #C7C7C7; } .srt_cnd_2d_container .srt_cnd_2d_release:hover { background:#C7C7C7; color:#fff; } @media screen and (max-width:768px){ .sort_condition > li { flex:1 0 25%;} .sort_condition > li > a{font-size:15px} } @media screen and (max-width:580px){ .sort_condition > li { flex:1 0 50%;} } .selected_condition { opacity:0; height:0; overflow:hidden; margin-top:20px; padding:0 0 0; border-top:1px solid #7d7d7d; background:#334362; font-size:0; } .sel_cnd_release_all { position:relative; display:inline-block; width:112px; height:39px; margin-left:17px; margin-right:44px; border-radius:19.5px; font-size:16px; color:#fff; font-weight:500; line-height:39px; text-align:center; text-indent:22px; background:#4f99e8 url('/image/sub/2/sel_cnd_release_all.png') no-repeat left 11px center; vertical-align:top; } .sel_cnd_release_all:before { content:""; position:absolute; top:3px; right:-26px; width:1px; height:35px; background:#5a6780; } .sel_cnd { display:inline-block; width:calc(100% - 173px); margin-top:8px; font-size:0; } .sel_cnd li { display:inline-block; padding:4px 11px; margin:0 12px 12px 0; border:1px solid #71b5f6; font-size:16px; color:#71b5f6; font-weight:500; } .sel_cnd_release { padding-left:11px; cursor:pointer; } .detail_condition { margin-top:20px; padding:27px 22px; border-top:1px solid #7d7d7d; border-bottom:1px solid #7d7d7d; background:#f5f7fa; font-size:0; } .det_cnd_period{display:flex; margin-bottom:15px; align-items:center} .det_cnd_period div.tit{width:150px; flex-shrink:0;} .det_cnd_period div.icon{width:50px; flex-shrink:0;text-align:center;} .det_cnd_period div.input_{flex-grow:1} .det_cnd_prd_title { display:inline-block; margin-right:16px; color:#333; font-weight:500; margin-top:11px;} .det_cnd_prd_input { width:130px; height:50px; border:1px solid #ccc; color:#333; font-weight:500; text-align:center; } .det_cnd_prd_swung { font-size:16px; color:#333; font-weight:500;} .det_cnd_cost {display:flex; margin-bottom:15px; align-items:center} .det_cnd_cost div.tit{width:150px; flex-shrink:0;} .det_cnd_cost div.icon{width:50px; flex-shrink:0;text-align:center;} .det_cnd_cost div.input_{flex-grow:1} .det_cnd_cst_title { display:inline-block; margin-right:16px; color:#333; font-weight:500; margin-top:11px;} .det_cnd_cst_input { width:132px; height:50px; border:1px solid #ccc; color:#333; font-weight:500; padding-right:10px;text-align:right; } .det_cnd_cost input:last-child { } .det_cnd_cst_swung { font-size:16px; color:#333; font-weight:500;} .det_cnd_search{display:flex; } .det_cnd_search div.select_{width:300px; flex-shrink:0; margin-right:5px; } .det_cnd_search div.input_{flex-grow:1} .det_cnd_search div.btn{width:100px; flex-shrink:0;background:#ff1c45; text-align:center} .det_cnd_search_category {height:50px; border:1px solid #ccc; color:#333; font-weight:500; text-indent:10px; vertical-align:top;} .det_cnd_search_input {height:50px; border:1px solid #ccc; color:#333; font-weight:500; text-indent:37px; vertical-align:top; background:#fff url('/image/sub/2/det_cnd_search.png') no-repeat left 20px center; } .det_cnd_search_button { height:50px; color:#fff; font-weight:500; text-align:center; border:0; cursor:pointer; } @media screen and (max-width:640px){ .det_cnd_cost, .det_cnd_period, .det_cnd_search{flex-wrap:wrap} .det_cnd_cost div.tit, .det_cnd_period div.tit{width:80px;} .det_cnd_search div.select_{width:200px;} } @media screen and (max-width:540px){ .det_cnd_cost div.tit, .det_cnd_period div.tit{width:100%;} .det_cnd_cost div.input_, .det_cnd_period div.input_{width:100px} .det_cnd_cost div.icon, .det_cnd_period div.icon{width:40px} .det_cnd_cost div.icon img, .det_cnd_period div.icon img{width:20px} .det_cnd_search div.select_{width:100%; margin-bottom:5px;} } @media screen and (max-width:395px){ .det_cnd_cost div.input_, .det_cnd_period div.input_{width:50%; margin-bottom:5px;} .det_cnd_search div.select_, .det_cnd_search div.btn{width:100%;} .det_cnd_search div.btn{margin-top:5px;} } .result_view { position:relative; margin-top:62px; /*overflow-x:scroll;*/ } .result_view > h1 { padding-bottom:24px; font-size:30px; color:#333; font-weight:700; border-bottom:1px solid #d2d2d2; } .result_view:last-child { margin-bottom:100px; } .result_content { margin-top:42px; } #result_graph { /*height:450px;*/ } .result_table .result_content { /*overflow-x:scroll; border:10px solid #f5f5f5;*/ } .result_table table { width:calc(100% - 14px - 40px); margin:10px 10px; } .result_table table thead th { width:1%; white-space:nowrap; padding:6px 20px; font-size:14px; color:#0a0a0a; font-weight:700; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; letter-spacing:0; } .result_table table tbody td { width:1%; white-space:nowrap; padding:6px 20px; font-size:14px; color:#0a0a0a; font-weight:400; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; letter-spacing:0; } .result_table table tbody tr { /*cursor:pointer;*/ } .result_table table tbody tr.bg0 { background:#fff; } .result_table table tbody tr.bg1 { background:#e0eaf3; } .result_table table tbody tr.bg2 { background:#88a6b4 !important; } /*.result_table table tbody tr:hover { background:#88a6b4 !important; cursor:pointer; }*/ .result_table table thead th:last-child, .result_table table tbody td:last-child { border-right:0; } .paging { padding:0 0 10px 10px; background:#f5f5f5; } .paging a { display:inline-block; margin-right:5px; padding:5px; border-radius:5px; border:1px solid #C7C7C7; font-size:12px; color:#979797; font-weight:500; cursor:not-allowed; } .paging a[href] { cursor:pointer; } .paging span { display:inline-block; margin-right:5px; padding:5px 0; font-size:12px; color:#979797; font-weight:500; cursor:default; } .paging a:last-child { margin-right:0; } .paging a[href]:hover, .paging a.pg_current { color:#fff; background:#c7c7c7; } /*sub2_2*/ .tab2 li{width:104px;height:52px; line-height:52px;float:left;font-size:16px; color:#000;letter-spacing:-0.5px;text-align:center;cursor:pointer;border:1px solid #ececec;margin-bottom:10px;} .tab2 li.selected{background:#28548F; color:#fff;} .tab2 li:hover{background:#28548F; color:#fff;} .sub2_tab2 { margin-top:80px; } .sub2_tab2 h3{font-size:24px; color:#000;letter-spacing:0.5px;font-weight:normal;float:left;} .sub2_tab2 .gold_class{float:right;color:#888888; font-size:14px; padding-top:15px;padding-bottom:25px;} .sub2_tab2 table{clear:both;border-top:2px solid #000;margin-bottom:50px;} .sub2_tab2 table th{height:55px;background:#F5F5F5;border:1px solid #E4E4E4; font-weight:bold;font-size:16px;} .sub2_tab2 table td{height:55px;border:1px solid #E4E4E4;text-align:center; font-weight:normal;font-size:14px;} .rnd_type{display:flex;} .rnd_type li{flex:1 0 25%; line-height:50px; background:#fff; border:1px solid #dddddd;cursor:pointer; padding:0 15px; font-family: 'Spoqa Han Sans'; margin-right:-1px;} .rnd_type li.current{background:#253c97; color:#fff;} .rnd_type li:hover{background:#253c97; color:#fff;} .rnd_type li.current a, .rnd_type li:hover a { color:#fff;} .rnd_type li a { display:inline-block; width:100%; height:100%; line-height:50px; text-align:center; } .sub2_content_main .tabtlist2{clear:both;} .sub2_content_main .tabtlist2 h2{text-align:center;font-size:30px; color:#000; font-weight:bold;letter-spacing:0.5px; padding-bottom:20px;} .sub2_content_main .sub2_2_title_bar{width:53px;margin:0 auto; height:4px; background:#000;text-align:center;} .sub2_content_main .sub2_2_img{ position:relative; margin-top:50px; border:3px solid #F0F3F7; background:#FAFBFB; padding:25px 25px 50px; text-align:center; } .rnd_status h4 { color:#000; font-weight:400; text-align:left; } .rnd_status .rs_caption { position:absolute; top:25px; right:25px; font-size:14px; color:#8d8d8d; } .rnd_status .rs_mark { position:absolute; top:50px; right:25px; font-size:0; } .rnd_status .rs_mark dt { display:inline-block; width:15px; height:15px; border-radius:15px; font-size:0; text-indent:-99999px; vertical-align:top; margin-right:10px; } .rnd_status .rs_mark dd { display:inline-block; font-size:12px; color:#666; line-height:100%; vertical-align:top; margin-right:15px; } .rnd_status .rs_mark .yellow { background:#FFC229; } .rnd_status .rs_mark .blue { background:#016BE3; } .rnd_status .rs_mark .navy { background:#002D78; } .rnd_status h5 { display:inline-block; margin-top:40px; padding:15px 40px; border:3px solid #005891; font-size:24px; color:#666; } .rnd_status h5 strong { margin-left:15px; font-size:33px; color:#ffc229; } .rnd_status .chart_wrap { padding-bottom:10px; background:#FBFBFB; margin-top:40px; } .rnd_status .chart { height:100px; } .rnd_status .rs_source { position:absolute; bottom:30px; right:25px; font-size:14px; color:#8d8d8d; text-align:right; } .result_table_excel { font-size:16px; line-height:45px; color:#fff; display:block; padding:0 25px; height:45px; border:1px solid #eee; text-align:center; background:#222; float:right; } .result_table_excel:hover { opacity:0.7; } .result_table_excel img { margin-left:10px; filter:brightness(0) invert(1); } @media screen and (max-width:540px){ .result_table caption { text-align:left; } .result_table_excel { margin-top:20px; float:none; } } /*sub2_3*/ .sub_tab{display:flex;} .sub_tab li{flex:1 0 25%; line-height:50px; background:#fff; border:1px solid #dddddd;cursor:pointer; padding:0 15px; font-family: 'Spoqa Han Sans'; margin-right:-1px;} .sub_tab li.selected{background:#222; color:#fff;} .sub_tab li:hover{background:#222; color:#fff;} .sub_tab li b{float:right;} .sub_tab.second_floor { margin-top:10px; } .sub_tab.second_floor li { line-height:25px; } .sub_tab.second_floor li b { display:inline-block; margin-top:-13px; } .sub_list h2{padding-top:105px;margin-bottom:20px;} .sub_list h3{font-size:24px; color:#000;letter-spacing:0.5px;font-weight:normal;float:left;} .sub_list .gold_class{float:right;color:#888888; font-size:14px; padding-top:15px;margin-bottom:20px;} @media screen and (max-width:540px){ .sub_tab{flex-wrap:wrap} .sub_tab li{flex:1 0 50%; margin-top:-1px} } /*sub5_1*/ .sub_section_title{font-size:30px; color:#000;font-weight:500;letter-spacing:-0.5px;margin-top:55px; } .sub_section_subtitle { margin-top:30px; font-size:40px; color:#29426f; font-weight:700; } .sub_section_caption { margin-top:25px; font-size:16px; color:#aeadad; line-height:18px; } .map_cluster .sub_section_caption { margin-top:35px; } .sub_section_subtitle .bullet, .sub_section_caption .bullet { margin-right:13px; vertical-align:middle; } .map_name{color:#29426f; font-size:40px; font-weight:bold;} .map_name img{margin-right:10px;} .sub5_box{min-height:57px;margin-top:60px;border-bottom:1px solid #DEDEDE;} .sub5_box p{float:left;} .sub5_box .box1{display:inline-block; width:192px; height:57px;margin-right:2px;border:1px solid #ddd; background:#fff; color:#404040; font-size:16px; font-weight:600; line-height:57px;text-align:center; float:left; } .sub5_box .box1:hover, .sub5_box .box1.current { background:#253c97; color:#fff; } .sub5_box .box1:last-child { margin-right:0; } .sub5_box .box2{display:inline-block; width:335px; height:45px;margin-right:;border:1px solid #eee;text-align:center;background:#EDEDED; float:right; } .sub5_box .box2 a{font-size:16px; line-height:45px; color:#f46000;letter-spacing:-0.3px;display:block;} .sub5_box .box2 img{margin-left:10px;} .sub5_box .box3{width:134px; height:45px;float:right;border:1px solid #eee;line-height:45px;text-align:center;background:#F46000;} .sub5_box .box3 a{color:#fff;font-size:14px; letter-spacing:-0.3px;display:block;} @media screen and (max-width:800px){ .sub5_box .box1 { float:none; width:calc(50% - 2px - 2px); } .sub5_box .box2 { float:none; width:100%; margin-top:10px; } } .sub_map_dfn { position:relative; margin-top:30px; font-size:14px; color:#2a2a3a; text-align:right; } .map_cluster .sub_map_dfn { position:absolute; top:240px; right:0; font-size:14px; color:#2a2a3a; text-align:right; } .sub_region_map { position:relative; margin-top:20px; border:1px solid #ddd; width:100%; height:670px; } .map_cluster .sub_region_map { margin-bottom:100px; } .map_left { position:absolute; top:43px; left:135px; width:351px; height:586px; } .map_left a { display:block; position:absolute; z-index:9; width:78px; height:41px; text-indent:-99999px; font-size:0; } .map_lab .map_left a:hover:after { content:""; position:absolute; top:6px; right:-17px; width:23px; height:27px; background:url("/image/sub/map/map_arrow_blue.png") no-repeat; } .map_cluster .map_left a:hover:after { content:""; position:absolute; top:6px; right:-17px; width:23px; height:27px; background:url("/image/sub/map/map_arrow_orange.png") no-repeat; } .map_left .gg { background:url("/image/sub/map/gg.png") no-repeat; left:79px; top:68px; } .map_left .ic { background:url("/image/sub/map/ic.png") no-repeat; left:7px; top:115px; } .map_left .su { background:url("/image/sub/map/su.png") no-repeat; left:94px; top:123px; } .map_left .gw { background:url("/image/sub/map/gw.png") no-repeat; left:210px; top:88px; } .map_left .cn { background:url("/image/sub/map/cn.png") no-repeat; left:1px; top:223px; } .map_left .sj { background:url("/image/sub/map/sj.png") no-repeat; left:106px; top:205px; } .map_left .cb { background:url("/image/sub/map/cb.png") no-repeat; left:182px; top:241px; } .map_left .gb { background:url("/image/sub/map/gb.png") no-repeat; left:262px; top:210px; } .map_left .jb { background:url("/image/sub/map/jb.png") no-repeat; left:37px; top:303px; } .map_left .dj { background:url("/image/sub/map/dj.png") no-repeat; left:126px; top:303px; } .map_left .dg { background:url("/image/sub/map/dg.png") no-repeat; left:225px; top:303px; } .map_left .us { background:url("/image/sub/map/us.png") no-repeat; left:310px; top:330px; } .map_left .gj { background:url("/image/sub/map/gj.png") no-repeat; left:47px; top:395px; } .map_left .gn { background:url("/image/sub/map/gn.png") no-repeat; left:165px; top:405px; } .map_left .bs { background:url("/image/sub/map/bs.png") no-repeat; left:260px; top:395px; } .map_left .jn { background:url("/image/sub/map/jn.png") no-repeat; left:0px; top:480px; } .map_left .jj { background:url("/image/sub/map/jj.png") no-repeat; left:57px; top:555px; } .map_left .gg:hover { background:url("/image/sub/map/gg1.png") no-repeat; } .map_left .ic:hover { background:url("/image/sub/map/ic1.png") no-repeat; } .map_left .su:hover { background:url("/image/sub/map/su1.png") no-repeat; } .map_left .gw:hover { background:url("/image/sub/map/gw1.png") no-repeat; } .map_left .cn:hover { background:url("/image/sub/map/cn1.png") no-repeat; } .map_left .sj:hover { background:url("/image/sub/map/sj1.png") no-repeat; } .map_left .cb:hover { background:url("/image/sub/map/cb1.png") no-repeat; } .map_left .gb:hover { background:url("/image/sub/map/gb1.png") no-repeat; } .map_left .jb:hover { background:url("/image/sub/map/jb1.png") no-repeat; } .map_left .dj:hover { background:url("/image/sub/map/dj1.png") no-repeat; } .map_left .dg:hover { background:url("/image/sub/map/dg1.png") no-repeat; } .map_left .us:hover { background:url("/image/sub/map/us1.png") no-repeat; } .map_left .gj:hover { background:url("/image/sub/map/gj1.png") no-repeat; } .map_left .gn:hover { background:url("/image/sub/map/gn1.png") no-repeat; } .map_left .bs:hover { background:url("/image/sub/map/bs1.png") no-repeat; } .map_left .jn:hover { background:url("/image/sub/map/jn1.png") no-repeat; } .map_left .jj:hover { background:url("/image/sub/map/jj1.png") no-repeat; } .map_cluster .map_left .gg:hover { background:url("/image/sub/map/gg2.png") no-repeat; } .map_cluster .map_left .ic:hover { background:url("/image/sub/map/ic2.png") no-repeat; } .map_cluster .map_left .su:hover { background:url("/image/sub/map/su2.png") no-repeat; } .map_cluster .map_left .gw:hover { background:url("/image/sub/map/gw2.png") no-repeat; } .map_cluster .map_left .cn:hover { background:url("/image/sub/map/cn2.png") no-repeat; } .map_cluster .map_left .sj:hover { background:url("/image/sub/map/sj2.png") no-repeat; } .map_cluster .map_left .cb:hover { background:url("/image/sub/map/cb2.png") no-repeat; } .map_cluster .map_left .gb:hover { background:url("/image/sub/map/gb2.png") no-repeat; } .map_cluster .map_left .jb:hover { background:url("/image/sub/map/jb2.png") no-repeat; } .map_cluster .map_left .dj:hover { background:url("/image/sub/map/dj2.png") no-repeat; } .map_cluster .map_left .dg:hover { background:url("/image/sub/map/dg2.png") no-repeat; } .map_cluster .map_left .us:hover { background:url("/image/sub/map/us2.png") no-repeat; } .map_cluster .map_left .gj:hover { background:url("/image/sub/map/gj2.png") no-repeat; } .map_cluster .map_left .gn:hover { background:url("/image/sub/map/gn2.png") no-repeat; } .map_cluster .map_left .bs:hover { background:url("/image/sub/map/bs2.png") no-repeat; } .map_cluster .map_left .jn:hover { background:url("/image/sub/map/jn2.png") no-repeat; } .map_cluster .map_left .jj:hover { background:url("/image/sub/map/jj2.png") no-repeat; } .map_right { position:absolute; top:32px; right:72px; width:305px; border:1px solid #A2A2A2; } .map_right dt.map_facility { height:61px; line-height:92px; background:#F4F4F4; } .map_right dt { height:40px; line-height:40px; color:#fff; font-weight:700; text-align:center; background:#969696; } .map_right dd { height:68px; line-height:68px; font-size:20px; color:#666; font-weight:400; text-align:center; background:#fff; } .map_right dd strong { font-size:40px; color:#192c4f; font-weight:700; margin-right:7px; } /* .map_cluster .map_right { position:absolute; top:112px; right:72px; width:305px; height:466px; border:1px solid #A2A2A2; } .map_cluster .map_right dd strong { color:#f46000; } */ .sub_region_data { width:100%; border-top:2px solid #000; margin:61px 0 100px; font-size:14px; color:#000; font-weight:700; text-align:center; } .sub_region_data th, .sub_region_data td { border-right:1px solid #E5E5E5; } .sub_region_data th:last-child, .sub_region_data td:last-child { border-right:none; } .sub_region_data_col_1 { width:110px; } .sub_region_data_col_2 { width:18%; } .sub_region_data_col_3 { width:18%; } .sub_region_data_col_4 { width:18%; } .sub_region_data_col_5 { width:18%; } .sub_region_data_col_6 { width:18%; } .sub_region_data thead td { height:50px; border-bottom:1px solid #E5E5E5; background:#F7F8F9; } .sub_region_data tbody th { height:47px; border-bottom:1px solid #E5E5E5; background:#F7F8F9; } .sub_region_data tbody td { height:47px; border-bottom:1px solid #E5E5E5; background:#fff; } /*map_gw*/ .sub_province_map { position:relative; margin-top:65px; } .minimap { position:absolute; top:0; right:0; z-index:9; } .prov_map { opacity:0; padding-top:160px; padding-left:80px; } .prov_map_pointer { display:none; position:absolute; top:190px; left:20px; z-index:9;} /*map_su*/ .sub_province_map_su { position:relative; margin-top:65px; } .sub_province_map_su .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_su .prov_map { opacity:0; padding-top:190px; padding-left:12px; } .sub_province_map_su .prov_map_pointer { display:none; position:absolute; top:6px; left:0px; z-index:9;} /*map_cb*/ .sub_province_map_cb { position:relative; margin-top:65px; } .sub_province_map_cb .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_cb .prov_map { opacity:0; padding-top:190px; padding-left:14px; } .sub_province_map_cb .prov_map_pointer { display:none; position:absolute; top:60px; left:0px; z-index:9;} /*map_cn*/ .sub_province_map_cn { position:relative; margin-top:65px; } .sub_province_map_cn .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_cn .prov_map { opacity:0; padding-top:190px; padding-left:12px; } .sub_province_map_cn .prov_map_pointer { display:none; position:absolute; top:90px; left:9px; z-index:9;} /*map_jj*/ .sub_province_map_jj { position:relative; margin-top:65px; } .sub_province_map_jj .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_jj .prov_map { opacity:0; padding-top:190px; padding-left:0px; } .sub_province_map_jj .prov_map_pointer { display:none; position:absolute; top:-8px; left:77px; z-index:9;} /*map_sj*/ .sub_province_map_sj { position:relative; margin-top:65px; } .sub_province_map_sj .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_sj .prov_map { opacity:0; padding-top:160px; padding-left:80px; } .sub_province_map_sj .prov_map_pointer { display:none; position:absolute; top:212px; left:40px; z-index:9;} /*map_us*/ .sub_province_map_us { position:relative; margin-top:65px; } .sub_province_map_us .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_us .prov_map { opacity:0; padding-top:160px; padding-left:80px; } .sub_province_map_us .prov_map_pointer { display:none; position:absolute; top:76px; left:300px; z-index:9;} /*map_ic*/ .sub_province_map_ic { position:relative; margin-top:65px; } .sub_province_map_ic .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_ic .prov_map { opacity:0; padding-top:0px; padding-left:0px; } .sub_province_map_ic .prov_map_pointer { display:none; position:absolute; top:433px; left:350px; z-index:9;} /*map_jn*/ .sub_province_map_jn { position:relative; margin-top:65px; } .sub_province_map_jn .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_jn .prov_map { opacity:0; padding-bottom:0px; padding-left:30px; } .sub_province_map_jn .prov_map_pointer { display:none; position:absolute; top:70px; left:-10px; z-index:9;} /*map_jb*/ .sub_province_map_jb { position:relative; margin-top:65px; } .sub_province_map_jb .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_jb .prov_map { opacity:0; padding-bottom:0px; padding-left:75px; } .sub_province_map_jb .prov_map_pointer { display:none; position:absolute; top:59px; left:-5px; z-index:9;} /*map_bs*/ .sub_province_map_bs { position:relative; margin-top:65px; } .sub_province_map_bs .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_bs .prov_map { opacity:0; padding-top:150px; padding-left:85px; } .sub_province_map_bs .prov_map_pointer { display:none; position:absolute; top:44px; left:-5px; z-index:9;} /*map_gg*/ .sub_province_map_gg { position:relative; margin-top:65px; } .sub_province_map_gg .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_gg .prov_map { opacity:0; padding-bottom:0px; padding-left:75px; } .sub_province_map_gg .prov_map_pointer { display:none; position:absolute; top:208px; left:42px; z-index:9;} /*map_gn*/ .sub_province_map_gn { position:relative; margin-top:65px; } .sub_province_map_gn .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_gn .prov_map { opacity:0; padding-bottom:0px; padding-left:75px; } .sub_province_map_gn .prov_map_pointer { display:none; position:absolute; top:95px; left:116px; z-index:9;} /*map_gb*/ .sub_province_map_gb { position:relative; margin-top:65px; } .sub_province_map_gb .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_gb .prov_map { opacity:0; padding-top:0px; padding-left:0px; } .sub_province_map_gb .prov_map_pointer { display:none; position:absolute; top:96px; left:35px; z-index:9;} /*map_gj*/ .sub_province_map_gj { position:relative; margin-top:65px; } .sub_province_map_gj .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_gj .prov_map { opacity:0; padding-top:0px; padding-left:0px; } .sub_province_map_gj .prov_map_pointer { display:none; position:absolute; top:63px; left:152px; z-index:9;} /*map_dg*/ .sub_province_map_dg { position:relative; margin-top:65px; } .sub_province_map_dg .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_dg .prov_map { opacity:0; padding-top:0px; padding-left:50px; } .sub_province_map_dg .prov_map_pointer { display:none; position:absolute; top:181px; left:27px; z-index:9;} /*map_dj*/ .sub_province_map_dj { position:relative; margin-top:65px; } .sub_province_map_dj .minimap { position:absolute; top:0; right:0; z-index:9; } .sub_province_map_dj .prov_map { opacity:0; padding-top:0px; padding-left:50px; } .sub_province_map_dj .prov_map_pointer { display:none; position:absolute; top:118px; left:-39px; z-index:9;} .sub_province_data { width:100%; margin-bottom:100px; text-align:center; } .sub_province_data h1 { font-size:30px; color:#000; font-weight:400; } .sub_province_data h1 a { font-size:30px; color:#000; font-weight:400; } .sub_province_data table { width:100%; margin-top:20px; border-top:2px solid #29426F; } .sub_province_data_col_1 { width:20%; border-right:1px solid #E5E5E5; } .sub_province_data_col_2 { width:80%; } .sub_province_data thead td { height:70px; border-bottom:1px solid #E5E5E5; background:#F7F8F9; font-size:16px; color:#000; font-weight:700; text-align:center; } .sub_province_data tbody th { padding:60px 0; border-bottom:2px solid #29426F; text-align:center; font-size:18px; color:#666; line-height:40px; font-weight:500; } .sub_province_data tbody th img { width:100%; max-width:70px; } .sub_province_data tbody td { padding:60px 0; border-bottom:2px solid #29426F; } .sub_province_data tbody td h1 { display:none; margin-bottom:20px; } .sub_province_data tbody td div { display:inline-block; margin-left:5%; font-size:16px; color:#666; font-weight:400; line-height:30px; vertical-align:top; letter-spacing:-0.5px; text-align:left; } .sub_city_data_table_x2 tbody td a { font-size:16px; color:#666; font-weight:400; line-height:40px; vertical-align:top; } .sub_city_data_table_x2 tbody td a:hover { color:#253c97; } @media screen and (max-width:480px){ .sub_province_data_col_1 { width:0; border-right:0; } .sub_province_data_col_2 { width:100%; } .sub_province_data thead td:first-child { font-size:0; } .sub_province_data tbody th img { display:none; width:0; max-width:0; } .sub_province_data tbody td h1 { display:block; } .sub_province_data tbody td div { margin-left:0; } } .sub_city_map { border:1px solid #DEDEDE; } .sub_city_map figure { border:26px solid #FAFAFA; padding:20px; } .sub_city_map figure img { width:100%; } @media screen and (max-width:800px){ .sub_city_map { margin-top:20px; } } .sub_city_data { width:100%; margin-bottom:100px; text-align:center; } .sub_city_data h1 { font-size:30px; color:#000; font-weight:400; } .sub_city_data table { width:100%; margin-top:50px; border-top:2px solid #29426F; } .sub_city_data table th, .sub_city_data table td { border-right:1px solid #E5E5E5; } .sub_city_data table th:last-child, .sub_city_data table td:last-child { border-right:none; } .sub_city_data_table_x3 .sub_city_data_col_1 { width:289px; } .sub_city_data_table_x3 .sub_city_data_col_2 { width:359px; } .sub_city_data_table_x3 .sub_city_data_col_3 { width:310px; } .sub_city_data_table_x4 .sub_city_data_col_1 { width:207px; } .sub_city_data_table_x4 .sub_city_data_col_2 { width:250px; } .sub_city_data_table_x4 .sub_city_data_col_3 { width:250px; } .sub_city_data_table_x4 .sub_city_data_col_4 { width:250px; } .sub_city_data_table_x5 .sub_city_data_col_1 { width:20%; } .sub_city_data_table_x5 .sub_city_data_col_2 { width:20%; } .sub_city_data_table_x5 .sub_city_data_col_3 { width:20%; } .sub_city_data_table_x5 .sub_city_data_col_4 { width:20%; } .sub_city_data_table_x5 .sub_city_data_col_5 { width:20%; } .sub_city_data_table_x7 .sub_city_data_col_1 { width:136px; } .sub_city_data_table_x7 .sub_city_data_col_2 { width:136px; } .sub_city_data_table_x7 .sub_city_data_col_3 { width:136px; } .sub_city_data_table_x7 .sub_city_data_col_4 { width:136px; } .sub_city_data_table_x7 .sub_city_data_col_5 { width:136px; } .sub_city_data_table_x7 .sub_city_data_col_6 { width:136px; } .sub_city_data_table_x7 .sub_city_data_col_7 { width:136px; } .sub_city_data thead th { height:70px; border-bottom:1px solid #E5E5E5; background:#F7F8F9; font-size:16px; color:#000; font-weight:700; } .sub_city_data tbody td { height:70px; border-bottom:1px solid #E5E5E5; } .sub_city_data .text { margin-top:50px; padding:40px 30px; border:1px solid #DEDEDE; font-size:16px; color:#000; font-weight:400; line-height:32px; } .no_image { height:165px; } /* footer{clear:both;width:100%;height:103px;;margin:0 auto;background:#414141;} .foot_wrap{clear:both;width:1200px; margin:0 auto;} .foot_wrap .f_logo{float:left;margin-top:30px;margin-right:35px;} .foot_wrap .address{float:left;width:400px;font-size:14px; color:#616161; line-height:24px;margin-top:35px;margin-right:28px;} .foot_wrap .address2{float:left;font-size:14px; color:#616161; line-height:24px;margin-top:35px;} .foot_wrap .address2 img{margin-right:7px;position:relative;top:3px;} */ .board { min-height:500px; } /*ȸ�����*/ .service_form1{clear:both;} .sub2_content_main .step{padding-left:1px;padding-top:25px;padding-bottom:93px;} .service_form{float:left;font-size:24px; letter-spacing:-0.5px; color:#000;font-weight:500; margin-bottom:20px; } .service_agree{position:relative;top:10px;float:right;font-size:15px; color:#666666; font-weight:500;padding-bottom:15px;} .service_agree img{position:relative;top:10px;margin-right:3px;} .service_form1{border:1px solid #DDDDDD;padding-bottom:30px;margin-bottom:50px; padding:24px 30px 24px 0; height:400px; overflow-y:scroll; } .service_form1 .s_form_title1{padding-top:24px; padding-left:10px;} .service_form1 .s_form_title1 img{margin-right:10px;} .service_form1 p{padding-left:30px;} .service_form1 pre { word-wrap:break-word; overflow-wrap:break-word; white-space:pre-line; overflow-x:hidden; } .service_form1 .s_form_title2{font-size:16px; color:#000; letter-spacing:-0.5px;font-weight:500;padding-top:30px;padding-bottom:15px;} .service_form1 .form_cont{font-size:16px; color:#666; letter-spacing:-0.8px;font-weight:400;line-height:30px; word-break:keep-all;} .all_agree{position:relative;font-size:16px; color:#666; text-align:center;} .all_agree img{position:relative;top:10px;} .agree_bar{width:100%; height:1px;background:#000;margin:35px 0 40px 0;} .agree_submit input{width:114px;height:54px; margin:0 auto; text-align:center;background:#006BDF;line-height:54px;border:1px solid #4F4F4F;margin-bottom:120px; padding:0; font-size:16px; color:#fff;display:block;} .agree_submit a{font-size:16px; color:#fff;display:block;} .sub2_content_main .step3{padding-left:1px;padding-top:25px;padding-bottom:0px;} .sub2_content_main .complete_title{width:100%; text-align:center;font-size:30px; color:#000;padding-top:86px;padding-bottom:35px;} .sub2_content_main .complete_title strong{color:#ff7200;} .sub2_content_main .complete_title img{margin-right:8px;} .sub2_content_main .complete_cont{width:100%; text-align:center; color:#000;line-height:30px; } .sub2_content_main .complete_cont b{color:#006bdf; font-weight:normal;} .sub2_content_main .complete_cont_bar{width:100%; height:1px; background:#000;margin:65px 0 40px 0;} .com_submit{width:100%; margin:0 auto; text-align:center;} .com_submit1{width:114px;height:54px; margin:0 auto; text-align:center;background:#192C4F;line-height:54px;border:1px solid #4F4F4F;margin-bottom:120px;display:inline-block;margin-right:5px;} .com_submit1 a{font-size:16px; color:#fff;display:block;} .com_submit2{width:114px;height:54px; margin:0 auto; text-align:center;background:#006BDF;line-height:54px;border:1px solid #4F4F4F;margin-bottom:120px;display:inline-block;} .com_submit2 a{font-size:16px; color:#fff;display:block;} .lost_title1{font-size:30px; font-weight:bold;color:#000;text-align:center;padding:105px 0 15px 0;} .lost_title2{font-size:16px; font-weight:normal;color:#000;text-align:center;padding-bottom:65px;} .id_lost{width:100%;} .id_lost h4{font-size:22px; font-weight:500; color:#000;padding-left:4px;} .id_lost h4 img{position:relative;top:-3px;margin-right:10px;} .id_lost table{border:1px solid #ddd;border-top:1px solid #ddd;margin-top:15px;} .id_lost table tr th{width:144px; height:88px;background:#F4F4F4; color:#000;text-align:left;font-weight:500;padding-left:30px;border:1px solid #ddd} .id_lost table tr td{width:784px; height:88px;border:1px solid #ddd} .id_lost table tr td .lost_input1{width:430px; height:54px; border:1px solid #ddd;margin-left:16px;text-indent:16px;} .id_lost table tr td{color:#ddd;} .id_lost table tr td .lost_input2{width:124px; height:54px;border:1px solid #ddd;} .id_lost table tr td b{margin:0 8px 0 7px;} .id_lost_submit{width:100%; margin:0 auto; text-align:center;margin-top:13px;} .id_submit1{width:114px;height:54px; margin:0 auto; text-align:center;background:#006BDF;line-height:54px;border:1px solid #4F4F4F;margin-bottom:60px;display:inline-block;margin-right:5px;} .id_submit1 a{font-size:16px; color:#fff;display:block;} .id_submit2{width:114px;height:54px; margin:0 auto; text-align:center;background:#192C4F;line-height:54px;border:1px solid #4F4F4F;margin-bottom:60px;display:inline-block;} .id_submit2 a{font-size:16px; color:#fff;display:block;} .pw_lost{width:100%;} .pw_lost h4{font-size:22px; font-weight:500; color:#000;padding-left:4px;} .pw_lost h4 img{position:relative;top:-3px;margin-right:10px;} .pw_lost table{border:1px solid #ddd;border-top:1px solid #ddd;margin-top:15px;} .pw_lost table tr th{width:144px; height:88px;background:#F4F4F4; color:#000;text-align:left;font-weight:500;padding-left:30px;border:1px solid #ddd} .pw_lost table tr td{width:784px; height:88px;border:1px solid #ddd} .pw_lost table tr td .lost_input1{width:430px; height:54px; border:1px solid #ddd;margin-left:16px;text-indent:16px;} .pw_lost table tr td{color:#ddd;} .pw_lost table tr td .lost_input2{width:124px; height:54px;border:1px solid #ddd;} .pw_lost table tr td b{margin:0 8px 0 7px;} .pw_lost_submit{width:100%; margin:0 auto; text-align:center;margin-top:13px;} .pw_submit1{width:114px;height:54px; margin:0 auto; text-align:center;background:#006BDF;line-height:54px;border:1px solid #4F4F4F;margin-bottom:60px;display:inline-block;margin-right:5px;} .pw_submit1 a{font-size:16px; color:#fff;display:block;} .pw_submit2{width:114px;height:54px; margin:0 auto; text-align:center;background:#192C4F;line-height:54px;border:1px solid #4F4F4F;margin-bottom:60px;display:inline-block;} .pw_submit2 a{font-size:16px; color:#fff;display:block;} /*win*/ .win_box{padding:15px} .win_box h2{font-size:16px; color:#222; font-weight:400; margin-bottom:15px} .win_box p{font-size:14px; color:#545454; line-height:185%;} .win_box ul{border-top:2px solid #222; width:60%; margin:0 auto;} .win_box ul li{display:inline-block; border-bottom:1px solid #ededed; padding:15px 0; font-size:14px; width:100%;} .win_box .btnWrap a{font-size:14px; margin:0 5px;} /*button*/ .btnWrap{text-align:center; margin-top:30px;} .caption_btn{text-align:right; margin-bottom:20px;} .caption_btn_in_table{position:relative; text-align:center; margin:20px 0 10px;} .btn_small{font-size:14px; padding:5px 8px; background:#ededed; border:1px solid #ddd;} .btn_style1{height:40px; border:0; background:#313637; color:#fff;} .btn_style1 .iconsize{font-size:24px;} .btn_style2{width:100px; height:38px; line-height:38px; display:inline-block; text-align:center; font-size:15px; border:0; vertical-align:top; cursor:pointer; } .btn_style3{width:100px; height:38px; line-height:38px; display:inline-block; text-align:center; font-size:15px; border:0; vertical-align:top; cursor:pointer; } .btn_style4{padding:10px 20px; height:38px; display:inline-block; text-align:center; vertical-align:top; font-size:15px; } .btn_style5{position:relative;overflow:hidden;font-size:13px; background:#29a5c0; color:#fff; padding:5px 8px; font-family:'Spoqa Han Sans';} .btn_style6{display:block; width:80px; height:38px; line-height:38px; background:#5d7982; color:#fff; font-family:'Spoqa Han Sans'; text-align:center; margin-bottom:5px;} .btnbg1{background:#1169c3; color:#fff;} .btnbg1:hover{background:#444;} .btnbg2{background:#3d3d3d; color:#fff;} .btnbg2:hover{background:#444;} .btnbg3{background:#76859d; color:#fff} .btnbg3:hover{background:#444; color:#fff;} /*���� �� ��ǥ */ .vision_tit{margin-bottom:80px; font-size:50px; text-align:center; font-family:'S-CoreDream-3Light';} .vision_tit p{font-family:'S-CoreDream-6Bold'; font-size:50px; color:#2952a6;} .vision_tit span{color:#eb516b;} .vision h3{position:relative;font-size:24px; color:#000; font-weight:400; margin-bottom:30px; padding-left:25px;} .vision h3:before{position:absolute; content:""; width:8px; height:8px; border:5px solid #253c97; left:0; top:48%; transform:translateY(-50%)} .vision_inner > h4{position:relative; padding-left:10px; font-size:22px; margin-bottom:10px; font-weight:bold; } .vision_inner > p{position:relative; padding-left:10px; font-size:20px;} /* .vision_inner > p:before{position: absolute; content: ""; width: 2px; height: 2px; background: #333333; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50px;} */ .vision_box{display: flex; padding:30px 25px; background:#f5f5f5; flex-direction: column;} .vision_list{position:relative; padding:30px 62px 45px; background:#ffffff;} .vision_list p{margin-bottom:16px; font-size:19px; font-weight:600;} .vision_list p.tit03 { margin-top:20px; margin-bottom:2px; } .vision_list span { line-height:34px; } .tit01{color:#4ba7aa;} .tit02{color:#374c86;} .vision_list .num_box{position:absolute; left:0; top:0; width:30px; height:30px; font-size:16px; font-weight:600; color:#ffffff; text-align:center; line-height:30px;} .num01{background:#4ba7aa;} .num02{background:#374c86;} /*���� �� ��ǥ 11/22 ������ */ @media screen and (max-width:1024px){ .vision_tit, .vision_tit p{font-size:calc(2vw + 20px);} } @media screen and (max-width:667px){ .vision h3{font-size:calc(1vw + 17px);} .vision_inner > p{font-size:calc(1vw + 15px);} .vision_list {padding:30px 54px 38px;} .vision_list span br{display:none;} } @media screen and (max-width:480px){ .vision_list {padding:30px 45px 38px;} } .table_style { width:100%; border-top:2px solid #000; margin:20px 0 100px; font-size:14px; color:#000; font-weight:700; text-align:center; } .table_style th, .table_style td { border-right:1px solid #E5E5E5; } .table_style th:last-child, .table_style td:last-child { border-right:none; } .table_style_col_a { width:auto; } .table_style_col_5 { width:5%; } .table_style_col_10 { width:10%; } .table_style_col_15 { width:15%; } .table_style_col_20 { width:20%; } .table_style_col_25 { width:25%; } .table_style_col_33 { width:33%; } .table_style_col_50 { width:50%; } .table_style_col_100 { width:100%; } .table_style thead td { height:50px; border-bottom:1px solid #E5E5E5; background:#F7F8F9; } .table_style tbody th { height:47px; border-bottom:1px solid #E5E5E5; background:#F7F8F9; } .table_style tbody td { height:47px; border-bottom:1px solid #E5E5E5; background:#fff; } /*���ͼҰ�*/ .area_sub_center {text-align:center;} .area_sub_center > p{background:#253c97; font-size:19px; color:#fff; padding:10px 30px; display:inline-block; border-radius:100px; font-weight:400; margin-bottom:20px;} .area_sub_center > p, .area_sub_center > h2, .area_sub_center > h3{text-transform:uppercase; text-align:center} .area_sub_center > h2{font-size:50px; font-family: 'S-CoreDream-3Light'; letter-spacing:-3px;} .area_sub_center > h3{font-size:50px; font-family: 'S-CoreDream-6Bold'; letter-spacing:-3px; color:#2952a6; margin-bottom:40px;} .area_sub_center > h3 span{color:#eb516b;} .area_sub_center .inner_center_area{text-align:left;} .area_sub_center .inner_center_area h3{position:relative;font-size:24px; color:#000; font-weight:400; margin-bottom:10px; padding-left:25px;} .area_sub_center .inner_center_area h3:before{position:absolute; content:""; width:8px; height:8px; border:5px solid #253c97; left:0; top:48%; transform:translateY(-50%)} .area_sub_center .inner_center_area h4{position:relative;font-size:20px; color:#000; font-weight:600; margin-bottom:10px; padding-left:25px;} .area_sub_center .inner_center_area > p{position:relative;font-size:18px; color:#000; font-weight:400; padding-left:25px;} .area_sub_center .inner_center_area .img_{text-align:center;} .area_sub_center .inner_center_area .box_style1{background:#f5f5f5; padding:30px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;} .area_sub_center .inner_center_area .box_style1 li{position:relative; flex:1 1 calc(20% - 14px); background:#fff; margin:0 7px; padding:20px 25px; box-shadow:1px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .area_sub_center .inner_center_area .box_style1 li:before{position:absolute; content:""; width:100%; height:3px; background:#80b1de; top:0; left:0;} .area_sub_center .inner_center_area .box_style1 li span{display:block; width:auto; height:30px; background:#222; color:#fff; font-size:13px; font-weight:600; text-align:center; line-height:30px; border-radius:50px; margin-bottom:20px;} .area_sub_center .inner_center_area .box_style1 li p{font-size:17px; font-weight:500} .area_sub_center .inner_center_area .box_style1 li p b{display:block; font-size:14px; color:#555;font-weight:300} .area_sub_center .inner_center_area .box_style2{background:#f5f5f5; padding:30px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;} .area_sub_center .inner_center_area .box_style2 li{position:relative; flex:1 1 40%; background:#fff; margin:7px; padding:25px 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .area_sub_center .inner_center_area .box_style2 li span{position:absolute; width:30px; height:30px; background:#4ba7aa; color:#fff; font-size:13px; font-weight:600; text-align:center; line-height:30px; top:0; left:0} .area_sub_center .inner_center_area .box_style2 li:nth-child(2) span, .area_sub_center .inner_center_area .box_style2 li:nth-child(3) span{background:#374c86 !important;} .area_sub_center .inner_center_area .box_style2 li p{padding-left:30px} .area_sub_center .inner_center_area .box_style2 li p b{font-size:19px; color:#4ba7aa} .area_sub_center .inner_center_area .box_style2 li:nth-child(2) b, .area_sub_center .inner_center_area .box_style2 li:nth-child(3) b{color:#374c86 !important;} .area_sub_center .inner_center_area .box_style2se {background:#f5f5f5; padding:30px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;} .area_sub_center .inner_center_area .box_style2se li{position:relative; flex:1 1 40%; background:#fff; margin:7px; padding:25px 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .area_sub_center .inner_center_area .box_style2se li span{position:absolute; width:30px; height:30px; background:#374c86; color:#fff; font-size:13px; font-weight:600; text-align:center; line-height:30px; top:0; left:0} .area_sub_center .inner_center_area .box_style2se li p{padding-left:30px} .area_sub_center .inner_center_area .box_style2se li p b{font-size:19px; color:#374c86} .area_sub_center .inner_center_area .box_style3{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;} .area_sub_center .inner_center_area .box_style3 li{position:relative; flex:1 1 calc(33% - 14px); background:#fff; margin:7px; padding:25px 20px; background:#505566; /*text-align:center;*/ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .area_sub_center .inner_center_area .box_style3 li span, .area_sub_center .inner_center_area .box_style3 li p{color:#fff; font-weight:400} .area_sub_center .inner_center_area .box_style3 li span{text-transform:uppercase;display:block; margin-bottom:20px; font-size:20px; border-bottom:1px solid #fff; padding-bottom:10px; } .area_sub_center .inner_center_area .box_style3 li span strong { font-size:22px; color:#fff; font-weight:600; } .area_sub_center .inner_center_area .box_style3 li span u { text-decoration:none; letter-spacing:-3px; } .area_sub_center .inner_center_area .box_style4{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;} .area_sub_center .inner_center_area .box_style4 li{position:relative; flex:1 1 15%; background:#fff; margin:7px; padding:50px 10px; background:#4ba7aa; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .area_sub_center .inner_center_area .box_style4 li:nth-child(2), .area_sub_center .inner_center_area .box_style4 li:nth-child(4){background:#374c86 !important;} .area_sub_center .inner_center_area .box_style4 li p{color:#fff; font-weight:400} .area_sub_center .inner_center_area .box_style5{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;} .area_sub_center .inner_center_area .box_style5 li{position:relative; flex:1 1 15%; background:#fff; margin:7px; padding:10px 10px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .area_sub_center .inner_center_area .box_style5 li > p{color:#fff; padding-bottom:10px; font-size:19px; font-weight:400; } .area_sub_center .inner_center_area .box_style5 li > p span{text-transform:uppercase;display:block; padding:10px 0; width:80%; margin:0 auto 10px; border-bottom:1px solid #fff; } .area_sub_center .inner_center_area .box_style5 li > p small { font-size:14px; font-weight:600; /*text-decoration:underline;*/ } .area_sub_center .inner_center_area .box_style5 li:nth-child(1) > p{background:#4ba7aa;} .area_sub_center .inner_center_area .box_style5 li:nth-child(2) > p{background:#2275a9} .area_sub_center .inner_center_area .box_style5 li:nth-child(3) > p{background:#616db6} .area_sub_center .inner_center_area .box_style5 li:nth-child(4) > p{background:#aa4b81} .area_sub_center .inner_center_area .box_style5 li:nth-child(5) > p{background:#aa4b4b} .area_sub_center .inner_center_area .box_style5 li > div{color:#444; text-align:left; padding:20px; border:5px solid #f5f5f5; border-top:0; min-height:180px;} .area_sub_center .inner_center_area .box_style5 li > div p{font-weight:400;} .area_sub_center .inner_center_area .ocean_box1 li{min-height:200px} .area_sub_center .inner_center_area .ocean_box2 li{min-height:150px} .area_sub_center .inner_center_area .area_infor_box1 li{min-height:150px} table.table_area1{width:100%; border-top:2px solid #000; table-layout:fixed;} table.table_area1 th, table.table_area1 td{border-bottom:1px solid #ddd; padding:15px 15px; font-weight:400} table.table_area1 th{background:#e8f0f9; color:#1e5592} table.table_area1 td{text-align:left;} table.table_area1 td.tit{color:#000;} /*���ȣ 220111 �߰�*/ @media (max-width:1200px){ .area_sub_center .inner_center_area .box_style1{display:block;} .area_sub_center .inner_center_area .box_style3 li { flex:1 1 calc(100% - 14px); } }