.container{ width:1180px; margin:0 auto;} #header_wrap{ border-bottom:1px solid #c1c1c1; padding:10px 0;} #gnb_wrap{ border-bottom:1px solid #e3e4e8;} #gnb{ height:34px; line-height:34px;} #gnb > h2{ font-size:15px; color:#444444; background:url(../images/crown.png) no-repeat 0 50%; padding:0 0 0 35px; float:left; font-weight:500;} #gnb > ul{ float:right;} #gnb > ul > li{ float:left; margin-left:24px;} #gnb > ul > li a{ font-size:15px; display:block; font-weight:300;} #gnb > ul > li a:hover{ color:#0e63aa;} #gnb > ul > li:last-child{ background:url(../images/googleplay_logo.svg) no-repeat 0 50%; padding:0 0 0 22px;} #header{} #header h1{ float:left; margin:15px 0;} #hdtk_wrap{ float:left; width:366px; height:60px; line-height:60px; border-radius:50px; border:1px solid #e1e1e1; box-shadow: 0 0 3px 0 rgba(97, 114, 145, 0.5); margin:25px 0 0 200px;} #hdtk_tab{ float:left;} #hdtk_tab ul{ background:#e5f0ff; border-radius:50px; width:108px; margin:3px 0 0 3px;} #hdtk_tab ul li{ float:left;} #hdtk_tab ul li a{ display:block; width:54px; height:54px; line-height:54px; text-align:center; font-size:15px; color:#0f2332; border-radius:50px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; } #hdtk_tab ul li a:hover{ background:#0e63aa; color:#ffffff;} #hdtk_form{ float:left;} #hdtk_form ul li{ float:left; font-size:15px; margin-left:10px;} #hdtk_form ul li span{ color:#0f2332; border-left:1px solid #dadada; font-weight:500; padding-left:10px;} #hdtk_wrap input{ border:none; font-size:15px;} #hdtk_wrap select{ border:none; font-size:15px;} #hdtk_btn{ float:left;} #hdtk_btn a{ display:block; text-align:center; width:24px; height:60px; 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='%230f2332' stroke-width='2.5' 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; background-position:center; text-indent:-99999px; } #hdtk_btn a:hover{ 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='%230e63aa' stroke-width='2.5' 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; background-position:center; text-indent:-99999px; } #hd_call{ float:right; margin:30px 0 0 0;} #hd_call p{ text-align:right; line-height:110%; font-size:15px;} #hd_call h3{ background:url(../images/call.png) no-repeat 0 50%; padding:0 0 0 20px; color:#0f2332; font-size:28px; line-height:120%;} #lnb_wrap{ border-bottom:1px solid !e1e1e1;} #nav{ clear:both; margin:10px 0;} #nav ul li{ float:left; width:calc(100%/8);} #nav ul li a{ display:block; font-size:20px; letter-spacing:-1px; font-weight:500; padding:8px; color:#444444; text-align:center; border-bottom:2px solid #ffffff; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;} #nav ul li a:hover{ color:#000000; border-bottom:2px solid #0eb3d3;} /*nav_over*/ #nav_over{ width:100%; background:#ffffff; position:absolute; top:215px; left:0px; z-index:99999; display:none; border-top:1px solid #d4d4d4; border-bottom:1px solid #e1e1e1;} #nav_menu{min-width:1180px; margin:0 auto;} #nav_menu > ul{} #nav_menu > ul > li{ float:left; text-align:left; font-size:16px; width:calc(100%/8);} #nav_menu > ul > li:hover{} #menus{} #menus > ul{ padding-bottom:20px;}/*네비하단길이*/ #menus > ul:hover{ } #menus > ul > li > a{ display:block; color:#141414; font-weight:400; padding:10px 0 10px 25px;border-bottom:2px solid #ffffff; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;} #menus > ul > li > a:hover{ color:#0e63aa;border-bottom:2px solid #0eb3d3; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c8d7da' stroke-width='3' stroke-linecap='square' stroke-linejoin='square' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:0 50%; } /*************************************************************/ /*main_fla_wrap*/ #main_fla_wrap{position:relative; height:525px;} .mainVisualImage{ width:auto !important;min-width:1180px; height:525px; 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:auto; display:block; height:525px; } .mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; left:0px; bottom:20px; 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; } /*login_box*/ #login_box_wrap{ display:none;} #login_box{ position:absolute; top:45px; left:50%; margin-left:310px; z-index:1; background:#ffffff; padding:25px 25px 25px 25px; box-shadow:0px 1px 5px gray; border-radius:20px;} #login_box h3{ text-align:center; font-size:24px; color:#0f2332;} #login_box .login_id{ border:1px solid #e1e1e1; background:#f8fbff; color:#2a2a2a; letter-spacing:0px; font-size:14px; padding:0 0 0 40px; font-weight:300; width:160px; height:37px; line-height:37px; border-radius:5px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512' fill='%239f9f9f' stroke='%239f9f9f' %3e%3cpath d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:15px 50%; } #login_box .login_pw{ border:1px solid #e1e1e1; background:#f8fbff; color:#2a2a2a; letter-spacing:0px; font-size:14px; padding:0 0 0 40px; font-weight:300; width:160px; height:37px; line-height:37px; border-radius:5px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512' fill='%239f9f9f' stroke='%239f9f9f'%3e%3cpath d='M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z'/%3e%3c/svg%3e");background-repeat:no-repeat; background-position:15px 50%; } .lid{ clear:both; margin:10px 0;} .lpw{ color:#1a1a1a; font-size:14px; font-weight:200;} #login_box .login_chbox{ -webkit-border-radius:0; /* input 라운드 사라짐 */ border-radius:0px; border:1px solid #bfbfbf; margin:0 5px 0 0; } #login_btn a{ display:block; text-align:center; color:#ffffff; font-size:16px; font-weight:normal; background:#0e63aa; width:200px; height:37px; line-height:37px; border-radius:5px; margin:15px 0 0 0;} #login_btn a:hover{ background:#003065;} #login_box > p{ text-align:center; word-spacing:5px; margin-top:15px;} #login_box > p > a{ color:#9f9f9f; font-size:14px;} #login_box > p > a:hover{ color:#143d6c;} #logout_box{position:absolute; top:45px; left:50%; margin-left:310px; z-index:1; background:#ffffff; padding:20px 10px; 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:67px;} #point_stock h4{ 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; bottom:55px; left:50%; margin-left:-570px; box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5); background:#ffffff; width:1140px; height:67px; border-radius:50px;} #qs_title{ float:left; color:#ffffff; width:180px; height:48px; line-height:52px; background:#284c65; text-align:center; font-size:18px; } #qs_title:after {display:inline-block; border-style:solid; border-width:24px; border-color:transparent transparent transparent #284c65; content:''; position:absolute; width:0; height:0; border-style:solid; margin-left:41px; } #qs_seaech{ float:left; } #qs_seaech ul{ margin:10px 0 0 40px;} #qs_seaech ul li{ float:left; margin-left:10px; line-height:44px; font-weight:600; font-size:18px; color:#121212;} #qs_seaech select{ border:1px solid #3e80eb; border-radius:5px; width:123px; height:44px; } #qs_seaech select:hover{border:1px solid #0e63aa;} #qs_seaech span{ margin:0 10px 0 0;} #qs_btn{ float:left; margin:10px 0 0 20px;} #qs_btn a{ display:block; width:135px; background:#0e63aa; color:#ffffff; text-align:center; height:44px; line-height:44px; border-radius:12px; font-size:18px; font-weight:600;} #qs_btn a:hover{ background:#003065;} .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; } /*main_shortcut_wrap*/ #main_shortcut_wrap{ background:#e5f0ff; padding:23px 0;} #ms_box_wrap{ box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5); border-radius:15px; background:#f8fbff; cursor:pointer; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; border:1px solid #ffffff;} #ms_box_wrap:hover{ box-shadow: 0 0 15px 0 rgba(97, 114, 195, 0.5); background:#ffffff; border:1px solid #95add2;} #ms_box{ padding:10px; width:160px; height:120px;} #ms_box h3{ color:#3f80ea; font-size:20px; font-weight:600;} #ms_box p{ color:#59595a; font-size:16px; font-weight:400;} #main_shortcut .ms_icon01{background:url(../images/scicon01.svg) no-repeat 90% 93%, url(../images/arrow_a.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon01:hover{ background:url(../images/scicon01.svg) no-repeat 90% 93%, url(../images/arrow_b.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon02{background:url(../images/scicon02.svg) no-repeat 90% 93%, url(../images/arrow_a.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon02:hover{ background:url(../images/scicon02.svg) no-repeat 90% 93%, url(../images/arrow_b.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon03{background:url(../images/scicon03.svg) no-repeat 90% 93%, url(../images/arrow_a.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon03:hover{ background:url(../images/scicon03.svg) no-repeat 90% 93%, url(../images/arrow_b.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon04{background:url(../images/scicon04.svg) no-repeat 90% 93%, url(../images/arrow_a.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon04:hover{ background:url(../images/scicon04.svg) no-repeat 90% 93%, url(../images/arrow_b.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon05{background:url(../images/scicon05.svg) no-repeat 90% 93%, url(../images/arrow_a.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon05:hover{ background:url(../images/scicon05.svg) no-repeat 90% 93%, url(../images/arrow_b.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon06{background:url(../images/scicon06.svg) no-repeat 90% 93%, url(../images/arrow_a.svg) no-repeat 10px 90%;} #main_shortcut .ms_icon06:hover{ background:url(../images/scicon06.svg) no-repeat 90% 93%, url(../images/arrow_b.svg) no-repeat 10px 90%;} /*main_calendar_wrap*/ #calendar_wrap{ clear:both; padding: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:34px; color:#121212; font-weight:600; letter-spacing:-1px; padding-bottom:8px;} #cal_title h2 span{ color:#0e63aa;} #cal_title > p{ float:left; margin:13px 0 0 10px; color:#787878;} #more_rect{ float:right; margin-top:8px;} #more_rect a{ display:block; width:36px; height:36px; background:url(../images/arrow_a.svg) no-repeat; text-indent:-9999px;} #more_rect a:hover{ background:url(../images/arrow_b.svg) no-repeat; } /*more_arr*/ #more_arr{ float:right; margin-top:4px;} #more_arr a{ display:block; border:1px solid #d4d4d4; color:#a4a4a4; width:24px; height:24px; line-height:24px; text-align:center; font-size:22px;} #more_arr a:hover{ border:1px solid #284c65; color:#284c65;} #cal_btn{ margin-top:25px; width:100%; padding-bottom:20px;} #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='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2' stroke-linecap='square' stroke-linejoin='square' 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='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e63aa' stroke-width='2' stroke-linecap='square' stroke-linejoin='square' 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%; font-family: 'BnviitLasik'; color:#0e63aa;} #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='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2' stroke-linecap='square' stroke-linejoin='square' 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='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e63aa' stroke-width='2' stroke-linecap='square' stroke-linejoin='square' 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='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-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='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-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:270px;} .tbl_newcal{ width:100%; height:255px;} .tbl_newcal thead tr th{ text-align:center; color:#adadad; 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; width:50%;} #cal_court ul li a{ display:block; color:#212121; text-align:left; padding:5px 0; font-weight:300;} #cal_court ul li a:hover{ color:#003065;} /*cal_result*/ #cal_result{ float:left; margin-left:30px; width:260px;} #cr_result{} #cr_result h5{ text-align:center; font-size:18px; font-weight:600; margin:15px 0; color:#0e63aa; letter-spacing:-1px;} #cal_total{ float:right; display:block; background:#ffffff; color:#121212; text-align:center; border-radius:7px; font-weight:500; font-size:14px; border:1px solid #e1e1e1; width:94px; height:32px; line-height:32px; margin:11px 0 0 0;} #cal_total p{} #mcr_stock{} #mcr_stock dl{ background:#f4f8fb; margin-bottom:7px; border-radius:5px; padding:8px 10px;} .mcrc01{ float:left;} .mcrc02{ float:right;} /*cal_counsel*/ /* #cal_counsel_wrap{ float:right; margin:0 0 0 30px; width:280px;} #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:#554028; color:#ffffff; height:47px; line-height:47px; width:100px; font-size:18px; border-radius:10px; padding:0 20px; font-weight:400; letter-spacing:-1px;} #mcf_btn a:hover{ background:#003065; 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;} */ #free_counsel_wrap{ float:right; margin:0 0 0 30px; width:280px; background:#f1f3f6; border:1px solid #e1e1e1; border-radius:25px; position:relative;} #free_counsel{ padding:23px 16px 16px 16px;} #fc_title{ background:url(../images/malpung.png) no-repeat 0 50%;} #fc_title ul{ margin:10px 0 10px 65px;} #fc_title ul li{ text-align:left; font-weight:600; line-height:120%;} #fc_title ul li:first-child{ font-size:22px; color:#121212;} #fc_title ul li:last-child{ font-size:27px; color:#ff7030; letter-spacing:-1.5px;} #fc_form{ background:#ffffff; border:1px solid #e1e1e1; border-radius:10px; padding:15px;} #fc_form ul{ margin:10px 0;} #fc_form ul li{ font-size:15px; line-height:30px; height:30px; letter-spacing:-1px;} #fc_form ul li span{} #fc_form ul li label{ margin-left:5px;} #fc_form a{ display:block; height:47; line-height:47px; width:147px; background:#0e63aa; border-radius:10px; margin:30px auto 10px auto; text-align:center; color:#ffffff;} #fc_form a:hover{ background:#003065;} /*cf_layer_wrap*/ #cf_layer_wrap{ position:absolute; top:0; lefe:0; width:280px; background:#f1f3f6; border-radius:25px; border:1px solid #dddddd; box-sizing:border-box;} #cf_layer{padding:23px 16px 16px 16px;} #cf_layer h2{ text-align:center; font-family: 'BnviitLasik'; position:relative;} #cf_layer .cfclose{ position:absolute; top:-15px; right:-10px; font-size:12px; text-indent:-99999px;} #cf_layer .cfclose a{ display:block; width:24px; height:24px; 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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center; } #cf_layer p{ font-size:17px; text-align:center; font-weight:500; line-height:130%; margin-bottom:20px;} #cf_layer p span{ font-size:16px; color:#0e63aa; font-weight:200;} #cf_box{ background:#ffffff; border-radius:15px; border:1px solid #dddddd; padding:10px; clear:both;} #cf_box ul{} #cf_box ul li{ margin:4px 0;} #cf_box input{ background:#f8fbff; border:1px solid #e1e1e1; color:#2f3030; width:215px; font-size:13px; padding:3px 0 3px 10px;} #cf_box input::placeholder{ font-size:13px; font-weight:300; color:#828282;} #cf_box textarea{ background:#f8fbff; border:1px solid #e1e1e1; color:#2f3030; width:215px; resize:none; font-size:13px; padding:3px 0 3px 10px;} #cf_box textarea::placeholder{ font-size:13px; font-weight:300; color:#828282;} #cf_box select{background:#f8fbff; border:1px solid #e1e1e1; color:#2f3030; width:225px; font-size:13px; padding:5px 0 5px 10px;} #cf_box ul li p{ font-size:12px; text-align:right;} /*main_recom_wrap*/ #main_recom_wrap{ border-top:1px solid #d4d4d4; padding:60px 0;} #main_recom{ width:1180px; margin:0 auto;} /*reco_title*/ #reco_title_wrap{} #reco_title{ float:left; margin-bottom:30px;} #reco_title h2{ font-size:40px; color:#121212; font-weight:600; letter-spacing:-2px; line-height:140%} #reco_eng{ display:inline-block; border-radius:50px; padding:5px 20px; text-align:center; font-size:18px;} #main_recom .eng_lightgreen{ color:#43ceac; background:#e9fcf8; border:1px solid #b4ebde;} #main_recom .eng_lightblue{ color:#3f80eb; background:#f2f8ff; border:1px solid #bcd6ff;} #main_recom .eng_midgreen{ color:#0eb3d3; background:#f2fffe; border:1px solid #bcf3ff;} #main_recom .lightgreen{ color:#2ac9a4;} #main_recom .lightblue{ color:#3f80ea;} #main_recom .midgreen{ color:#0eb3d3;} #reco_tab{ float:right;} #reco_tab ul{ margin:49px 0 0 0;} #reco_tab ul li{ float:left; margin-left:7px;} #reco_tab ul li a{ background:#fafafa; border:1px solid #e1e1e1; color:#46494a; font-size:18px; font-weight:600; text-align:center; display:block; height:37px; line-height:37px; width:130px; border-radius:8px;transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;} #reco_tab ul li a:hover{ background:#2ac9a4; border:1px solid #2ac9a4; color:#ffffff; } /*reco_more*/ #reco_more{ float:right; margin:10px 0 0 25px;} #reco_more a{ display:block; width:36px; height:36px; background:url(../images/arrow_b.svg) no-repeat; text-indent:-9999px;} #reco_more a:hover{ background:url(../images/arrow_a.svg) no-repeat; } /*main_stock_wrap*/ #main_stock_wrap{ clear:both;} #main_stock_wrap ul{} #main_stock_wrap ul li{} #main_stock{ width:277px; height:325px; border-radius:20px;transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;} #main_stock:hover{ box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5);} #ms_imz{ position:relative;} #ms_imz img{ border-radius:20px 20px 0 0;} #ms_imz span{ display:block; position:absolute; top:10px; right:10px; padding:1px 10px;} #ms_imz .l_green{ color:#ffffff; background:#2ac9a4; border-radius:7px; text-align:center; font-weight:500; font-size:14px;} #ms_imz .l_blue{ color:#ffffff; background:#0eb3d3; border-radius:7px; text-align:center; font-weight:500; font-size:14px;} #ms_info_wrap{ background:#f1f3f6; border:1px solid #dddddd; border-radius:0 0 20px 20px;} #ms_info_wrap:hover{} #ms_info{ background:#ffffff; margin:10px; border-radius:0 0 20px 20px; padding:10px;} #ms_info h3{ font-size:20px; color:#2a2a2a; text-align:center; font-weight:500; letter-spacing:-1px;} #ms_info p{ font-size:16px; color:#979797; text-align:center; font-weight:600; letter-spacing:-0.5px; line-height:100%;} .tbl_msprice{ margin:8px 0 0 0; width:94%; margin:10px auto 5px auto;} .tbl_msprice tr th{ margin:0px; padding:1px;} .tbl_msprice tr td{ margin:0px; padding:1px 0 0 3px;} #ms_info .gam{ display:inline-block; width:25px; height:25px; line-height:25px; border-radius:4px; background:#46494a; color:#ffffff; text-align:center; font-size:14px;} #ms_info .gam_price{ text-align:left; font-size:20px; line-height:25px;} #ms_info .choi{ display:inline-block; width:25px; height:25px; line-height:25px; border-radius:4px; background:#0eb3d3; color:#ffffff; text-align:center; font-size:14px;} #ms_info .choi_price{ text-align:left; color:#248bd3; font-size:20px; line-height:25px; letter-spacing:-1px;} #mr_stock_wrap{ clear:both;} #mr_stock_wrap ul li{ float:left; margin-left:23px;} #mr_stock_wrap ul li:first-child{ margin-left:0px;} #mr_pic{ position:relative; border-radius:10px;} #mr_pic > img{ border-radius:10px;} #ribonz{ position:absolute; top:0px; right:0px; color:#ffffff; text-align:center; width:43px; height:43px; line-height:43px; border-radius:10px;} #mr_pic .green{ background:#554028;} #mr_pic .orange{ background:#003065;} #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:#003065; 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{} #thm_box_wrap{ box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5); border-radius:20px; background:#f8fbff; cursor:pointer; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; border:1px solid #ffffff;} #thm_box_wrap:hover{ box-shadow: 0 0 15px 0 rgba(97, 114, 195, 0.5); background:#ffffff; border:1px solid #95add2;} #thm_box{ padding:20px 30px; width:220px; height:110px;} #thm_box h3{ color:#3f80ea; font-size:20px; font-weight:600;} #thm_box p{ color:#59595a; font-size:16px; font-weight:400; line-height:120%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #thm_box_wrap .thm_icon01{background:url(../images/theme_icon01.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon01:hover{ background:url(../images/theme_icon01.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon02{background:url(../images/theme_icon02.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon02:hover{ background:url(../images/theme_icon02.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon03{background:url(../images/theme_icon03.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon03:hover{ background:url(../images/theme_icon03.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon04{background:url(../images/theme_icon04.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon04:hover{ background:url(../images/theme_icon04.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon05{background:url(../images/theme_icon05.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon05:hover{ background:url(../images/theme_icon05.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon06{background:url(../images/theme_icon06.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon06:hover{ background:url(../images/theme_icon06.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon07{background:url(../images/theme_icon07.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon07:hover{ background:url(../images/theme_icon07.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon08{background:url(../images/theme_icon08.svg) no-repeat 90% 83%/50px, url(../images/arrow_a.svg) no-repeat 25px 85%;} #thm_box_wrap .thm_icon08:hover{ background:url(../images/theme_icon08.svg) no-repeat 90% 83%/50px, url(../images/arrow_b.svg) no-repeat 25px 85%;} /* #thm_box .lblue_filter { filter: invert(48%) sepia(98%) saturate(421%) hue-rotate(142deg) brightness(99%) contrast(95%); } */ #theme_stock_wrap ul li:nth-child(5){ margin-top:20px;} #theme_stock_wrap ul li:nth-child(6){ margin-top:20px;} #theme_stock_wrap ul li:nth-child(7){ margin-top:20px;} #theme_stock_wrap ul li:nth-child(8){ margin-top:20px;} /*main_bbs_wrap*/ #main_bbs_wrap{ clear:both; border-top:1px solid #e3e4e8; padding:60px 0;} #main_bbs{} #bbs_box{ width:567px;} #mbtl{ border-bottom:1px solid #c3c3c3; margin-bottom:20px;} #mbtl h3{ float:left; font-size:35px; color:#121212;} #mbtl_more{ float:right; margin:10px 0 0 0;} #mbtl_more a{ display:block; width:36px; height:36px; background:url(../images/arrow_c.svg) no-repeat; text-indent:-9999px;} #mbtl_more a:hover{ background:url(../images/arrow_b.svg) no-repeat; } #mb_info{} #mb_info h4{ font-size:16px; font-weight:400; } #mb_info h4 span{ background:#3f80ea; color:#ffffff; border-radius:5px; margin:0 5px 0 0; font-size:13px; font-weight:200; padding:3px 8px;} #mb_info ul{ margin:10px 0 0 30px;} #mb_info ul li{ list-style-type:disc; margin-bottom:6px; } #mb_info ul li a{ display:block; font-weight:200; color:#000000; font-size:15px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #mb_info ul li a:hover{ color:#0e2243; } /*mbw_nunu*/ #mbw_nunu{} #mbw_nun{ margin:10px 1px 0 0; clear:both; background:url(../images/kor_court.svg) no-repeat 65px 50%/15% #ffffff; border:2px solid #004e97; border-radius:5px; color:#004e97; font-size:20px; letter-spacing:-1px; padding:17px 0 17px 45px; text-align:center; line-height:130%; } #mbw_nun span{ color:#5e5e5e;} /*wing_phone_wrap*/ #wing_phone_wrap{ position:fixed; top:265px; right:20px; width:239px; height:397px; background:url(../images/iphone.png) no-repeat center;} #wip_title{} #wip_title ul{ font-family: 'BnviitLasik'; margin:50px 0 15px 30px; background:url(../images/quotation.png) no-repeat 0 12px;} #wip_title ul li:nth-child(1){ color:#ff7131; font-size:20px; line-height:110%; padding:0 0 0 10px;} #wip_title ul li:nth-child(2){ color:#003065; font-size:50px; line-height:70%; padding:10px 0 20px 13px; letter-spacing:-1.5px;} #wip_title ul li:nth-child(3){ color:#2e1715; font-size:24px; line-height:130%; padding:0 0 0 10px;} #wip_form{ width:165px;} #wip_form ul{ margin:0 0 0 32px;} #wip_form ul li{ margin-bottom:8px;} #wip_form input{ background:#f8fbff; border:1px solid #e1e1e1; color:#2f3030; width:165px; font-size:13px; padding:3px 0 3px 10px;} #wip_form input::placeholder{ font-size:13px; font-weight:300; color:#828282;} #wip_form textarea{ background:#f8fbff; border:1px solid #e1e1e1; color:#2f3030; width:165px; resize:none; font-size:13px; padding:3px 0 3px 10px;} #wip_form textarea::placeholder{ font-size:13px; font-weight:300; color:#828282;} #wip_btn{ clear:both;} #wip_btn a{ display:block; background:#ff7030; border-radius:50px; text-align:center; color:#ffffff; font-weight:500; width:111px; height:37px; line-height:37px; margin:0 auto;} #wip_btn a:hover{ background:#2e1715;} #wip_form p{ font-size:12px; text-align:right; width:175px; line-height:100%;} /*footer*/ #footer_wrap{background:#333333; color:#ffffff; margin-bottom:-38px;} #privacy_wrap{ border-bottom:1px solid #555555;} #privacy{ float:left;} #privacy_link p a{ display:inline-block; height:55px; line-height:55px; font-weight:300;} #privacy_link p a:hover{ color:#1cb3d3;} #ft_totop{ float:right; text-indent:-99999px;} #ft_totop a{ display:block; width:58px; height:58px; line-height:58px; color:#ffffff; text-align:center; border-left:1px solid #555555; 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='%23999999' stroke-width='1' stroke-linecap='square' stroke-linejoin='square' class='feather feather-arrow-up'%3e%3cline x1='12' y1='19' x2='12' y2='5'%3e%3c/line%3e%3cpolyline points='5 12 12 5 19 12'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center; } #ft_bank{ float:right; border-left:1px solid #555555;} #ft_bank ul{ margin:0 30px;} #ft_bank ul li{ float:left; line-height:55px; margin:0 5px; letter-spacing:-1px;} #ft_bank ul li:nth-child(1){} #ft_bank ul li:nth-child(2){} #ft_bank ul li:nth-child(2) img{ border-radius:50px;} #ft_bank ul li:nth-child(3){ color:#1cb3d3; font-size:22px; font-weight:600;} #ft_bank ul li:nth-child(4){} #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:45px 0; width:1180px; margin:0 auto;} #address{ float:left;} #address p{ color:#ffffff; line-height:180%; font-size:15px; font-weight:200;} #address p a{ color:#ffffff;} #ft_call{ float:right;} #ft_call h2{ font-size: 18px; color:#ffffff; font-weight:300;} #ft_call h3{ font-size: 30px; color:#1cb3d3; line-height:120%;} #ft_call ul{ margin:10px 0 0 0} #ft_call ul li{ font-size:12px; margin:0px 0; color:#898989;} #ft_call ul li a{ color:#ffffff;} #ft_call .black{ color:#ffffff;} /*서브페이지sub_page*/ #sub_contents{ clear:both; margin:0 auto; width:1180px; border-top:1px solid #e1e1e1;} #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:#0e63aa; color:#ffffff; font-weight:400; height:60px; line-height:60px; border-radius:20px 0 0 0;} #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:0 0 0 20px;} #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='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 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='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"); } .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='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;} @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;} }