.container{ width:1180px; margin:0 auto;} #header_wrap{ border-bottom:1px solid #c1c1c1; } #signature_line{ background:#dcdcdc;} #signature_line ul{} #signature_line ul li{ float:left; height:10px; width:30px;} #signature_line .sign01{ background:#6f923c;} #signature_line .sign02{ background:#01497b;} #signature_line .sign03{ background:#00193f;} #signature_line .sign04{ background:#11266f;} #header{ padding:5px 0;} #header h1{ padding: 0 0;} #lnb_wrap{ margin:40px 0 0 40px;} #lnb_wrap ul li{ float:left;} #lnb_wrap ul li a{ font-size:17px; letter-spacing:-1px; line-height:22px; margin-right:38px; font-weight:500;} #lnb_wrap ul li a:hover{ color:#f16b16;} #lnb_wrap .total_nav{ text-indent:-99999px;} #gnb_wrap{ margin:15px 0 10px 0;} #gnb ul li{ float:right; margin-left:10px; color:#747474;} #gnb ul li a{ color:#747474;} #gnb ul li a:hover{ color:#000000;} #gnb .gnb_line{ background:url(../images/header_line.png); width:1px;} #tk_wrap{ clear:both; background:url(../images/qs_bg.png) 0 50% #074881; height:40px; padding:0 10px; color:#ffffff; margin:10px 0 0 0; border-radius:3px;} #tk_wrap ul li{ float:left; line-height:40px; margin-left:10px;} #tk_wrap select{ border:none;font-family:'NotoSansKRWeb'; background:#ffffff; margin-top:-4px; color:#333333; border-radius:3px; height:25px; font-size:15px;} #tk_wrap input{ border:none;font-family:'NotoSansKRWeb'; width:65px; background:#ffffff; text-align:center; border-left:1px solid #dddddd; color:#333333; height:24px;border-radius:3px; margin-top:-5px; font-size:15px;} #tk_wrap a{ display:block; text-indent:-99999px; width:22px; height:22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' 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"); margin:7px 0 0 0; } #tk_wrap a:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f16b16' 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"); } /*nav_over*/ #nav_over{ width:100%; background:#f3f3f3; position:absolute; top:113px; left:0px; z-index:99999; display:none; border-top:1px solid #d4d4d4;} #nav_menu{min-width:1180px; margin:0 auto;} #nav_menu > ul{ margin:0 0 0 262px;} #nav_menu > ul > li{ float:left; text-align:left; font-size:16px;} #nav_menu > ul > li:nth-child(1){ width:98px;} #nav_menu > ul > li:nth-child(2){ width:98px;} #nav_menu > ul > li:nth-child(3){ width:96px;} #nav_menu > ul > li:nth-child(4){ width:113px;} #nav_menu > ul > li:nth-child(5){ width:111px;} #nav_menu > ul > li:nth-child(6){ width:111px;} #nav_menu > ul > li:nth-child(7){ width:101px;} #nav_menu > ul > li:hover{} #menus{padding:20px 10px;} #menus h2{ color:#141414; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; display:none;} #menus h3{ color:#b8b8b8; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; margin-top:40px;} #menus h4{ color:#b8b8b8; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; margin-top:60px;} #menus h5{ color:#b8b8b8; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; margin-top:70px;} #menus > ul{ height:280px;}/*네비하단길이*/ #menus > ul > li > a{ display:block; margin-top:15px; color:#141414; font-weight:400;} #menus > ul > li > a:hover{ color:#254389; text-decoration:underline; list-style-type:decimal;} #menus .orange{ color:#ff0f91; border-bottom:1px solid #254389;} /*************************************************************/ /*main_fla_wrap*/ #main_fla_wrap{ clear:both; position:relative; height:379px; width:100%;} .mainVisualImage{ width:100% !important; min-width:1180px; height:379px; overflow:hidden; z-index:1; padding:0px; margin:0px; } .mainVisualImage .bx-wrapper{margin-bottom:0px; } .mainVisualImage .bx-wrapper ul{width:auto; padding:0px; margin:0px; overflow:hidden;} .mainVisualImage .bx-wrapper ul > li{width:auto; position:relative; text-align:center;} .mainVisualImage .bx-wrapper ul > li img{width:100%; display:block; height:379px; } .mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; left:0px; bottom:65px; width:100%; z-index:9; text-align:center; }/*버튼위치bottom*/ .mainVisualImage .bx-wrapper .bx-pager a{-moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; width:12px !important; height:12px !important; border:2px solid #ddd; background:rgba(0,0,0,.4) !important; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:focus, .mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important; } .mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:40px !important; background:RGBA(4,4,4,.8) !important; border:2px solid #efefef; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #main_fla a{ display:block;} /*login_box*/ #login_box_wrap{} #login_box{ position:absolute; top:35px; left:50%; margin-left:290px; z-index:1; background:#ffffff; padding:35px 20px 25px 20px; box-shadow:0px 1px 5px gray; border-radius:20px;} /*#login_box ul li{ height:33px; margin-bottom:10px;}*/ #login_box .login_id{ border:none; color:#a3a3a3; letter-spacing:-1px; font-size:16px; padding:5px 30px 5px 30px; font-weight:normal; background:url(../images/midbg.png) no-repeat;} #login_box .login_pw{ border:none; color:#a3a3a3; letter-spacing:-1px; font-size:16px; padding:5px 30px 5px 30px; font-weight:normal; background:url(../images/mpwbg.png) no-repeat;} .lid{ border-bottom:1px solid #dad9d8;} .lpw{ color:#1d1d1d; font-size:15px;} #login_box .login_chbox{ -webkit-border-radius:0; /* input 라운드 사라짐 */ border-radius:0px; border:1px solid #bfbfbf; } #login_btn a{ display:block; padding:12px 0; text-align:center; color:#ffffff; font-size:16px; font-weight:normal;} #login_btn a:hover{ background:#f16b16;} .btn01 { background:#76bd42; margin-bottom:8px;} .btn02 { background:#555555;} #login_box > p{ text-align:center; word-spacing:15px; margin-top:15px;} #login_box > p > a{ color:#1d1d1d; font-size:15px;} #login_box > p > a:hover{ color:#143d6c; text-decoration:underline;} #logout_box{position:absolute; top:35px; left:50%; margin-left:290px; z-index:1; background:#ffffff; padding:35px 20px 25px 20px; box-shadow:0px 1px 5px gray; border-radius:20px;} #point_box{ word-spacing:0px;} .hello_blue{ font-weight:bold; color:#143d6c;} #hello_member{ height:57px; background:url(../images/logon_icon.png) no-repeat;border-bottom:1px solid #dad9d8; padding-bottom:10px; margin-bottom:10px;} #hello_member p{ font-size:18px; color:#505050; text-align:left; line-height:140%; letter-spacing:-1px; padding:8px 0 0 67px;} #hello_comment p{ text-align:center; font-size:16px; text-align:center; color:#424242; letter-spacing:-1px; line-height:150%;} #point_wrap{ max-width:270px; margin:15px auto 0 auto; cursor:pointer;} #point_stock{ float:left; border-radius:10px; margin:5px; padding:10px 0; background-position:50% 10px; width:73px;} #point_stock h4{font-family: 'JalnanOTF00'; font-size:18px; color:#d16721; text-align:center; margin-top:46px;} #point_stock h4:hover{ color:#143d6c;} .point_icons01{ background:url(../images/mp_icon01.png) no-repeat #ededed;} .point_icons02{ background:url(../images/mp_icon02.png) no-repeat #ededed;} .point_icons03{ background:url(../images/mp_icon03.png) no-repeat #ededed;} .point_icons04{ background:url(../images/mp_icon04.png) no-repeat #ededed;} #point_stock > p{ font-size:11px; text-align:center; margin-top:5px; color:#5d5d5d; letter-spacing:-1px;} /*quick_search_wrap*/ #quick_search_wrap{ position:absolute; left:50%; margin-left:-590px; bottom:-20px;} #quick_search{ background:url(../images/qs_bg.png) #07457d center; padding:15px 35px;} #qs_title{ float:left; color:#ffffff; line-height:120%; text-align:center; font-size:18px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='74' height='74' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' 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"); background-repeat:no-repeat; background-position:100% 50%; padding:0 70px 0 0; } #qs_seaech{ float:left; margin-left:45px;} #qs_seaech ul{} #qs_seaech ul li{ float:left; margin-right:10px; padding-top:4px;} #qs_seaech select{ border:1px solid #284c65; border-radius:3px; width:140px; height:35px; } #qs_seaech select:hover{border:1px solid #0c83d6;} .qs_line{ background:url(../images/qs_line.png) no-repeat; margin-top:15px;} #qs_seaech .map_pin{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-map-pin'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:10px 50%; padding:0 0 0 30px;} #qs_seaech .atp{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-home'%3e%3cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3e%3c/path%3e%3cpolyline points='9 22 9 12 15 12 15 22'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:10px 50%; padding:0 0 0 30px;} #qs_seaech .atv{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-activity'%3e%3cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:10px 50%; padding:0 0 0 30px;} #qs_btn{ float:right; padding-top:0px;} #qs_btn a{ display:block; width:150px; background:#071937; color:#ffffff; text-align:center; height:34px; line-height:34px; font-size:16px; margin-top:4px; } #qs_btn a:hover{ background:#f16b16;} .qks_select{ border:none; background:none; width:82px; height:20px; line-height:20px; margin-bottom:5px;} .qks_btn{ text-indent:-99999px;} .qks_btn a{display:block; background:url(../images/q_search_btn.png) no-repeat center; width:27px; height:40px;} #qks_input{ border:1px solid #ebebeb; border-radius:3px; background:#f9f9f9;} #qks_input ul li{ float:left; text-align:center;} .qks_text{ color:#000000; font-weight:500; padding-left:15px;} #qks_input .tk_bar{ background:url(../images/gnb_bar.png) no-repeat left;} .qks_input{ border:none; background:none; width:50px; color:#000000; text-align:center; font-family:'louis Regular','NotoSansKRWeb';} .icon_lock{ padding:0 0 0 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8b8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-lock'%3e%3crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3e%3c/rect%3e%3cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3e%3c/path%3e%3c/svg%3e"); background-repeat:no-repeat; } .icon_user{ padding:0 0 0 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8b8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3e%3cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3e%3c/path%3e%3ccircle cx='12' cy='7' r='4'%3e%3c/circle%3e%3c/svg%3e"); background-repeat:no-repeat; } .icon_counsel{ padding:0 0 0 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8b8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-circle'%3e%3cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3e%3c/path%3e%3c/svg%3e"); background-repeat:no-repeat; } /*main_calendar_wrap*/ #calendar_wrap{ clear:both; padding:100px 0 60px 0; width:1180px; margin:0 auto;} #calendar_box{ float:left; } #cal_title{ border-bottom:1px solid #e1e8ee;} #cal_title h2{ float:left; font-size:30px; color:#484848; font-weight:400; letter-spacing:-1px; padding-bottom:8px;} .title_blue{ font-weight:bold; color:#07457d;} #cal_title > p{ color:#787878; text-align:center; color:#787878; font-size:18px; margin-bottom:20px;} #cal_title2{} #cal_title2 h3{ font-size:30px; color:#484848; font-weight:400; letter-spacing:-1px; padding-bottom:8px; text-align:center;} #cal_title2 > p{ color:#787878; text-align:center; color:#787878; font-size:18px; margin-bottom:20px;} #more_rect{ float:right; margin-top:4px;} #more_rect a{ display:block; border:1px solid #d4d4d4; color:#a4a4a4; width:24px; height:24px; line-height:24px; text-align:center; font-size:22px;} #more_rect a:hover{ border:1px solid #284c65; color:#284c65;} #cal_btn{ margin-top:25px; width:100%;} #cal_btn li{ float:left;} #cal_btn .before{ text-align:left; width:6%;} #cal_btn .before a{ display:block; width:20px; height:20px; text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23303030' 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; } #cal_btn .before a:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236f923c' 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; } #cal_btn .cal_day{ text-align:center; font-size:18px; width:88%;} #cal_btn .next{ text-align:right; float:right; width:6%;} #cal_btn .next a{ display:block;width:20px; height:20px; text-indent:-99999px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23303030' 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"); background-repeat:no-repeat; } #cal_btn .next a:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236f923c' 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"); } .cal_date{color:#292929; font-size:20px; font-weight:400; letter-spacing:0px; text-align:center; width:80%;} #cal_box_title .before{ text-indent:-99999px; width:10%;} #cal_box_title .before a{ display:block; width:20px; height:20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://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-skip-back'%3e%3cpolygon points='19 20 9 12 19 4 19 20'%3e%3c/polygon%3e%3cline x1='5' y1='19' x2='5' y2='5'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; } #cal_box_title .before a:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://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-skip-back'%3e%3cpolygon points='19 20 9 12 19 4 19 20'%3e%3c/polygon%3e%3cline x1='5' y1='19' x2='5' y2='5'%3e%3c/line%3e%3c/svg%3e"); } #calendar_main{ float:left; width:280px;} .tbl_newcal{ width:100%; height:255px;} .tbl_newcal thead tr th{ text-align:center; color:#515151; font-size:16px; font-weight:400; height:45px; line-height:45px;} .tbl_newcal tr td{ text-align:center; height:40px; line-height:40px; width:calc(100%/7);} .m_sun{ color:#e66b5b;} .m_sat{ color:#489fc6;} .last_m{color:#939393;} .last_m a:hover{color:#939393;} .tbl_newcal a{ display:block; height:35px; line-height:35px; width:35px; border-radius:100%; text-align:center; margin:0 auto;} .tbl_newcal a:hover{ background:#dddddd;} /*.tbl_newcal a:focus{ background:#004986; color:#ffffff;}*/ .cal_today { display:block; height:35px; line-height:35px; width:35px; border-radius:100%; text-align:center; margin:0 auto;background:#004986; color:#ffffff;} #cal_court_wrap{ float:left;} #cal_court{ margin:24px 0 0 24px; background:#f4f8fb; border-radius:10px; padding:25px 25px; height:220px; overflow: scroll-y;} #cal_court ul{ width:230px;} #cal_court ul li{ float:left; padding: 10px 0; width:50%;} #cal_court ul li a{ display:block; color:#3e3e3e;} #cal_court ul li a:hover{ color:#f16b16;} /*cal_result*/ #cal_result{ float:left; margin-left:20px; width:260px;} #cr_result{} #cr_result h5{ text-align:center; font-size:16px; font-weight:400; margin:20px 0;} #cal_total{ float:left; display:block; background:#f16b16; color:#ffffff; text-align:center; border-radius:50px; padding:3px 10px; margin:6px 0 0 10px; font-weight: normal; font-size:12px;} #cal_total p{} #mcr_stock{} #mcr_stock dl{ background:#f4f8fb; margin-bottom:7px; border-radius:5px; padding:10px 20px;} .mcrc01{ float:left;} .mcrc02{ float:right;} /*cal_counsel*/ #cal_counsel_wrap{ float:left; margin:0 0 0 20px; width:290px;} #cal_counsel{ border-bottom:1px solid #3d5b6d; padding-bottom:10px; margin-bottom:20px;} #cc_form{ margin-top:20px;} #cc_form ul li{ margin-bottom:10px;} #cc_form .mcinput{ border:1px solid #d4d4d4; border-radius:3px; background:#f9f9f9; color:#222222; font-size:16px;letter-spacing:0px; padding:10px; font-family:'louis Regular','NotoSansKRWeb';} #cc_form .mcin_w01{ width:92%;} #cc_form .mcin_w02{ width:26%;} #cc_form .mcin_w03{ width:92%; height:85px;} #mcf_btn{ float:left;} #mcf_btn a{display:block; background:#07457d; color:#ffffff; height:44px; line-height:44px; width:100px; font-size:18px; padding:0 20px; font-weight:400; letter-spacing:-1px; text-align:center;} #mcf_btn a:hover{ background:#f16b16; color:#ffffff;} #cc_form p{ float:left; font-size:12px; letter-spacing:-1px; margin:15px 0 0 10px;} #cc_form p a{ display: inline-block;} #cc_form p a:hover{ text-decoration:underline;} /*main_recom_wrap*/ #main_recom_wrap{ padding:30px 0 60px 0;} #main_recom{ width:1180px; margin:0 auto;} #mr_stock_wrap{ margin-top:25px;} #mr_stock_wrap ul li{ float:left; margin-left:23px;} #mr_stock_wrap ul li:first-child{ margin-left:0px;} #mr_pic{ position:relative;} #mr_pic > img{ border-radius:10px;} #ribonz{ position:absolute; top:0px; right:0px; color:#ffffff; text-align:center; height:30px; line-height:30px; padding:0 10px;} #mr_pic .green{ background:#6f923c;} #mr_pic .orange{ background:#f16b16;} #mr_pic .blue{ background:#07457d;} #mr_txt{ margin-top:10px;} .mtxt001{ font-size:18px;} .mtxt002{ font-size:12px; color:#979797; line-height:180%;} .tbl_mr_tock{ width:100%; margin-top:8px;} .gam{ background:#363636; width:28px; height:16px; line-height:16px; font-size:11px; text-align:center; color:#ffffff; border-radius:2px; font-weight:400;} .gam_price{ text-align:right; font-size:18px; color:#000000; font-weight:600;} .choi{ background:#f16b16; width:28px; height:16px; line-height:16px; font-size:11px; text-align:center; color:#ffffff; border-radius:2px; font-weight:400;} .choi_price{ text-align:right; font-size:18px; color:#3a8bc9; font-weight:600;} /*main_theme_wrap*/ #main_theme_wrap{ clear:both; padding:30px 0;} #main_theme{ width:1180px; margin:0 auto;} #theme_tab{ clear:both;} #theme_tab ul{} #theme_tab ul li{ float:right; font-size:14px; width:calc(100%/6); font-weight:400; background:#e1e1e1; text-align:center;} #theme_tab ul li a{ display:block; padding:15px;} #theme_tab ul li a:hover{ background:#333333; color:#ffffff; } .tover01{ color:#248bd3;} .tover02{ color:#7bfffe;} /*main_bbs_wrap*/ #main_bbs_wrap{ clear:both; margin-bottom:30px;} #main_bbs{ width:1180px; margin:0 auto; padding:35px 0;} #main_bbs > ul > li { float:left;} #main_bbs > ul > li:nth-child(1) { width:37%; } #main_bbs > ul > li:nth-child(2) { float:right; width:63% } #mbw_title{} #mbw_title h3{ float:left; color:#484848; font-size:30px; letter-spacing:-1px; font-weight:400;} #mbw_title > a{ float:right;} #mbw_article{ margin-top:20px; clear:both; overflow:hidden; padding-bottom:20px;} #mbw_s h5{ float:left; color:#303030; text-align:center; width:10%;} #mbw_s .mbw_date{ font-size:52px; font-family:'GmarketSansBold';} #mbw_s .mbw_month{ font-size:18px; font-family:'GmarketSansMedium'; letter-spacing:-1px; font-weight:normal; margin-top:-10px;} #mbw_a{ float:right; margin:0 0 0 20px; width:85%;} #mbw_article h4{ color:#282727; font-size:25px; font-weight:400;} #mbw_article p{ color:#282727; font-size:14px; line-height:140%; margin-top:8px;} #mbw_article p a{ color:#707070;} #mbw_article p a:hover{ color:#07457d;} #mbw_ban_blog{ border:2px solid #36ac36; color:#848484; margin-top:10px; position:relative; background:url(../images/naver_blog_logo.png) no-repeat 20% 50%; background-color:#ffffff; border-radius:10px; text-align:center;} #mbw_ban_blog a{ display:block; height:70px;} #mbw_ban_blog p{ position:absolute; top:38px; left:96px; letter-spacing:-1px;} #mbw_article .account{ text-align:center;} .acc_num{ color:#3a8bc9; font-size:34px; font-weight:600; margin:10px 0;} .acc_name{ color:#000000; font-size:18px;} #mbw_ban_fee{ border:2px solid #5a6fbe; color:#ffffff; margin-top:10px; position:relative; height:70px; background:url(../images/clip_woman.png) no-repeat 20% 100%; background-color:#5a6fbe; border-radius:10px; text-align:left;} #mbw_ban_fee a{ display:block; height:70px; color:#ffffff;} #mbw_ban_fee p{ position:absolute; top:18px; left:156px; letter-spacing:-1px; line-height:140%;} .fee_h1{ font-size:20px;} /*main_btm_ban*/ #main_btm_ban{ height:375px; background:url(../images/bg_btm.jpg) center #103565; margin-bottom:50px; color:#ffffff; text-align:center;} .bbn01{ padding:100px 0 10px 0; font-size:22px;} #main_btm_ban h3{ font-size:45px; text-transform:uppercase;} .bbn02{ padding:20px 0 10px 0; font-size:14px; line-height:130%;} #bbn_btn{ text-align:center; margin-top:10px;} #bbn_btn a{ display:inline-block; height:37px; line-height:37px; width:140px; color:#ffffff; margin:0 3px; font-size:16px; font-weight:normal;} #bbn_btn .bbtn01{ background:#0064c2; border:3px solid #0064c2;} #bbn_btn .bbtn02{ border:3px solid #ffffff;} /*footer*/ #footer_wrap{ border-top:1px solid #dfdfdf;} #privacy_wrap{ border-bottom:1px solid #dfdfdf;} #privacy{ float:left;} #privacy_link p a{ display:inline-block; height:55px; line-height:55px;} #privacy_link p a:hover{ color:#3a8bc9;} #sns_banner{ float:right;} #sns_banner ul{ margin-top:13px;} #sns_banner ul li{ float:right; margin-left:10px;} #sns_banner ul li a{ display:block; width:24px; height:24px; text-indent:-999999px;} .sns_01{ background:url(../images/icoc_insta.jpg) no-repeat center;} .sns_02{ background:url(../images/icoc_face.jpg) no-repeat center;} .sns_03{ background:url(../images/icoc_blog.jpg) no-repeat center;} .sns_04{ background:url(../images/icoc_utube.jpg) no-repeat center;} .sns_05{ background:url(../images/icoc_kakao.jpg) no-repeat center;} #footer{ padding:30px 0; width:1180px; margin:0 auto;} #address{ float:left;} #address p{ color:#616161; line-height:180%;} #address p a{ color:#000000;} #ft_call{ float:right;} #ft_call h3{ font-size: 30px; color:#07457d;} #ft_call ul{ margin:10px 0 0 0} #ft_call ul li{ font-size:12px; margin:5px 0; color:#616161;} #ft_call ul li a{ color:#000000;} #ft_call .black{ color:#000000;} /*서브페이지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:20px; font-weight:bold; text-align:center; background:url(../images/qs_bg.png) 0 50% #284c65; color:#ffffff; font-weight:400; height:60px; line-height:60px;} #sub_menu .sub_eng p{ text-align:center; color:#ffffff; font-size:16px; font-family:'NotoSansKRWeb'; 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='https://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='https://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;} #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;} #mcounsel_title{ background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://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 45px; 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;} #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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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='https://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"); } .qs_btn{ text-align:center; } .qs_btn a{ display:block; width:185px; margin:0 auto; background:url('../images/arrow_basic.png') no-repeat right; color:#89898a; font-size:18px; font-weight:500; padding-right:20px;} .qs_btn a:hover{color:#2e65a2;} /*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='https://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='https://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;} @media screen and (max-width:1250px) { #lnb_wrap { min-width:1180px;} #nav_over{ min-width:1180px;} #main_fla_wrap{ min-width:1180px;} #nav ul{ margin-left:50px;} #nav ul li a{ font-size:16px; letter-spacing:-1px; line-height:22px; font-weight:400;} #nav .total_nav a{ display:none;} /*#tk_wrap{ display:none;}*/ #quick_search_wrap{ min-width:1180px;} #main_recom_wrap{ min-width:1180px;} #main_bbs_wrap{ min-width:1180px;} #footer_wrap{ min-width:1180px;} } @media print{ #wing_left{display: none;} #wing_right{display: none;} }