.container{ width:1180px; margin:0 auto;} #header_wrap{ border-bottom:1px solid #e9e9e9;} #header{ padding:15px 0;} #header h1{ float:left;} #gnb_wrap{ float:right;} #gnb_wrap ul{ margin:0px 0 0 0;} #gnb_wrap ul li{ float:right; text-transform:uppercase; font-size:11px; font-weight:600; margin-left:20px;} #gnb_wrap ul li a { display:block; height:40px; width:60px; text-align:center; line-height:85px;} #gnb_wrap ul li a:hover{ color:#366b96;} #gnb_wrap ul li:nth-child(1){ background:url(../images/lnb_icons04.svg) no-repeat 50% 0;} #gnb_wrap ul li:nth-child(2){ background:url(../images/lnb_icons03.svg) no-repeat 50% 0;} #gnb_wrap ul li:nth-child(3){ background:url(../images/lnb_icons02.svg) no-repeat 50% 0;} #gnb_wrap ul li:nth-child(4){ background:url(../images/lnb_icons01.svg) no-repeat 65% 0;} #top_search_wrap{ float:right; border:1px solid #e9e9e9; background:#f7f7f7; border-radius:10px; padding:8px 10px; font-size:12px; margin:4px 0 0 0;} #top_search_wrap > ul > li{ float:left;} #ts_tab{} #ts_tab li{ float:left;} #ts_tab li:first-child a{ background:#ffffff; color:#141414; display:block; width:53px; height:32px; line-height:32px; text-align:center; font-weight:600; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-radius:5px 0 0 5px;} #ts_tab li:first-child a:hover{ background:#366b96; color:#ffffff;} #ts_tab li:last-child a{ background:#ffffff; color:#141414; display:block; width:53px; height:32px; line-height:32px; text-align:center; font-weight:600; border-right:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-radius:0 5px 5px 0;} #ts_tab li:last-child a:hover{ background:#366b96; color:#ffffff;} #ts_slt01{ float:left; border:1px solid #e9e9e9; background:#ffffff; width:93px; margin:0 5px; border-radius:5px; height:32px;} .select01{ border:none; font-size:12px; width:90%; height:32px; color:#366b96; padding:0 5px; font-weight:500; margin-left:5px;} #ts_stl02{ float:left; border:1px solid #e9e9e9; background:#ffffff; width:175px; text-align:center; border-radius:5px; height:32px;} #ts_stl02 p{ float:left; font-size:12px; display:block; border-right:1px solid #dddddd; padding:0 10px 0 0; margin:10px 0 0 15px; line-height:100%; font-weight:600;} #ts_stl02 input{ float:left;} #ts_stl02 a{ float: right; background:url(../images/search_glass.jpg) no-repeat center; display:block; height:32px; width:32px; text-indent:-99999px;} #top_search_wrap input{ float:left; border:none; font-size:13px; width:80px; height:32px; color:#3d889b; padding:0 5px; font-weight:600; text-align:center;} #top_search_wrap input::placeholder { color:#3d889b; } #top_search_wrap select {border:none; font-size:13px; width:80px; height:32px; color:#3d889b; padding:0 5px; font-weight:600; margin-left:5px;} #top_search_wrap select::placeholder { color:#3d889b; } /*nav_wrap*/ #nav_wrap{ position:relative; border-bottom:1px solid #e9e9e9; } #nav{} #naviz{ float:left; width:740px; overflow:hidden;} #naviz > ul > li{ float:left; width:calc(100%/6);} #naviz > ul > li > a{ display:block; color:#000000; font-size:16px; font-weight:700; letter-spacing:-1px; box-sizing:border-box; height:60px; line-height:60px; text-align:center; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0); } #naviz > ul > li > a:hover{ color:#366b96;} /*nav_over_wrap*/ #navi_over_wrap{width:100%; background:#fbf9fa; position: absolute; top:61px; left:0px; z-index:99999; opacity:0.98; overflow: hidden; transition: all 0.5s ease; height:0px; } #naviz:hover #navi_over_wrap{ height:200px; padding-bottom:60px;} #navi_over{ width:740px; margin:20px 0 0 0;} #navi_menu{ float:left; width:calc(100%/6);} #navi_menu ul{ } #navi_menu ul li{} #navi_menu ul li a{ display:block; color:#606060; font-weight:500; text-align:center; font-size:15px; padding:5px 0;} #navi_menu ul li a:hover{ font-weight:500; color:#1f8498;} /*main_fla_wrap*/ #main_fla_wrap{ margin:25px auto; clear:both;} #main_fla{ float:left;} #main_fla img{ border-radius:10px;} #main_login_box{ float:right; border:1px solid #dadada; background:#f7f7f7; width:350px; font-size:12px; border-radius:10px;} #main_login_box p{ margin:15px 0 10px 15px;} #mlx_btn a{ display:block; background:url(../images/logo_f.svg) no-repeat 110px 50% #366b96; margin:0 15px; border-radius:5px; background-size:20%; text-align:center; font-size:13px; font-weight:600; color:#ffffff; padding:12px 0 12px 70px; line-height:100%; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #mlx_btn a:hover{ background:url(../images/logo_f.svg) no-repeat 110px 50% #19345e; background-size:20%;} #mlx_btm{ margin:10px 15px 12px 15px;} #mlx_btm a{ display:block;} #mlx_btm a:hover{ color:#366b96;} #mlx_idpw{ float:left; background:url(../images/login_rock.svg) no-repeat; padding:0 0 0 18px;} #mlx_join{ float:right; background:url(../images/login_user.svg) no-repeat; padding:0 0 0 18px;} /*main_out*/ #main_login_box .user{ font-weight:700; font-size:13px; color:#1e4180;} #main_login_box > p a{ display:inline-block; background:#366b96; font-size:11px; font-weight:700; color:#ffffff; padding:1px 8px; border-radius:3px;} #main_login_box > p a:hover{ background:#19345e;} #login_status{ width:90%; margin:10px auto 15px auto;} #lsta{ border:1px solid #a3a3a3; background:#ffffff; padding:10px; text-align:center; line-height:130%; border-radius:10px; color:#366b96; font-weight:600; font-size:14px; width:80px;} /*main_search_box*/ #main_search_box{ clear:both; margin:25px auto; border:1px solid #19345e; border-radius:10px;} #main_search{ padding:35px 30px;} #main_search select{ border:1px solid #e1e1e1; border-radius:3px; color:#6b6b6b; font-size:13px; height:34px; line-height:34px; padding:0 10px; min-width:95px;} #msb_title{ margin-bottom:3px;} #msb_title h2{ color:#404040; font-weight:700; font-size:16px; float:left; line-height:33px; margin-right:8px;} #msb_tab{ float:left; width:110px;} #msb_tab li{ float:left;} #msb_tab li:first-child a{ background:#ffffff; color:#141414; display:block; width:53px; height:30px; line-height:30px; text-align:center; font-weight:600; font-size:12px; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-radius:5px 0 0 5px;} #msb_tab li:first-child a:hover{ background:#366b96; color:#ffffff;} #msb_tab li:last-child a{ background:#ffffff; color:#141414; display:block; width:53px; height:30px; line-height:30px; text-align:center; font-weight:600; font-size:12px; border-right:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-radius:0 5px 5px 0;} #msb_tab li:last-child a:hover{ background:#366b96; color:#ffffff;} #msb_form{ clear:both;} #msb_01{ border-bottom:1px solid #e9e9e9; padding-bottom:27px; margin-bottom:27px;} #msb_01 > ul > li{ float:left; margin-right:70px;} #msb_01 > ul > li:last-child{ margin-right:0px;} #msb_02{ border-bottom:1px solid #e9e9e9; padding-bottom:27px; margin-bottom:27px;} #msb_02 h2{color:#404040; font-weight:700; font-size:16px; float:left; line-height:33px; margin-right:8px; margin-bottom:10px;} #msb_02 h2 span{ font-size:13px; font-weight:400; color:#6b6b6b;} #msb_02 > ul{ clear:both;} #msb_02 > ul >li{ float:left;} #msb_02 h4{ float:left; width:70px; text-align:center;} #msb_02 > ul > li{ float:left; margin-right:140px;} #msb_02 > ul > li:last-child{ margin-right:0px;} #msb_02 p{ font-size:12px; color:#6b6b6b; text-align:center; line-height:120%; padding:50px 0 0 0; font-weight:500;} #msb_02 .main_sch01{ background:url(../images/main_sch01.svg) no-repeat 50% 0;} #msb_02 .main_sch02{ background:url(../images/main_sch02.svg) no-repeat 50% 0;} #msb_02 .main_sch03{ background:url(../images/main_sch03.svg) no-repeat 50% 0;} #msb_02 .main_sch04{ background:url(../images/main_sch04.svg) no-repeat 50% 0;} #building{ float:left; margin-left:10px;} #building li{ font-size:13px; color:#6b6b6b; font-weight:500; line-height:20px;} #building input{ width:17px; height:17px; border-radius:2px; border:1px solid #c6c6c6; position:relative; top:3px; margin-right:5px;} #building .blue{ color:#366b96;} #msb_03{ clear:both; border-bottom:1px solid #e9e9e9; padding-bottom:27px; margin-bottom:27px;} #msb_03 h2{color:#404040; font-weight:700; font-size:16px; float:left;} #msb_sp_btn { float:left; margin:0 10px;} #msb_sp_btn a{ display:block; background:#366b96; color:#ffffff; font-size:12px; text-align:center; width:141px; height:27px; line-height:27px; border-radius:3px; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0); } #msb_sp_btn a:hover{ background:#19345e;} #msb_sp_btn span{ font-size:18px; line-height:130%; font-weight:400;} #msb_special > ul{ float:left;} #msb_special > ul li{ float:left; font-size:12px; margin-right:10px; line-height:27px; color:#6b6b6b; font-size:13px;} #msb_special input{ border:1px solid #c6c6c6; position:relative; top:2px;} #msb_special_box{ margin:10px 0 0 50px;} #msb_special_box > ul{ margin-left:35px;} #msb_special_box > ul > li{ font-size:12px; line-height:27px; color:#6b6b6b; font-size:13px; letter-spacing:-1px;} #msb_special_box input{ width:17px; height:17px; border-radius:2px; border:1px solid #c6c6c6; position:relative; top:3px; margin-right:5px;} /*종합검색_특수조건*/ #all_special_box{ } #all_special_box ul{ } #all_special_box ul li{ line-height:27px; color:#000000; font-size:13px; letter-spacing:-1px;} #all_special_box input{ width:14px; height:14px; border-radius:2px; border:1px solid #c6c6c6; position:relative; top:3px; margin-right:5px;} #msb_04{ clear:both; text-align:center;} #msb_04 a{ display:inline-block; text-align:center; font-size:12px; text-align:center; border-radius:5px; margin:0 5px; font-weight:600; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #msb_04 .msb_sch{ background:#366b96; padding:10px 100px; font-size:14px; color:#ffffff;} #msb_04 .msb_sch:hover{ background:#19345e;} #msb_04 .msb_rst{ background:#e5e5e5; padding:10px 100px; font-size:14px; color:#2c2c2c;} #msb_04 .msb_rst:hover{ background:#e0e7f1;} /*main_icon_box*/ #main_icon_box{ margin:70px auto;} #main_icon_box ul li a{ display:block; width:104px; height:104px; border-radius:50%; text-align:center; color:#393939; font-size:15px; line-height:240px; font-weight:500; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #main_icon_box ul li a:hover{ color:#366b96; margin-top:-10px; box-shadow:1px 1px 3px #a0a0a0;} #main_icon_box > ul > li:nth-child(1) a{ background:url(../images/main_icon01.svg) no-repeat center #f5f5f5;} #main_icon_box > ul > li:nth-child(2) a{ background:url(../images/main_icon02.svg) no-repeat center #cbedf7;} #main_icon_box > ul > li:nth-child(3) a{ background:url(../images/main_icon03.svg) no-repeat center #ffe4eb;} #main_icon_box > ul > li:nth-child(4) a{ background:url(../images/main_icon04.svg) no-repeat center #f5f5f5;} #main_icon_box > ul > li:nth-child(5) a{ background:url(../images/main_icon05.svg) no-repeat center #cbedf7;} #main_icon_box > ul > li:nth-child(6) a{ background:url(../images/main_icon06.svg) no-repeat center #ffe4eb;} #main_icon_box > ul > li:nth-child(7) a{ background:url(../images/main_icon07.svg) no-repeat center #fff2c0;} #main_icon_box > ul > li:nth-child(8) a{ background:url(../images/main_icon08.svg) no-repeat center #fff2c0;} #main_icon_box > ul > li:nth-child(9) a{ background:url(../images/main_icon09.svg) no-repeat center #fff2c0;} #main_icon_box .mic_line{ border-left:1px solid #dbdbdb; padding-left:25px;} #main_icon_box ul li{ position:relative;} #main_icon_box .icon_count{ position:absolute; display:block; top:0px; right:0px; background:#888cf3; color:#ffffff; text-align:center; width:29px; height:29px; line-height:29px; border-radius:50%; font-size:13px;} /*main_recom_wrap*/ #main_recom_wrap{ clear:both; margin:25px auto;} /*footer*/ #footer_wrap{ background:#2d2d2d; color:#ffffff; clear:both; margin:50px 0 0 0;} #footer{ padding:80px 0;} #privacy_wrap{ border-radius:10px; margin:20px 0; background:#ffffff; color:#2d2d2d; padding:0 20px;} #privacy{ float:left; padding:10px 0;} #privacy ul{ margin:5px 0 0 0;} #privacy ul li{ float:left; border-right:1px solid #b5b5b5; line-height:100%; margin-right:20px; padding-right:20px;} #privacy ul li:last-child{ border-right:0px solid #b5b5b5;} #privacy ul li a{ display:block; color:#2d2d2d; font-size:15px; line-height:130%;} #privacy ul li a:hover{ color:#366b96;} #sns_link{ float:right; padding:4px 0 0 0;} #sns_link ul li{ float:left; margin-left:5px; text-indent:-99999px;} #sns_link ul li a{ display:block; color:#2d2d2d; border:1px solid #d9d9d9; border-radius:50%; height:34px; width:34px; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #sns_link ul li a:hover{ border:1px solid #6a6a6a;} #sns_link .sns01{ background:url(../images/sns_blog.svg) no-repeat center/50%;} #sns_link .sns02{ background:url(../images/sns_utube.svg) no-repeat center/50%;} #sns_link .sns03{ background:url(../images/sns_face.svg) no-repeat center/50%;} #sns_link .sns04{ background:url(../images/sns_kakaotalk.svg) no-repeat center/50%;} #sns_link .sns05{ background:url(../images/sns_insta.svg) no-repeat center/50%;} #address_wrap{} #add_left{ float:left;} #add_left h4{ font-weight:600;} .addr{ font-size:14px; line-height:180%; margin:10px 0;} .copyright{ font-size:14px;} #add_right{ float:right;} #add_right h5{ font-size:18px; line-height:120%;} #add_right .c_phone{ font-size:34px; color:#f49302; font-weight:700; line-height:120%; letter-spacing:-1px; margin:5px 0;} #add_right .c_time{ font-size:14px; line-height:150%; font-weight:300;} /*top_layer*/ #top_layer{ position:fixed; top:160px; right:10px; width:86px; font-size:13px; cursor:pointer; } #bid_submit{ background:url(../images/q_icon.png) no-repeat 50% 10px #19345e; height:86px; width:86px; border-radius:50%; margin-bottom:7px; background-size:35%; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #bid_submit:hover{ margin-left:-10px; } #bid_submit p{ line-height:120%; color:#ffffff; text-align:center; padding:45px 0 0 0;} #kakao_submit{ background:url(../images/sns_kakao.svg) no-repeat 50% 13px #f8e500; background-size:47%; height:86px; width:86px; border-radius:50%; cursor:pointer; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0); } #kakao_submit:hover{ margin-left:-10px; } #kakao_submit p{ line-height:120%; color:#3c1b1b; text-align:center; padding:50px 0 0 0; font-weight:600;} #totop{} #totop a{ display:block; background:#19345e; text-align:center; font-weight:600; color:#ffffff; border-radius:50px; font-size:14px; text-transform:uppercase; width:80%; margin:-15px auto 0 auto; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0); } #totop a:hover{ color:#87edff; background:#2d2d2d;} /*서브페이지sub_page*/ #sub_contents{ clear:both; margin:0 auto; width:1180px; } #sub_left{ width:180px; float:left; padding-top:30px;} #sub_left > ul > li{ margin-bottom:10px;} /*서브페이지 컨텐츠*/ #sub_right{ width:980px; float:right; padding:30px 0 0 20px;} #sub_title{ border-bottom:1px solid #c1c1c1;} #sub_title h5{ float:left; font-size:26px; font-weight:600; text-align:left; letter-spacing:0px; color:#363636; height:60px; line-height:60px;} #category{ float:right; font-size:14px; margin-top:30px; font-weight:400;} #category p{ color:#000000;} .carecory_color{ color:#123171;} #sub_page{ clear:both; padding:20px 0; text-align:center;} #sub_page p{} /*서브메뉴*/ #sub_menu{margin-bottom:30px;} #sub_menu h3{ font-size:17px; font-weight:bold; text-align:center; background:#366b96; color:#ffffff; font-weight:600; height:60px; line-height:60px; border-radius:10px 10px 0 0; background: #19345e; /* Old browsers */ background: -moz-linear-gradient(left, #19345e 0%, #366b96 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #19345e 0%,#366b96 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #19345e 0%,#366b96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19345e', endColorstr='#366b96',GradientType=1 ); /* IE6-9 */ } #sub_menu .sub_eng p{ text-align:center; color:#ffffff; font-size:16px; display:none;} #sub_menu ul{ border:1px solid #e1e1e1;} #sub_menu ul li{ font-size:16px; border-bottom:1px solid #e1e1e1;} #sub_menu ul li:last-child{ border-bottom:none;} #sub_menu ul li a{ display:block; height:40px; line-height:40px; padding-left:20px; font-weight:400; color:#343434; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237c7c7c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:90% 50%; } #sub_menu ul li a:hover{ color:#0c67ae; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23134779' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:90% 50%; background-color:#f8f9fd; } /*call_center*/ #call_center {border:1px solid #cccccc; padding:15px 10px; border-radius:10px 10px 0 0;} #call_center h4{ text-align:center; font-size:18px; color:#292929; margin-bottom:10px;} #call_center ul li{ color:#ca2429; font-size:20px; letter-spacing:0px; line-height:110%; font-weight:600; text-align:center;} #call_center p{ color:#8f8f8f; font-size:13px; margin-top:5px; line-height:120%;} #main_counsel{ border:1px solid #cccccc; padding:5px; border-radius:0 0 10px 10px;} #mcounsel_title{ background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%2314539b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-users'%3e%3cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3e%3c/path%3e%3ccircle cx='9' cy='7' r='4'%3e%3c/circle%3e%3cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3e%3c/path%3e%3cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3e%3c/path%3e%3c/svg%3e") #f7f7f7; background-repeat:no-repeat; background-position:20px 5px; font-size:14px; padding:10px 0 10px 55px; font-weight:400; } #counsel_num{ font-size:14px; margin:5px 0 0 5px;} #counsel_num li{ margin:8px 0;} #counsel_btn{ margin:5px;} #counsel_btn a{ display:block; text-align:center; color:#ffffff; background:#114989; padding:8px 0; font-weight:400; border-radius:0 0 10px 10px;} #counsel_btn a:hover{ background:#2078b9;} /*page_number*/ #pgnum{ text-align:center; margin:20px 0;} #pgnum a{ display:inline-block; text-align:center; background:#e5e5e5; width:30px; height:30px; line-height:30px; border-radius:50px;} #pgnum .pg_left{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_left:hover{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_leftt{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-left'%3e%3cpolyline points='11 17 6 12 11 7'%3e%3c/polyline%3e%3cpolyline points='18 17 13 12 18 7'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_leftt:hover{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-left'%3e%3cpolyline points='11 17 6 12 11 7'%3e%3c/polyline%3e%3cpolyline points='18 17 13 12 18 7'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_right{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_right:hover{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_rightt{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-right'%3e%3cpolyline points='13 17 18 12 13 7'%3e%3c/polyline%3e%3cpolyline points='6 17 11 12 6 7'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum .pg_rightt:hover{ text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-right'%3e%3cpolyline points='13 17 18 12 13 7'%3e%3c/polyline%3e%3cpolyline points='6 17 11 12 6 7'%3e%3c/polyline%3e%3c/svg%3e"); width:30px; height:30px; background-repeat:no-repeat; background-position:center; } #pgnum a:hover{ background:#333f4b; color:#ffffff;} /*mq_search*/ #mf_tab > ul > li:first-child a{ display:block; background:#777ec5; border-radius:50px 0 0 50px; padding:0px 48px; color:#ffffff; font-weight:500; font-size:18px; letter-spacing:-1px;} #mf_tab > ul > li:first-child a:hover{ background:#254389;} #mf_tab > ul > li:first-child a:focus{ background:#254389;} #mf_tab > ul > li:last-child a{ display:block; background:#c1c1c1; border-radius:0 50px 50px 0; padding:0px 48px; color:#000000; font-weight:500; font-size:18px; letter-spacing:-1px;} #mf_tab > ul > li:last-child a:hover{ background:#152f6b; color:#ffffff;} #mf_tab > ul > li:last-child a:focus{ background:#152f6b; color:#ffffff;} #tab_contents{ float:left; margin-left:30px; line-height:70px;} #tab_contents ul li{ margin-right:10px;} .tab_select{ border:1px solid #d5d5d5; background:#f9f9f9; height:38px; border-radius:2px; font-size:15px; font-family:'louis Regular','NotoSansKRWeb'; width:165px; padding:0 5px;} .tab_select:hover{ border:1px solid #152f6b;} .tab_input{ border:1px solid #d5d5d5; background:#f9f9f9; height:36px; border-radius:2px; font-size:15px; font-family:'louis Regular','NotoSansKRWeb'; width:165px; text-align:right; padding:0 5px;} .tab_input:hover{ border:1px solid #152f6b;} #quick_btn{ float:right; text-indent:-99999px; margin:18px 30px 0 0;} #quick_btn a{ display:block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%232e65a2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; width:32px; height:32px; } #quick_btn a:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ff0f91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); } /*mtitle*/ #mtitle{margin-bottom:20px; position:relative;} #mtitle h3{ font-size:36px; font-weight:500; line-height:140%; text-align:center; color:#292929; letter-spacing:-2px;} #roll_btn{ position:absolute; top:20px; right:8px;} #roll_btn ul li{ float:left; margin-left:3px;} #roll_btn ul li a{ display:block; border:1px solid #d2d2d2; height:24px; width:24px; text-indent:-99999px; border-radius:3px;} .prev_btn a{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:center; } .prev_btn a:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff0f91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position:center; } #today_ctock_tab{ margin:45px 0;} #today_ctock_tab > ul > li{ float:left; width:calc(100%/6);} #today_ctock_tab > ul > li a{ display:block; text-align:center; color:#292929; font-size:20px; border-bottom:2px solid #d7d7d7; padding-bottom:15px;} #today_ctock_tab > ul > li a:hover{ color:#0e3173; border-bottom:2px solid #0e3173;} /*mrc_search_메인추천물건_지역별물건*/ #main_recom_wrap{ clear:both;} #mrc_search{ padding:50px 0;} #mrc_tab{} #mrc_tab ul{ background:#f6f6f6; border-radius:50px; height:50px; line-height:50px;} #mrc_tab li{ float:left; width:calc(100%/6);} #mrc_tab li a{ display:block; text-align:center; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0); } #mrc_tab li a:hover{background:#366b96; border-radius:50px; text-align:center; color:#ffffff;} #tab_contents{ clear:both; margin:30px 0 0 0;} #mrc_stock_wrap{ width:100%;} #mrc_stock_wrap > ul{} #mrc_stock_wrap > ul > li{ float:left; margin-right:26px;} #mrc_stock_wrap > ul > li:last-child{ margin-right:0px; float:right;} #tstock{ width:275px; cursor:pointer; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #tstock:hover{ margin-top:-10px;} #ts_img{ position:relative; border-radius:10px} #ts_img img{ border-radius:10px; width:275px; height:190px;} #ts_area_wrap{ position:absolute; bottom:0px; left:0px; width:100%; background:#000000; font-size:14px; color:#ffffff; height:33px; line-height:33px; opacity:0.8; border-radius:0 0 10px 10px;} .ts_area{ float:left; margin-left:15px;} .ts_dday{ float:right; margin-right:15px;} #ts_line01{ clear:both; margin:15px 0 0 0; width:100%; height:20px; line-height:20px;} .tstk01{ float:left; color:#303030; font-weight:600; height:20px; font-size:18px; letter-spacing:-1px;} .tstk02{ float:right; color:#ffffff; background:#366b96; border-radius:5px; padding:0 8px; height:20px; font-size:13px; line-height:20px;} #ts_line02{ clear:both;} .tstk03{ color:#979797; font-size:14px; height:20px; line-height:20px;} #ts_line03{ margin-top:5px;} .tbl_price{ width:100%:} .tbl_price tr th{ vertical-align:bottom;} .tbl_price tr td{ padding:3px 0 2px 20px; text-align:right; vertical-align:middle; line-height:21px; letter-spacing:-1px;} .gam{ background:#46494a; width:50px; height:21px; line-height:21px; font-size:13px; text-align:center; color:#ffffff; border-radius:3px; font-weight:500;} .gam_price{ font-size:18px; color:#2b2b2b; font-weight:600;font-family:'Noto Sans KR', sans-serif;} .choi{ background:#d9471a; width:50px; height:21px; line-height:21px; font-size:13px; text-align:center; color:#ffffff; border-radius:3px; font-weight:500;} .choi_price{font-size:18px; color:#d9471a; font-weight:600;font-family:'Noto Sans KR', sans-serif;} #ts_line03 .re_sky{ color:#3a7eca;} /*main_theme*/ #main_theme_wrap{ clear:both; margin:50px auto;} #main_theme{ width:383px; height:86px; border:2px solid #dadada; box-sizing:border-box; cursor:pointer; border-radius:10px; margin-bottom:15px;} #main_theme:hover{ border:2px solid #38b0fa; box-sizing:border-box; transition-delay:0s; transition-duration:0.4s; transition-property:all; transition-timing-function:ease-in-out; transform: translate(0,0);} #main_theme h3{ font-size:16px; letter-spacing:-1px; color:#404040; font-weight:700; margin:10px 0 0 130px;} #main_theme p{ line-height:120%; margin:0 0 0 130px; color:#818181; font-size:14px;} .mtheme01{ background:url(../images/theme_icon01.svg) no-repeat 10% 50% / 18%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme02{ background:url(../images/theme_icon02.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme03{ background:url(../images/theme_icon03.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme04{ background:url(../images/theme_icon04.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme05{ background:url(../images/theme_icon05.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme06{ background:url(../images/theme_icon06.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme07{ background:url(../images/theme_icon07.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme08{ background:url(../images/theme_icon08.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} .mtheme09{ background:url(../images/theme_icon09.svg) no-repeat 10% 50% / 16%, url(../images/arr-right.svg) no-repeat 95% 50%;} /*main_bbs_wrap*/ #main_bbs_wrap{} #mbs_title{ margin-bottom:10px;} #mbs_title h3{ float:left; font-size:26px; font-weight:300;} #more{ float:right; margin:10px 0 0 0;} #more a{ display:block; font-size:15px; color:#313131;} #more span{ display:inline-block; background:#38b0fa; color:#ffffff; text-align:center; width:17px; height:17px; line-height:17px; border-radius:2px; margin:0 0 0 5px;} #main_bbs{ width:320px;} #main_article{ background:#f9f9f9; border-radius:10px; padding:15px;} #main_article ul li{ margin:8px 0;} #main_article ul li a{ display: inline-block; font-size:15px; color:#313131; letter-spacing:-1px;} #main_article ul li a:hover{ color:#366b96;} #main_article span{ float:right; font-size:14px;} #main_maps{ width:496px;} #main_map{} #main_bank{ line-height:25px;} #main_bank ul li:nth-child(2){ font-size:20px; color:#444444; font-weight:600;} #main_bank ul li:nth-child(3){ font-size:15px; font-weight:400;} @media screen and (max-width:1250px) { #footer_wrap{ min-width:1180px;} } @media print{ #wing_left{display: none;} #wing_right{display: none;} }