@charset "euc-kr"; /* CSS Document */ body{ font-size:16px} .box1{ width:95%; max-width:1200px; min-width:304px; margin:0 auto} .pc_hide{ display:none} #fade{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:100000001} /*header*/ #nHeader{ position:fixed; top:0; left:0; width:100%; z-index:10001; background:#fff;} #nHeader .top_wrap{ position:relative; z-index:1001; background:#393a3e;} #nHeader .top_wrap .left { float:left;} #nHeader .top_wrap .right{ float:right; text-align:right;} #nHeader .top_wrap .menu{ margin:0 -3px;} #nHeader .top_wrap .menu > li > a{ padding:0 3px; font-size:.688em; color:#fff; height:40px; line-height:40px; text-transform:uppercase;} #nHeader .top_wrap .menu > li > a:hover .tt{ text-decoration:underline;} #nHeader .top_wrap .menu i{ display:inline-block; *display:inline; zoom:1; vertical-align:top;} #nHeader .top_wrap .menu .xi{ font-size:1em;} #nHeader .top_wrap .menu .tt{ padding:0 5px;} #nHeader .top_wrap .menu .down_btn{ position:relative;} #nHeader .top_wrap .menu .down_btn .num{ position:absolute; top:80%; left:0; right:0; padding:3px 5px; background:#2a8f93; border-radius:3px; text-align:center; font-family:"roB","ngB",sans-serif; font-size:.688em; color:#fff;} #nHeader .top_wrap .menu .down_btn .list{ position:absolute; top:80%; left:-15px; right:0; background:#fff; border:1px solid #393a3e; padding:5px 0;} #nHeader .top_wrap .menu .down_btn .list > li > a{ display:block; text-align:left; padding:5px 8px; font-size:.688em; color:#555;} #nHeader .top_wrap .menu .down_btn .list > li > a:hover{ background:#f9f9f9; color:#000;} #nHeader .top_wrap .menu .down_btn .down_con{ display:none;} #nHeader .top_wrap .menu .down_btn:hover .down_con{ display:block;} #nHeader .logo_wrap{ position:relative; z-index:101; opacity:100; height:auto; transition:.3s;} #nHeader .logo_wrap .left { float:left;} #nHeader .logo_wrap .right{ float:right; text-align:right;} #nHeader .logo_wrap a{ display:block;} #nHeader .logo_wrap .vm_wrap{ height:80px;} #nHeader .logo_wrap .menu{ float:left;} #nHeader .logo_wrap .search{ float:left; margin-left:15px;} #nHeader .logo_wrap .all{ float:left; margin-left:3px;} #nHeader .logo_wrap .menu > li{ text-align:center;} #nHeader .logo_wrap .menu > li > a{ padding:0 7px; transition:.3s;} #nHeader .logo_wrap .menu > li > a > i{ display:block; line-height:1.1;} #nHeader .logo_wrap .menu > li > a .xi{ font-size:1.250em; color:#2a8f93;} #nHeader .logo_wrap .menu > li > a .tt{ font-size:.688em; color:#2a8f93; font-family:"roB","ngB",sans-serif;} #nHeader .logo_wrap .menu > li > a:hover{ transform:translate(0,-5px);} #nHeader .logo_wrap .search .inp_wrap{ position:relative;} #nHeader .logo_wrap .search .inp_wrap .inp{ display:inline-block; *display:inline; zoom:1; box-sizing:border-box; height:35px; line-height:35px; background:transparent; border:none; color:#fff;} #nHeader .logo_wrap .search .inp_wrap .inp_txt{ width:210px; padding:0 45px 0 15px; background:#808185; font-family:"roB","ngB",sans-serif; font-size:.750em;} #nHeader .logo_wrap .search .inp_wrap .inp_btn{ position:absolute; top:0; right:0; width:40px; height:100%;} #nHeader .logo_wrap .search .inp_wrap .inp::-webkit-input-placeholder{color:#fff} #nHeader .logo_wrap .search .inp_wrap .inp::-moz-placeholder{color:#fff} #nHeader .logo_wrap .search .inp_wrap .inp::-moz-placeholder{color:#fff} #nHeader .logo_wrap .search .inp_wrap .inp::-ms-input-placeholder{ color:#fff} #nHeader .logo_wrap .all .all_btn{ display:block; box-sizing:border-box; width:40px; height:35px; line-height:35px; border:1px solid #666;} #nHeader .gnb_wrap{ position:relative; z-index:101; border-top:1px solid #eee; border-bottom:1px solid #ccc; box-shadow:0 3px 5px rgba(0,0,0,.08);} #nHeader .gnb_wrap .cate{ height:60px; line-height:60px; padding-right:120px; position:relative;} #nHeader .gnb_wrap .cate .menu{ text-align:center; white-space: nowrap; *zoom:1;} #nHeader .gnb_wrap .cate .menu:after{ content:""; display:block; clear:both;} #nHeader .gnb_wrap .cate .menu > li.all{ float:left;} #nHeader .gnb_wrap .cate .menu > li.all .all_btn{ display:block; padding:0 13px 0 0;} #nHeader .gnb_wrap .cate .menu > li.all .all_btn .xi{ font-size:1.5em; color:#000;} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap{ position:absolute; width:100%; background:#fff; z-index:-1; opacity:0; visibility:hidden;} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .arrow{ position:absolute; top:-33px; left:0.5%} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .all_gnb{ border:2px solid #333} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .all_gnb > li{ width:11.1111%} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .all_gnb > li .dp1{ padding:15px 0; border:1px solid #ddd; border-top:none; border-right:none; background:#f5f5f5; text-align:center; font-family:"roB","ngB",sans-serif; font-size:.750em; color:#000; line-height:1.2;} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .all_gnb > li .dp2{ border-left:1px solid #ddd; padding:10px 5px} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .all_gnb > li .dp2 > li > a{ display:block; font-size:.75em; color:#333; line-height:1.2; padding:5px; word-break: break-all} #nHeader .gnb_wrap .cate .menu > li.all .all_wrap .all_gnb > li .dp2 > li:hover > a{ background:#f5f5f5} #nHeader .gnb_wrap .cate .menu > li.all:hover .all_wrap{ z-index:1; opacity:1; visibility: visible} #nHeader .gnb_wrap .cate .menu > li.in{ position:relative;} #nHeader .gnb_wrap .cate .menu > li.in > .dp1 { display:block; position:relative; z-index:1; padding:0 .8em; font-family:"roB","ngB",sans-serif; font-size:.813em; color:#111; box-sizing:border-box;} #nHeader .gnb_wrap .cate .menu > li.in > .dp1:before{ content:""; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#444; transition:.3s;} #nHeader .gnb_wrap .cate .menu > li.in .dp2{ position:absolute; z-index:-1; top:100%; left:50%; width:160px; margin-left:-81px; padding:10px 0; background:#fff; border:1px solid #ccc; border-top:none; display:none;} #nHeader .gnb_wrap .cate .menu > li.in .dp2 > li{ padding:0 10px;} #nHeader .gnb_wrap .cate .menu > li.in .dp2 > li > a{ display:block; position:relative; padding:8px 10px; border-top:1px solid #eee; font-size:.750em; color:#444; line-height:1; word-break: break-all} #nHeader .gnb_wrap .cate .menu > li.in .dp2 > li:first-child > a{ border-top:none;} #nHeader .gnb_wrap .cate .menu > li.in:hover > .dp1, #nHeader .gnb_wrap .cate .menu > li.in.on > .dp1{ z-index:2; color:#000} #nHeader .gnb_wrap .cate .menu > li.in:hover > .dp1:before, #nHeader .gnb_wrap .cate .menu > li.in.on > .dp1:before{ width:90%; margin-left:-45%;} #nHeader .gnb_wrap .cate .menu > li.in:hover .dp2{ z-index:inherit; display:block;} #nHeader .gnb_wrap .cate .menu > li.in:hover .dp2 > li:hover > a{ background:#f9f9f9; color:#000} #nHeader .gnb_wrap .cate .menu > li.point > .dp1{ color:#082f9f !important;} #nHeader .gnb_wrap .cate .etc_menu{ position:absolute; right:0; top:0;} #nHeader .gnb_wrap .cate .etc_menu:before{ content:""; position:absolute; top:40%; left:0; width:1px; height:20%; background:#d9d9d9;} #nHeader .gnb_wrap .cate .etc_menu > li > a{ margin-left:16px; font-family:"roB","ngB",sans-serif; font-size:.688em; color:#2a8f93; text-transform:uppercase;} #nHeader .gnb_wrap .cate .etc_menu > li:nth-child(1) > a{ color:#0054e0;} #nHeader .gnb_wrap .cate .etc_menu > li:nth-child(2) > a{ color:#a82494;} #nHeader .gnb_wrap .cate .etc_menu > li:nth-child(3) > a{ color:#ff5a00;} #nHeader .gnb_wrap .cate .etc_menu > li > a:hover{ text-decoration:underline;} .scroll #nHeader .logo_wrap{ opacity:0; height:0; overflow:hidden;} /*quick*/ #quick .quick{ position:fixed; left:50%; z-index:10000; margin-top:20px;} #quick .quick_left{ margin-left:-730px; width:110px;} #quick .quick_right{ margin-left:620px; width:110px;} .scroll #quick .quick{ top:100px;} #quick .quickBtn{ display:none;} #quick .cs_wrap{ margin-top:10px; background:#fff; border:1px solid #ccc; border-top:2px solid transparent; text-align:center;} #quick .cs_wrap:first-child{ margin-top:0;} #quick .cs_wrap.info{ border-top-color:#2a8f93;} #quick .cs_wrap.bank{ border-top-color:#393a3e;} #quick .cs_wrap .cs_tit{ line-height:40px; border-bottom:1px solid #ccc; font-family:"roB","ngB",sans-serif; font-size:.875em;} #quick .cs_wrap.info .cs_tit{ color:#2a8f93;} #quick .cs_wrap.bank .cs_tit{ color:#111111;} #quick .cs_wrap .cs_con{ padding:10px 5px;} #quick .cs_wrap .cs_con .icon{ display:inline-block; *display:inline; zoom:1; width:40px; line-height:40px; border-radius:100%; font-size:.938em; color:#fff;} #quick .cs_wrap.info .cs_con .icon{ background:#2a8f93;} #quick .cs_wrap.bank .cs_con .icon{ background:#393a3e;} #quick .cs_wrap .cs_con .cs{} #quick .cs_wrap .cs_con .cs > li{ margin-top:10px;} #quick .cs_wrap .cs_con .cs .t1{ font-size:.938em; color:#2a8f93; font-family:"roB","ngB",sans-serif;} #quick .cs_wrap .cs_con .cs .t2{ font-size:.688em; color:#666; line-height:1.4; letter-spacing:-1px;} #quick .cs_wrap .cs_con .cs .t3{ font-size:.750em; font-family:"roB","ngB",sans-serif;} #quick .cs_wrap .cs_con .cs .t4{ font-size:.750em; font-family:"roB","ngB",sans-serif; margin-top:5px;} #quick .today_wrap{ background:#fff; border:1px solid #393a3e; text-align:center;} #quick .today_wrap .today_tit{ height:90px; background:#393a3e;} #quick .today_wrap .today_tit .tt, #quick .today_wrap .today_tit .num{ display:block;} #quick .today_wrap .today_tit .tt{ margin-bottom:8px; font-size:.875em; color:#fff;} #quick .today_wrap .today_tit .num{ display:inline-block; *display:inline; zoom:1; width:40px; line-height:40px; border-radius:100%; background:#fff; font-family:"roB","ngB",sans-serif; color:#1c1c1f;} #quick .today_wrap .today_con{ background:#fff; padding:20px;} #quick .today_wrap .today_con .img_resize{ display:block; margin:2px 0; border:1px solid #eee} #quick .today_wrap .today_con .btn{ overflow:hidden; padding-right:1px; margin-top:5px} #quick .today_wrap .today_con .btn > li{ float:left; width:50%} #quick .today_wrap .today_con .btn > li > a{ display:block; border:1px solid #ccc; margin-right:-1px; font-size:.625em; color:#000; line-height:25px} #quick .today_wrap .today_con .btn > li > a:hover{ background:#f5f5f5} /*footer*/ #nfooter .btn_wrap{ float:right; overflow:hidden;} #nfooter .btn_wrap > li{ float:left} #nfooter .btn_wrap > li > a{ display:block; width:45px; height:40px; filter:alpha(opacity=90);opacity:0.9; text-align:center} #nfooter .btn_wrap > li.home{ background:#666; } #nfooter .btn_wrap > li.home > a .xi{ line-height:40px; color:#fff; font-size:.938em} #nfooter .btn_wrap > li.top > a{ background:#222;} #nfooter .btn_wrap > li.top > a .xi{ display:block; color:#fff; font-size:.75em; padding:5px 0 2px 0} #nfooter .btn_wrap > li.top > a .tt{ display: block; color:#fff; font-size:.625em; font-family:"roB","ngB",sans-serif;} #nfooter .btn_wrap > li > a:hover{ filter:alpha(opacity=100);opacity:1;} #nfooter .cs_wrap{ background:#f5f5f5; border-top:2px solid #333; padding:30px 0 25px 0;} #nfooter .cs_wrap .column{ margin:0 -50px 0 0;} #nfooter .cs_wrap .cs_st{ float:left; width:25%} #nfooter .cs_wrap .cs_st .st{ margin:0 50px 0 0;} #nfooter .cs_wrap .cs_st .st .cs_tit{ font-family:"roB","ngB",sans-serif; font-size:1.125em; color:#000;} #nfooter .cs_wrap .cs_st .st .cs_con{ padding-top:15px} #nfooter .cs_wrap .cs_st .st .cs_con .info > li{ margin-top:15px; position:relative} #nfooter .cs_wrap .cs_st .st .cs_con .info > li:first-child{ margin-top:0} #nfooter .cs_wrap .cs_st .st .cs_con .info > li .icon{ position:absolute; left:0; top:0; width:35px; line-height:35px; text-align:center; font-size:1.250em; color:#fff; border-radius:50%;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li.st1 .icon{ background:#2a8f93} #nfooter .cs_wrap .cs_st .st .cs_con .info > li.st1 .tt{ padding-left:45px; line-height:35px;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li.st2{ margin-top:10px;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li .t1{ font-size:1.250em; color:#000; font-family:"roB","ngB",sans-serif;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li .t2{ font-size:.750em; color:#333;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li .t3{ font-size:.750em; color:#777; line-height:1.3;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li .t4{ font-size:.813em; font-family:"roB","ngB",sans-serif; display:block;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li .c1{ color:#2a8f93;} #nfooter .cs_wrap .cs_st .st .cs_con .info > li a:hover{ text-decoration:underline;} #nfooter .cs_wrap .cs_st .st .cs_con .quick{ overflow:hidden; margin:-5px 0 0 -5px; transition:0.4s} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li{ float:left; width:50%;} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a{ display:block; position:relative; margin:5px 0 0 5px; padding-left:45px; height:55px; line-height:55px; background:#fff; border:1px solid #ccc; border-radius:3px;} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a .icon{ display:block; position:absolute; top:0; left:0; width:50px; height:100%; text-align:center; transition:.3s} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a .icon .xi{ font-size:1.375em; color:#555;} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a .tt{ font-size:.813em; color:#444; font-family:"roB","ngB",sans-serif;} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a:hover{ border-color:#aaa;} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a:hover .icon{ transform:rotateY(180deg)} #nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a:hover .tt{ color:#000;} #nfooter .cs_wrap .cs_st .st .cs_con .list{ overflow:hidden; margin:-10px 0 0 -12px} #nfooter .cs_wrap .cs_st .st .cs_con .list > li{ float:left; width:50%;} #nfooter .cs_wrap .cs_st .st .cs_con .list > li > a{ display:block; font-size:.75em; color:#333; margin:10px 0 0 12px} #nfooter .cs_wrap .cs_st .st .cs_con .list > li > a.point{ color:#000; font-family:"roB","ngB",sans-serif;} #nfooter .cs_wrap .cs_st .st .cs_con .list > li > a:hover{ color:#000; text-decoration:underline;} #nfooter .copy_wrap{ border-top:1px solid #ddd; padding:35px 0 40px 0} #nfooter .copy_wrap .info{ float:left;} #nfooter .copy_wrap .info > dt, #nfooter .copy_wrap .info > dd{ display:inline-block; *display:inline; zoom:1; margin-right:15px; padding:3px 0; font-size:.750em;} #nfooter .copy_wrap .info > dt{ font-family:"roB","ngB",sans-serif; color:#111;} #nfooter .copy_wrap .info > dd, #nfooter .copy_wrap .info > dd a{ color:#666;} #nfooter .copy_wrap .info > dd.copyright{ display:block; margin-top:15px; text-transform:uppercase; font-size:.625em; color:#999;} #nfooter .copy_wrap .info > dd.copyright .adm{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:1px 7px; border:1px solid #ddd; font-family:"roB","ngB",sans-serif; color:#666; border-radius:2px} #nfooter .copy_wrap .info > dd:not(.copyright) a:hover{ text-decoration:underline;} #nfooter .copy_wrap .etc{ float:right} #nfooter .copy_wrap .etc > li{ vertical-align:middle; margin-left:15px;} #nfooter .copy_wrap .etc > li:first-child{ margin-left:0;} /**/ #nContents{} #nContents .doc{ padding-bottom:5em} #nContents .doc_main{ padding-bottom:3em} #nContents .nGnb_wrap{ margin-bottom:2.5em; background:#f5f7f8; text-align:center;} #nContents .nGnb_wrap .gnb{} #nContents .nGnb_wrap .gnb > li{ display:none} #nContents .nGnb_wrap .gnb > li.on{ display: block} #nContents .nGnb_wrap .subTitle .dp2{ display:none;} #nContents .nGnb_wrap .subMenu .dp1 { display:none;} #nContents .nGnb_wrap .subTitle .gnb > li .dp1{ display:block; padding:10px 0;} #nContents .nGnb_wrap .subTitle .gnb > li .dp1 .va{ display:block; width:70px; margin:0 auto; border-bottom:1px solid #111; font-size:1.625em; color:#111; font-family:xeicon!important;} #nContents .nGnb_wrap .subTitle .gnb > li.m_cs .dp1 .va:before{content:"\ea64"} #nContents .nGnb_wrap .subTitle .gnb > li.m_company .dp1 .va:before{content:"\eb41"} #nContents .nGnb_wrap .subTitle .gnb > li.m_mypage .dp1 .va:before{content:"\e9f4"} #nContents .nGnb_wrap .subTitle .gnb > li.m_guide .dp1 .va:before{content:"\eaf9"} #nContents .nGnb_wrap .subTitle .gnb > li .dp1 .va_tt{ display:block; font-family:"roB","ngB",sans-serif; font-size:1.75em; padding-top:5px; color:#000} #nContents .nGnb_wrap .subMenu{ padding-top:15px; background:#ced3d6; border-top:4px dashed #f5f7f8; text-align:center;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2{ margin:0 -1px 0 0; font-size:0;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1rem; width:14.2857%} #nContents .nGnb_wrap .subMenu .gnb > li.m_mypage .dp2 > li{ width:11.1111%;} #nContents .nGnb_wrap .subMenu .gnb > li.m_cs .dp2 > li{ width:12.5%;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a{ position:relative; display:block; margin:0 1px 0 0; height:40px; background:rgba(255,255,255,.7); border-top:3px solid #666; font-family:"roB","ngB",sans-serif; font-size:.875em; color:#666; transition:.3s;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a .va_tt{ position:relative; z-index:1} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a:before, #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a:after{ content:""; position:absolute; background:#fff; height:100%; width:0; top:0; opacity:0; transition:.3s} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a:before{left:50%;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a:after{right:50%;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li:hover > a:before, #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li:hover > a:after{ width:50%; opacity:1} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li:hover > a{ color:#000; border-top-color:#222;} #nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li.on > a{ background:#fff; color:#000; border-top-color:#222;} /**/ .nocon{ height:auto !important; line-height:216px; text-align:center; font-size:.813rem; font-family:"roB","ngB",sans-serif; color:#777;} *:not(td).nocon{ display:block !important;} .list_wrap .list_top{ margin-bottom:20px; padding:20px 0 15px 0; background:#f5f7f8; border-bottom:1px solid #eee;} .list_wrap .list_top .list_tit{ float:left; font-size:1.563em; color:#333; padding-left:5px;} .list_wrap .list_top .list_nav{ float:right; font-size:.750em; color:#777; margin:10px 5px 0 0} .list_wrap .list_top .list_nav .this{ font-family:"roB","ngB",sans-serif; color:#000;} .list_wrap .list_cate{} .list_wrap .list_cate .dp1, .list_wrap .list_cate .dp2{ transition:.2s;} .list_wrap .list_cate > li{ width:16.66%; position:relative} .list_wrap .list_cate > li .num{ font-size:.813em; color:#888; vertical-align:middle;} .list_wrap .list_cate > li > .dp1{ background:#fff; border:1px solid #666; height:35px; position:relative; z-index:-1; margin:0 -1px -1px 0; font-size:.813em; color:#000; text-align:left; padding:0 30px 0 15px;} .list_wrap .list_cate > li > .dp1 .va_tt{word-break: break-all; line-height:1.1} .list_wrap .list_cate > li:hover .dp1, .list_wrap .list_cate > li.on .dp1{ z-index:1; background:#f9f9f9; border-color:#000; font-family:"roB","ngB",sans-serif;} .list_wrap .list_cate > li .dp2{ position:absolute; left:0; bottom:auto; width:calc(100% - 1px); border:1px solid #000; border-top:none; background:#f9f9f9; opacity:0; z-index:-1} .list_wrap .list_cate > li .dp2 > li{ padding:0 } .list_wrap .list_cate > li .dp2 > li > a{ display:block; text-align:left; font-size:.75em; padding:0 15px 10px 15px; color:#666} .list_wrap .list_cate > li .dp2 > li:hover > a .va_tt{ color:#000; text-decoration:underline;} .list_wrap .list_cate > li .arrow{ position:absolute; width:20px; height:100%; top:0; right:0; display:none;} .list_wrap .list_cate > li .arrow:before{content:"\e942"; line-height:35px; color:#aaa} .list_wrap .list_cate > li.more .arrow{ display:block} .list_wrap .list_cate > li.more:hover .dp1{ border-color:#111; color:#111; z-index:1} .list_wrap .list_cate > li.more:hover .dp2{ opacity:1; z-index:2} .list_wrap .list_search{ margin-top:20px; padding:10px 30px; line-height:30px; background:#ced3d6; text-align:left; color:#000;} .list_wrap .list_search .search{ display:inline-block; *display:inline; zoom:1;} .list_wrap .list_search .search .inp_wrap{ float:left; margin-left:50px} .list_wrap .list_search .search .inp_wrap:first-child{ margin-left:0} .list_wrap .list_search .search .inp_wrap .search_tit, .list_wrap .list_search .search .inp_wrap .search_tt{ display:inline-block;} .list_wrap .list_search .search .inp_wrap .search_tit{ padding-right:10px; font-family:"roB","ngB",sans-serif; font-size:.813em;} .list_wrap .list_search .search .inp_wrap .search_tit .xi{ padding-right:5px;} .list_wrap .list_search .search .inp_wrap .search_tt{ padding:0 10px 0 5px; font-size:.750em;} .list_wrap .list_search .search .inp_wrap .inp{ line-height:30px; height:30px; padding:0 10px; border:none; border-radius:2px; box-sizing:border-box; font-family:"roB","ngB",sans-serif; font-size:.813em; color:#666;} .list_wrap .list_search .search .inp_wrap .btn{ position:relative; top:0; width:35px; height:30px; line-height:1; background:#393a3e; border:none; border-radius:3px; color:#fff; transition:.15s;} .list_wrap .list_search .search .inp_wrap .btn:hover{ top:-3px; box-shadow:1px 1px 4px rgba(0,0,0,.2);} .list_wrap .list_search .search .inp_wrap .inp.search_w1{ width:140px} .list_wrap .list_search .search .inp_wrap .inp.search_w2{ width:70px} .list_total{} .list_total{ margin-bottom:30px; padding:10px 0; border-top:3px dashed #ced3d6; border-bottom:1px solid #666;} .list_total .total{ float:left; padding-top:5px; letter-spacing:-0.5px;} .list_total .total .t1{ vertical-align:middle; font-size:.938em; color:#777;} .list_total .total .t2{ vertical-align:middle; font-size:1.250em; color:#000; font-family:"roB","ngB",sans-serif;} .list_total .array_wrap{ float:right; text-align:right; margin:-3px -3px 0 0;} .list_total .array_wrap > li{ margin:3px 3px 0 0;} .list_total .array_wrap > li > a{ display:block; line-height:30px; padding:0 20px; border:1px solid #bbb; border-top-width:3px; font-size:.750em; color:#888; transition:.3s;} .list_total .array_wrap > li:hover > a, .list_total .array_wrap > li.on > a{ border-color:#1c1c1f; color:#000;} .list_total .array_wrap > li.time > a{ background:#393a3e; border-color:#393a3e; color:#fff;} .list_total.stl1{ margin-bottom:0; border:none;} .list_total.stl1:first-child{ padding-top:0;} .list_total.stl1 .array_wrap > li > a{ border-width:1px;} .list_total.stl2{ border-top:2px solid #333;} /**/ .view_top_wrap{ padding:2em 0; padding-top:20px; background:#f5f5f5} .view_top_wrap .inner{ border:1px solid #ddd; background:#fff} .view_top_wrap .img_wrap{ float:left; width:49.3%} .view_top_wrap .img_wrap .inner{ position:relative} .view_top_wrap .img_wrap .column{ padding:2.5em 2.5em;} .view_top_wrap .img_wrap .thumb{ margin:5px -5px 0 0; text-align:center; font-size:0;} .view_top_wrap .img_wrap .thumb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:20%} .view_top_wrap .img_wrap .thumb > li > a{ display:block; margin:0 5px 0 0; padding:5px; border:1px solid #ddd;} .view_top_wrap .img_wrap .thumb > li:hover > a{ border-color:#aaa} .view_top_wrap .img_wrap .txt{ margin-top:10px; padding:1em; background:#f6f6f6; border:1px solid #555; border-left:none; border-right:none; text-align:center; font-size:.750em; font-family:"roB","ngB",sans-serif;} .view_top_wrap .info_wrap{ float:left; width:50.7%} .view_top_wrap .info_wrap .inner{ margin-left:-1px} .view_top_wrap .info_wrap .info_top, .view_top_wrap .info_wrap .info_middle, .view_top_wrap .info_wrap .info_bottom, .view_top_wrap .info_wrap .view_total, .view_top_wrap .info_wrap .soldOut_txt{ margin:0 3.5em} .view_top_wrap .info_wrap .info_top{ padding:1.5em 0 1em 0;} .view_top_wrap .info_wrap .info_top .tit{ position:relative; margin-top:1em; padding-bottom:5px;} .view_top_wrap .info_wrap .info_top .tit .prodTit{ font-family:"roB","ngB",sans-serif; font-size:1.063em; color:#111; word-break: break-all;} .view_top_wrap .info_wrap .info_top .tit .admin_modify{ display:inline-block; *display:inline; zoom:1; padding:0 15px; height:25px; line-height:25px; border:1px solid #888; font-family:"roB","ngB",sans-serif; font-size:.813em;} .view_top_wrap .info_wrap .info_top .tit .admin_modify:hover{ border-color:transparent; background:#666; color:#fff; transition:.3s;} .view_top_wrap .info_wrap .info_top .tit .share{ position:absolute; right:0; top:0; white-space:nowrap} .share{ font-size:0} .share > li{ display:inline-block; *display:inline; zoom:1} .share > li > a{ display:block} .share > li > a .xi{ display:block; width:34px; line-height:30px; text-align:center; font-size:1.25rem; border:1px solid #ddd; margin-right:-1px} .share > li > a .xi-facebook{ color:#2554b6} .share > li > a .xi-twitter{ color:#00c0ff} .share > li:hover > a .xi{ color:#fff} .share > li:hover > a .xi-facebook{ background:#2554b6; border-color:#2554b6} .share > li:hover > a .xi-twitter{ background:#00c0ff; border-color:#00c0ff} .view_top_wrap .info_wrap .info_top .priceInfo{ margin-top:1.5em; overflow:hidden;} .view_top_wrap .info_wrap .info_top .priceInfo > *{ float:left; width:50%;} .view_top_wrap .info_wrap .info_top .priceInfo .price{ padding:10px 0;} .view_top_wrap .info_wrap .info_top .priceInfo .price .tt{ font-family:"roB","ngB",sans-serif; vertical-align:middle;} .view_top_wrap .info_wrap .info_top .priceInfo .price .t1{ color:#111;} .view_top_wrap .info_wrap .info_top .priceInfo .price .t2{ font-size:1.750em; color:#0054e0; padding:0 5px;} .view_top_wrap .info_wrap .info_top .priceInfo .price .t3{ font-size:.875em; color:#555;} .view_top_wrap .info_wrap .info_top .priceInfo .time{ text-align:right;} .view_top_wrap .info_wrap .info_top .priceInfo .time .in{ display:inline-block; *display:inline; zoom:1; padding:10px 15px; background:#1c1c1f; border-radius:3px; color:#fff;} .view_top_wrap .info_wrap .info_top .priceInfo .time .in > i{ vertical-align:middle;} .view_top_wrap .info_wrap .info_top .priceInfo .time .xi{ font-size:1.250em; padding-right:5px;} .view_top_wrap .info_wrap .info_top .priceInfo .time .tt{ font-size:.875em;} .view_top_wrap .info_wrap .info_middle{ padding:.5em 0 1em 0; border-top:1px solid #111; border-bottom:1px solid #111;} .view_top_wrap .info_wrap .info_middle .info_table .info_table_tit{ width:28%} .view_top_wrap .info_wrap .info_middle .info_table .info_table_con{ width:72%} .view_top_wrap .info_wrap .info_middle .info_table th, .view_top_wrap .info_wrap .info_middle .info_table td{ padding:10px 0; vertical-align:top;} .view_top_wrap .info_wrap .info_middle .info_table th{ text-align:left; position:relative; padding-right:1.5em; font-family:"roB","ngB",sans-serif; font-size:.813em;} .view_top_wrap .info_wrap .info_middle .info_table th .xi{ color:#555; font-size:.938em; padding-right:3px; vertical-align:middle;} .view_top_wrap .info_wrap .info_middle .info_table th .xi:before{ content:"\e97e"; font-family:xeicon!important; font-style:normal; font-weight:normal} .view_top_wrap .info_wrap .info_middle .info_table th .dot{ position:absolute; right:1em; height:100%; top:9px} .view_top_wrap .info_wrap .info_middle .info_table td{ font-size:.813em; color:#777; padding-left:1em} .view_top_wrap .info_wrap .info_middle .info_table td *{ vertical-align:middle} .view_top_wrap .info_wrap .info_middle .info_table .c1{ color:#111;} .view_top_wrap .info_wrap .info_middle .info_table .c2{ color:#d00000;} .view_top_wrap .info_wrap .info_middle .info_table .select{ height:28px;} .view_top_wrap .info_wrap .info_middle .info_table .tBtn{ display:inline-block; *display:inline; zoom:1; vertical-align:top; box-sizing:border-box; margin:0 5px; padding:0 10px; background-color:#666; border:1px solid #666; font-family:"roB","ngB",sans-serif; font-size:.938em; color:#fff; transition:.2s;} .view_top_wrap .info_wrap .info_middle .info_table .tBtn.st1{ background-color:#082f9f; border-color:#082f9f;} .view_top_wrap .info_wrap .info_middle .info_table .tBtn.st2{ background-color:#393a3e; border-color:#393a3e;} .view_top_wrap .info_wrap .info_middle .info_table .tBtn > i{ line-height:25px;} .view_top_wrap .info_wrap .info_middle .info_table .tBtn .xi{ padding:0 3px;} .view_top_wrap .info_wrap .info_middle .info_table .tBtn:hover{ background-color:#1c1c1f; border-color:#1c1c1f;} .view_top_wrap .info_wrap .info_op{ margin-top:-1px; background:#f5f5f5; padding:1em 1.5em; border:1px solid #ddd; border-left:none; border-right:none} .op_list > li{ margin-bottom:-1px} .op_list > li .op{ border:1px solid #ddd; border-left:3px solid #777; background:#fff; padding:7px 1em; line-height:30px; position:relative} .op_list > li .op .tit{font-size:.813em; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:250px} .op_list > li .op .con{ position:absolute; right:1em; top:5px; width:250px; text-align:right} .op_list > li .op .con > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle} .op_list > li .op .con .price{ font-size:1em; color:#111; padding-right:10px} .op_list > li .op .con .btn_del{ border:1px solid #ccc; height:32px; line-height:32px; background:#fff; width:35px} .op_list > li .op .con .btn_del:before{content:"\e921"; font-family:xeicon!important} .op_list > li .op .con .btn_del:hover{ border-color:#111} .op_list > li:hover .op{ border-left-color:#111} .op_list > li:hover .op .tit{ font-family:"roB","ngB",sans-serif; color:#111} .vol{ display:inline-block; *display:inline; zoom:1;} .vol .inp{ float:left; width:25px; padding:0 10px; line-height:26px; height:26px; border:1px solid #ccc; border-right:none; text-align:right} .vol .btn{ float:left} .vol .btn .btn_st{ display:block; border:1px solid #ccc; height:14px; background:#fff; font-size:.438rem; width:25px} .vol .btn .btn_st:first-child{ border-bottom:none} .vol .btn .btn_st:hover{ background:#666; border-color:#666; color:#fff} .view_top_wrap .info_wrap .info_bottom{ padding:1em 0 2em 0;} .view_top_wrap .info_wrap .info_bottom .btn_wrap{ font-size:0; margin-left:-10px} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s1{ width:33.33%} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s2{ width:20%} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{ display: block; margin-left:10px} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn{ width:100%; border-width:2px;} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .xi{ font-size:1.250em} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .tt{ padding-left:4px; font-family:"roB","ngB",sans-serif; font-size:.938em} .view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn:hover{ background-color:#fff; border-color:#393a3e; color:#393a3e;} .view_total{ text-align:right; line-height:60px;} .view_total *{ vertical-align:baseline} .view_total .t1{ font-family:"roB","ngB",sans-serif; font-size:.938em; color:#111;} .view_total .price{ font-size:1.438em; vertical-align:middle; padding:0 0 0 10px; font-family:"roB","ngB",sans-serif; color:#111;} .view_total .t2{ font-size:.813em; color:#666} .order_total{ text-align:right; line-height:60px;} .order_total *{ vertical-align:middle} .order_total .t1{ font-size:.813em; color:#333;} .order_total .price{ font-size:1.438em; padding:0 5px; font-family:"roB","ngB",sans-serif; color:#111;} .mall_btn{ display:block; cursor:pointer; min-width:80px; line-height:50px; padding:0 10px; text-align:center; box-sizing:border-box; border:1px solid #ddd; transition:.2s;} .mall_btn.c1{ background:#393a3e; border-color:#393a3e; color:#fff} .mall_btn.c2{ background:#2a8f93; border-color:#2a8f93; color:#fff} .mall_btn.c3{ background:#849bff; border-color:#849bff; color:#fff} .mall_btn.c4{ background:#fff; border-color:#ccc; color:#888} .view_top_wrap .info_wrap .soldOut_txt{ margin-top:1em; margin-bottom:2em; padding:1em; border:2px solid #ddd; text-align:center; font-family:"roB","ngB",sans-serif; font-size:.813em; line-height:1.4;} .view_top_wrap .info_wrap .soldOut_txt.c1{ color:#d00000;} .view_top_wrap .info_wrap .soldOut_txt.c2{ color:#0054e0;} .view_con_wrap{ padding:2em 0} .view_con_wrap .view_con{ padding:2em 0} .view_board_btn{ padding-bottom:10px; text-align:right;} .view_board_btn > li{ margin-left:5px;} .view_board_btn > li:first-child{ margin-left:0;} .view_board_btn .btn{ padding:6px 20px; border:2px solid #ccc; font-family:"roB","ngB",sans-serif; font-size:.813em;} .view_board_btn .btn.c1{ background:#393a3e; border-color:#393a3e; color:#fff} .view_board_btn .btn.c2{ border-color:#393a3e;} /**/ .order_step_wrap{ background:#f7f7f7; padding:1em 0; border-bottom:1px solid #ddd} .order_step_wrap .order_step_tit{ float:left} .order_step_wrap .order_step_tit .tit{ font-family:"roB","ngB",sans-serif; font-size:1.500em; line-height:40px} .order_step_wrap .order_step_tit .tit .xi{ margin:0 5px 0 0; font-size:1em} .order_step_wrap .order_step{ float:right; line-height:40px} .order_step_wrap .order_step > li{ margin-left:40px; position:relative} .order_step_wrap .order_step > li .arrow{ position:absolute; left:-35px; top:2px; color:#ccc; font-size:2em} .order_step_wrap .order_step > li .in{ padding:0 20px; border:1px solid #ddd; color:#999} .order_step_wrap .order_step > li .in .xi{ font-size:1em; padding-right:5px} .order_step_wrap .order_step > li .in .tt{ font-family:"roB","ngB",sans-serif; font-size:.813em} .order_step_wrap .order_step > li.on .in{ background:#fff; border-color:#666; color:#111} /****************/ /*MAIN*/ .main_top_wrap{ position:relative; margin:20px 0 10px 0; padding-right:25%;} .main_top_wrap .left{} .main_top_wrap .right{ width:25%; position:absolute; top:0; right:0; height:100%;} .main_top_wrap .main_visual{ border:1px solid #ccc; overflow:hidden; position:relative} .main_top_wrap .main_visual .slide_img{ background-position: center top; background-repeat:no-repeat; cursor:pointer;} .main_top_wrap .main_visual_btn, .main_top_wrap .main_visual .flex-pauseplay{ position:absolute; bottom:15px; left:15px; z-index:100} .main_top_wrap .main_visual_btn .control > li > a, .main_top_wrap .main_visual .flex-pauseplay > a{ display:block; width:35px; height:30px; line-height:30px; background:#fff; border:1px solid #bbb; text-align:center; margin-right:-1px} .main_top_wrap .main_visual_btn .control > li > a:hover, .main_top_wrap .main_visual .flex-pauseplay > a:hover{ background:#eee} .main_top_wrap .main_visual .flex-pauseplay{ margin-left:80px;} .main_top_wrap .main_visual .flex-pauseplay > a:before{ font-family:xeicon;} .main_top_wrap .main_visual .flex-pauseplay .flex-pause:before{ content:"\ea3b";} .main_top_wrap .main_visual .flex-pauseplay .flex-play:before { content:"\ea3e";} .main_top_wrap .banner, .main_top_wrap .banner .slides, .main_top_wrap .banner .slides > li{ position:relative; height:100%;} .main_top_wrap .banner .con_wrap{ position:relative; height:50%; margin-left:10px;} .main_top_wrap .banner .con_wrap .tit{ position:absolute; z-index:101; top:15px; left:25px; font-family:"roB","ngB",sans-serif; font-size:1.125em; color:#1c1c1f; text-transform:uppercase;} .main_top_wrap .banner .banner_img{ position:absolute; left:0; right:0; border:1px solid #ccc; background-position: center top; background-repeat:no-repeat;} .main_top_wrap .banner .main_popZone .banner_img{ top:0; bottom:5px;} .main_top_wrap .banner .main_review .banner_img { top:5px; bottom:0;} .main_top_wrap .banner .flex-control-nav{ position:absolute; z-index:101; top:15px; right:15px; font-size:0;} .main_top_wrap .banner .flex-control-nav > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 2px;} .main_top_wrap .banner .flex-control-nav > li > a{ display:block; width:9px; height:9px; background:#5f5f5f; border:3px solid #fff; border-radius:50%; box-shadow:2px 2px 2px rgba(0,0,0,.3);} .main_top_wrap .banner .flex-control-nav > li > a:hover, .main_top_wrap .banner .flex-control-nav > li > a.flex-active{ background:#2a8f93;} .main_customer{ overflow:hidden; margin-top:10px} .main_customer .cs_st{ float:left; width:25%;} .main_customer .cs_st .inner{ margin-left:10px; padding:20px 25px; background:#fff; border:1px solid #ddd;} .main_customer .cs_st:first-child .inner{ margin-left:0;} .main_customer .cs_st .inner.bg{ background:#f1f1f1;} .main_customer .cs_st .tit_wrap{ overflow:hidden; font-family:"roB","ngB",sans-serif; text-transform:uppercase;} .main_customer .cs_st .tit_wrap .tit{ float:left; position:relative; display:inline-block; *display:inline; zoom:1; padding-bottom:7px; font-size:.875em; color:#000;} .main_customer .cs_st .tit_wrap .tit:after{ content:""; position:absolute; left:0; bottom:0; width:20px; height:1px; background:#000;} .main_customer .cs_st .tit_wrap .more{ float:right; display:block; font-size:.625em; color:#000;} .main_customer .cs_st .tit_wrap .more:hover{ color:#2a8f93;} .main_customer .cs_st .con_wrap{ padding-top:15px;} .main_customer .cs_st .con_wrap .info{} .main_customer .cs_st .con_wrap .info > li{ margin-top:10px;} .main_customer .cs_st .con_wrap .info > li:first-child{ margin-top:0;} .main_customer .cs_st .con_wrap .info .t1{ font-size:.813em; color:#000; font-family:"roB","ngB",sans-serif;} .main_customer .cs_st .con_wrap .info .t2{ font-size:1.125em; color:#2a8f93; font-family:"roB","ngB",sans-serif; letter-spacing:0.5px;} .main_customer .cs_st .con_wrap .info .t3{ font-size:.750em; color:#333; font-family:"roB","ngB",sans-serif;} .main_customer .cs_st .con_wrap .info .t4{ font-size:.750em; color:#777;} .main_customer .cs_st .con_wrap .notice{} .main_customer .cs_st .con_wrap .notice > li{ position:relative; padding:0 60px 8px 0;} .main_customer .cs_st .con_wrap .notice > li .tt{ display:block; font-size:.813em; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .main_customer .cs_st .con_wrap .notice > li .date{ position:absolute; top:0; right:0; font-size:.750em; color:#999;} .main_customer .cs_st .con_wrap .notice > li .tt:hover{ color:#000; text-decoration:underline;} .main_customer .cs_st .con_wrap .notice .no{ padding:30px 0; text-align:center; font-family:"roB","ngB",sans-serif; font-size:.813em; color:#777;} .main_best{ margin-top:50px;} .main_best .prod_st{ background-color:#f5f5f5;} .main_md{ margin-top:30px;} .main_md .con_idx{ padding:30px 20px 20px 20px; border:1px solid #cccccc; border-top:none;} .main_prod_tit{ margin:50px 0 15px 0; text-align:center;} .main_prod_tit .tit{ position:relative; display:inline-block; *display:inline; zoom:1; padding-top:10px; font-size:1.875em; color:#111;} .main_prod_tit .tit:before, .main_prod_tit .tit:after { content:""; position:absolute; left:50%; top:0; width:20px; height:2px;} .main_prod_tit .tit:before{ margin-left:-20px; background:#7cd0d3;} .main_prod_tit .tit:after { background:#333;} /**/ .prod_wrap{ padding:0 1px 1px 0; min-height:200px} .prod_wrap > li{ width:20%} .prod_wrap > li .prod{margin:0 -1px -1px 0;} .prod_wrap2{ margin:-20px 0 0 -20px; min-height:200px} .prod_wrap2 > li{ width:20%} .prod_wrap2 > li .prod{margin:20px 0 0 20px} .prod_st{ border:1px solid #ccc; position:relative} .prod_st .img_wrap{ padding:10px; border-bottom:1px solid #ddd;} .prod_st .con_wrap{ padding:20px 15px 20px 15px;} .prod_st .con_wrap .prod_tit{ font-family:"roB","ngB",sans-serif; font-size:.813em; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .prod_st .con_wrap .prod_price{ padding-top:8px; height:30px; line-height:30px; overflow:hidden;} .prod_st .con_wrap .prod_price .price, .prod_st .con_wrap .prod_price .point{ display:inline-block; *display:inline; zoom:1; vertical-align:top;} .prod_st .con_wrap .prod_price .price{ letter-spacing:-1px;} .prod_st .con_wrap .prod_price .price strong{ font-size:1.25em; color:#000;} .prod_st .con_wrap .prod_price .price span{ font-family:"roB","ngB",sans-serif; font-size:.813em; color:#000; padding-left:3px;} .prod_st .con_wrap .prod_price .point{ font-family:"roB","ngB",sans-serif; font-size:.813em; color:#45bfbf; padding-left:10px;} .prod_st .con_wrap .prod_icon_wrap{ margin-top:10px;} .prod_st:hover{ z-index:1} .prod_layer{ position:absolute; left:10px; top:10px; line-height:35px; color:#fff; padding:0 10px; z-index:1} .prod_layer .xi{} .prod_layer .tt{ font-family:"roB","ngB",sans-serif; font-size:.813em} .prod_layer.st1{ background:#2a8f93} .prod_layer.st2{ background:#b9ca00} .prod_layer.best{ background:#393a3e; left:-1px; top:-6px; text-align:center; line-height:1; width:45px; height:45px; padding:0; box-shadow:1px 1px 3px rgba(0,0,0,.3);} .prod_layer.best.on{ background:#2a8f93} .prod_layer.best .tit{ display:block; font-size:.625em; padding-top:9px} .prod_layer.best .no{ display:block; font-size:1.25em; font-family:"roB","ngB",sans-serif;} .prod_icon_wrap{ font-size:0;} .prod_icon_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:1px 1px; font-size:1rem;} .prod_icon_wrap > li > span{ display:block; line-height:15px; padding:0 8px; font-family:"roB","ngB",sans-serif; font-size:.563em; background:#fff; border:1px solid #ccc;} .prod_icon_wrap > li .c1{ border-color:#ff5a00; color:#ff5a00;} .prod_icon_wrap > li .c2{ border-color:#2c970b; color:#2c970b;} .prod_icon_wrap > li .c3{ border-color:#a82494; color:#a82494;} .prod_icon_wrap > li .c4{ border-color:#0977e7; color:#0977e7;} .prod_icon_wrap > li .c5{ border-color:#393a3e; background:#393a3e; color:#fff;} .prod_st2{ position:relative} .prod_st2 .img_wrap{ border:1px solid #ddd; text-align:center; background:#fff} .prod_st2 .con_wrap{ opacity:0; z-index:inherit; position:absolute; left:0; top:0; width:90%; height:90%; padding:5%; background:#333; background:rgba(0,0,0,.8); cursor:pointer; color:#fff; transition:.3s;} .prod_st2 .con_wrap .prod_tit{ font-family:"roB","ngB",sans-serif; font-size:.813em;} .prod_st2 .con_wrap .prod_price{ text-align:center; line-height:20px; margin-top:20px} .prod_st2 .con_wrap .prod_price strong{ font-size:1.25em} .prod_st2 .con_wrap .prod_price span{ font-family:"roB","ngB",sans-serif; font-size:.750em; color:#ddd; padding-left:3px;} .prod_st2:hover .con_wrap{ opacity:1;} .prod_st2.line_ani .line{ background:#2a8f93;} .prod_st2.line_ani:hover .line.lineT, .prod_st2.line_ani:hover .line.lineB{ height:5px} .prod_st2.line_ani:hover .line.lineR, .prod_st2.line_ani:hover .line.lineL{ width:5px;} .prod_st3{ border:1px solid #aaa; position:relative} .prod_st3 .img_wrap{ padding:10px; border-bottom:1px solid #ddd;} .prod_st3 .con_wrap{ padding:15px 0 10px 0;} .prod_st3 .con_wrap .prod_tit, .prod_st3 .con_wrap .prod_price, .prod_st3 .con_wrap .prod_time{ padding-left:15px; padding-right:15px;} .prod_st3 .con_wrap .prod_tit{ font-family:"roB","ngB",sans-serif; font-size:.813em; color:#222; height:32px; overflow:hidden; word-break: break-all;} .prod_st3 .con_wrap .prod_price{ padding-top:5px; padding-bottom:5px; height:30px; line-height:30px; letter-spacing:-1px; overflow:hidden;} .prod_st3 .con_wrap .prod_price .t1{ font-size:1.25em; color:#0054e0;} .prod_st3 .con_wrap .prod_price .t2{ font-family:"roB","ngB",sans-serif; font-size:.750em; color:#333; padding-left:3px;} .prod_st3 .con_wrap .prod_hit{ overflow:hidden;} .prod_st3 .con_wrap .prod_hit > li{ float:left; width:50%; font-size:.813em; color:#333;} .prod_st3 .con_wrap .prod_hit > li .in{ margin-right:-1px; padding:0 15px; line-height:30px; background:#f5f5f5; border:1px solid #ddd; overflow:hidden;} .prod_st3 .con_wrap .prod_hit > li:first-child .in{ margin-left:-1px;} .prod_st3 .con_wrap .prod_hit > li .t1{ float:left; width:40%;} .prod_st3 .con_wrap .prod_hit > li .t2{ float:right; width:60%; text-align:right; font-family:"roB","ngB",sans-serif;} .prod_st3 .con_wrap .prod_time{ padding-top:10px;} .prod_st3 .con_wrap .prod_time > li{ font-size:.813em; color:#555; line-height:1.1;} .prod_st3 .con_wrap .prod_time > li .xi{ vertical-align:middle; padding-right:3px;} .prod_st3 .con_wrap .prod_time > li .tt{ vertical-align:middle;} .prod_st3:hover{ z-index:1} /**/ .member_wrap{} .member_wrap .member_tit{ text-align:center; padding:2.5em 0 2em 0; border-bottom:1px dotted #111} .member_wrap .member_tit .tit{ font-family:"roB","ngB",sans-serif; font-size:2.5em; color:#111;} .member_wrap .member_tit .tit2{ font-family:"roB","ngB",sans-serif; font-size:2em; color:#111;} .member_wrap .member_tit .tt{ font-size:.813em; color:#999; padding-top:10px} .member_wrap .member_tit .tt2{ font-size:.938em; color:#666; padding-top:30px; line-height:1.5} .member_wrap .member_tit .num{ padding-top:30px;} .member_wrap .member_tit .num .in{ display:inline-block; *display:inline; zoom:1; padding:10px 20px; border:1px solid #ccc; border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.15); font-family:"roB","ngB",sans-serif;} .member_wrap .member_box_wrap{ text-align:center} .member_wrap .member_box{ display:inline-block; *display:inline; zoom:1; border-bottom:1px solid #ddd; padding:2em 0; margin-bottom:2em} .member_wrap .member_form{ width:400px; display:inline-block; *display:inline; zoom:1; vertical-align:top; border-left:1px solid #eee; padding:0 2em} .member_wrap .member_form.w1{ width:260px} .member_wrap .member_form.w2{ width:500px} .member_wrap .member_form:first-child{ border-left:none} .member_wrap .form{ text-align:left} .member_wrap .form .inp_wrap{ position:relative; margin-top:10px} .member_wrap .form .inp_wrap:first-child{ margin-top:0} .member_wrap .form .inp_wrap .xi{ position:absolute; left:0; top:0; width:65px; line-height:65px; font-size:1.5em; text-align:center; border-right:1px solid #ddd} .member_wrap .form .inp_wrap .inp{ border:1px solid #ddd; padding:10px 10px 10px 80px; line-height:38px; height:65px; width:100%; box-sizing:border-box; font-family:"roB","ngB",sans-serif; font-size:.938em; color:#999} .member_wrap .form .inp_wrap .inp:focus{ color:#111} .member_wrap .form .btn_wrap{ margin-top:30px} .member_wrap .form .btn_wrap .btn{ background:#333; height:70px; font-family:"roB","ngB",sans-serif; color:#fff; text-align:center; width:100%; border:none;} .member_wrap .form .txt_wrap{ text-align:center; border:1px solid #eee; background:#fafafa; padding:60px 10px; border-top:2px solid #222} .member_wrap .nomem_tit{ text-align:left} .member_wrap .nomem_tit .tit{ font-family:"roB","ngB",sans-serif; color:#111; font-size:.938em} .member_wrap .nomem_tit .tt{ color:#777; font-size:.75em; padding-top:5px} .member_wrap .form2{ border:3px solid #eee; padding:15px; margin-top:10px; line-height:30px} .member_wrap .form2 .inp_wrap{ position:relative; font-size:.75em; line-height:33px} .member_wrap .form2 .inp_wrap .tit{ position:absolute; left:0; top:0; width:70px; border-right:1px solid #ddd; font-family:"roB","ngB",sans-serif; color:#666} .member_wrap .form2 .inp_wrap .inp{ border:1px solid #ddd; margin-bottom:-1px; padding:0 10px 0 80px; height:35px; width:100%; box-sizing:border-box; font-family:"roB","ngB",sans-serif; color:#999} .member_wrap .form2 .inp_wrap .inp:focus{ color:#111} .member_wrap .form2 .btn_wrap{ margin-top:5px} .member_wrap .form2 .btn_wrap .btn{ height:35px; background:#aaa; color:#fff; border:none; width:100%; text-align:center; font-family:"roB","ngB",sans-serif; font-size:.813em} .member_wrap .btn_nomem{ background:#fff; color:#333; height:35px; width:100%; font-family:"roB","ngB",sans-serif; font-size:.813em; text-align:center; border:1px solid #333; margin-top:10px} .member_wrap .member_link{ text-align:center; padding-top:1em} .member_wrap .member_link > li > a{ font-size:.813em; color:#666; padding:0 20px} .member_wrap .member_link > li > a:hover{ text-decoration:underline} .member_wrap .member_link > li.point > a{ font-family:"roB","ngB",sans-serif; color:#111} .agree_wrap{} .agree_wrap .agree{ border:1px solid #ddd; padding:2em; font-size:.813em; color:#666; line-height:1.6} .agree_wrap .agree.scrollSt{ height:145px; padding:1em} .agree_wrap .check{ border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; font-size:.813em; padding:10px 2em; font-family:"roB","ngB",sans-serif; color:#333} .agree_wrap .check label{ margin-left:2em} .page_email{} .page_email .email_top{ padding:20px 20px; background:#f9f9f9; border:1px solid #ddd; text-align:center; font-family:"roB","ngB",sans-serif; font-size:.813em; color:#333; line-height:1.7;} .page_email .email_con{ margin-top:30px;} .page_email .email_con .tit{ text-align:center; font-family:"roB","ngB",sans-serif; font-size:1em; color:#222;} .page_email .email_con .con_wrap{ margin-top:40px;} .page_email .email_con .con_wrap > dt{ margin-bottom:10px;} .page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; font-family:"roB","ngB",sans-serif; font-size:.938em; color:#333;} .page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;} .page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:.813em; color:#666; line-height:1.8;} /**/ .page_tit{ font-family:"roB","ngB",sans-serif; color:#111; position:relative; padding:3px 10px; padding-bottom:10px;} .page_tit:before{ content:""; position:absolute; left:0; top:0; width:5px; height:5px; border:2px solid #111; border-right:none; border-bottom:none} .page_tt{ font-size:.813em; color:#666; padding:5px 0 10px 0} .page_tit2{ position:relative; margin-bottom:30px; padding-bottom:25px; text-align:center; font-family:"roB","ngB",sans-serif; font-size:1.750em; text-transform:uppercase;} .page_tit2:before, .page_tit2:after{ content:""; position:absolute; bottom:0; left:50%; width:60px; height:15px; border:1px solid #2a8f93; border-bottom-width:3px; border-top:none;} .page_tit2:before{ margin-left:-60px; border-left:none; border-radius:0 0 15px 0; border-color:#333;} .page_tit2:after{ border-right:none; border-radius: 0 0 0 15px;} .page_sec { margin-top:30px !important;} .page_sec2{ margin-top:10px !important;} .page_sec3{ margin-top:-1px !important;} /*페이지 탭*/ .tab_st1{ margin-bottom:20px; padding:0 1px 0 0} .tab_st1 > li > a{ position:relative; z-index:1; line-height:40px; border:1px solid #666; font-family:"roB","ngB",sans-serif; font-size:.875em; color:#777; margin:0 -1px 0 0; text-align:center} .tab_st1 > li:hover > a{ background:#f5f5f5; color:#333} .tab_st1 > li.on > a{ z-index:2; background:#333; border-color:#333; color:#fff} /*제품상세페이지 탭*/ .tab_st2{ border-bottom:1px dashed #aaa; border-top:1px solid #111} .tab_st2 > li > a{ line-height:50px; font-size:1em; font-family:"roB","ngB",sans-serif; color:#999; text-align:center} .tab_st2 > li .xi{ vertical-align:middle;} .tab_st2 > li:hover > a, .tab_st2 > li.on > a{ color:#111} /*메인 탭*/ .tab_st3{ border-top:2px solid #333; padding-right:1px;} .tab_st3 > li > a{ line-height:50px; font-family:"roB","ngB",sans-serif; font-size:.813em; color:#777; text-align:center; background:#f5f5f5; border:1px solid #ccc; border-top:none; margin-right:-1px;} .tab_st3 > li:hover > a, .tab_st3 > li.on > a{ border-bottom-color:transparent; color:#000; background:#fff;} /**/ .ex_txt_wrap{ border:1px solid #ccc; padding:15px 25px; color:#444; line-height:1.5;} .ex_list{} .ex_list > li{ position:relative; padding:2px 0 2px 12px; font-size:.813em; color:#666;} .ex_list > li:before{ content:""; position:absolute; top:10px; left:0; width:4px; height:2px; background:#999;} .ex_txt_wrap .t1{ font-size:.813em;} .ex_txt_wrap .t2{ font-size:.875em;} .ex_txt_wrap .c1{ color:#bb0000;} .ex_txt_wrap .c2{ color:#2a8f93;} .ex_txt_wrap .c3{ color:#0054e0;} /* 공과 */ .curri_wrap .curri_tt { font-family:"roB","ngB",sans-serif; font-size:1.125em; margin-top:60px;} .curri_wrap .curri_tt .xi { vertical-align:sub; font-size:1.5rem; } .curri_wrap .all_price { font-size:0.938em; color:#555; line-height:30px; float:right; } .curri_wrap .all_price span { font-family:"roB","ngB",sans-serif; font-size:1.250rem; color:#333; display:inline-block; margin-right:10px; } .curri_wrap .all_price strong { color:#111; vertical-align:baseline; font-size:1.250rem; } .curri_wrap .page_btn_wrap { text-align:left; } /*이용안내*/ .page_csGuide{} .page_csGuide .con_top{ width:100%; max-width:1040px; margin:0 auto; padding:50px 0 60px 0; background:url(../images_new/sub/cs_guide_img.png) no-repeat top right;} .page_csGuide .con_top .txt_wrap{} .page_csGuide .con_top .txt_wrap > dt{ margin-bottom:20px; font-family:"roB","ngB",sans-serif; font-size:1.563em; color:#444; line-height:1.4;} .page_csGuide .con_top .txt_wrap > dd{ color:#555; line-height:1.5;} .page_csGuide .con_top .txt_wrap .c1{ color:#2a8f93;} .page_csGuide .con_box{ padding:30px 8%; background:#dbeee9; text-align:center; font-size:.938em; line-height:1.6;} .page_wrap{ margin-top:40px;} .page_wrap:first-child{ margin-top:0;} .page_wrap .tit_wrap{ margin-bottom:20px;} .page_wrap .tit_wrap .tit{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:1.250em; color:#333;} .page_wrap .tit_wrap .tit:before{ content:"\eb2b"; font-family:xeicon; font-size:1.250em; color:#2a8f93; line-height:1; position:absolute; top:0; left:0;} .page_wrap .con_wrap{ line-height:1.4;} .page_wrap .con_wrap .txt{ padding:5px 0; font-family:"roB","ngB",sans-serif; font-size:.938em; color:#333;} .page_step_box{ margin:0 0 -10px -10px;} .page_step_box .inner{ margin:0 0 10px 10px; padding:15px 15px; border:1px solid #ccc; border-top:2px solid #393a3e;} .page_step_box .inner > dt{ margin-bottom:10px;} .page_step_box .inner > dt .num{ display:inline-block; *display:inline; zoom:1; margin-bottom:10px; margin-left:-3px; padding:0 15px; line-height:25px; background:#0054e0; border-radius:25px; font-size:.750em; color:#fff; text-transform:uppercase;} .page_step_box .inner > dt .tt{ display:block; font-size:.938em;} .page_step_box .inner > dd{ font-size:.813em; color:#555; line-height:1.3;} .page_iconList{} .page_iconList > li{ padding:3px 0;} .page_iconList > li .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-left:30px; font-size:.938em; color:#444;} .page_iconList > li .tt:before{ content:"\e92b"; font-family:xeicon; font-size:1.375em; color:#0054e0; line-height:1; position:absolute; top:-1px; left:0;} .page_wrap .c1{ color:#0054e0;} .page_wrap .c2{ color:#d00000;} /*회사소개*/ .page_companyCeo{} .page_companyCeo .con_box{ position:relative;} .page_companyCeo .con_box .bg{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:50%; background:#e9e9e9;} .page_companyCeo .con_box .inner{ padding-top:35px;} .page_companyCeo .con_box .con_wrap{ position:relative; padding:50px 0 50px 35%;} .page_companyCeo .con_box .con_wrap .img_wrap{ position:absolute; top:0; left:0; max-width:40%; max-height:100%; overflow:hidden;} .page_companyCeo .con_box .con_wrap .txt_wrap{ position:relative; padding:60px 70px; background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,.2);} .page_companyCeo .con_box .con_wrap .txt_wrap .tit{} .page_companyCeo .con_box .con_wrap .txt_wrap .tit .tt{ position:relative; display:inline-block; *display:inline; zoom:1; padding-bottom:20px; font-size:1.750em; color:#333;} .page_companyCeo .con_box .con_wrap .txt_wrap .tit .tt:before{ content:""; position:absolute; left:2px; bottom:0; width:25px; height:1px; background:#333;} .page_companyCeo .con_box .con_wrap .txt_wrap .tit .t1{ color:#082f9f;} .page_companyCeo .con_box .con_wrap .txt_wrap .txt{ margin-top:30px; line-height:1.6;} .page_companyCeo .con_box .con_wrap .txt_wrap .txt.t1{ font-size:.938em; color:#444;} .page_companyCeo .con_box .con_wrap .txt_wrap .txt.t2{ font-family:"roB","ngB",sans-serif; color:#333;} .page_companyCeo .con_box .con_wrap .txt_wrap .sign{ margin-top:80px; text-align:right;} .page_companyCeo .con_box .con_wrap .txt_wrap .sign > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:10px;} .page_companyCeo .con_box .con_wrap .txt_wrap .sign .t1{ color:#555;} .page_companyCeo .con_box .con_wrap .txt_wrap .sign .t2{ font-size:1.750em;} .page_companyMap{} .page_companyMap .con_box{ padding:15px 0; background:#fff; border-top:2px solid #333; border-bottom:1px solid #999; text-align:center;} .page_companyMap .con_box > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px;} .page_companyMap .con_box > li > *{ vertical-align:middle;} .page_companyMap .con_box > li .xi{ margin-right:10px; width:40px; line-height:40px; background:#393a3e; border-radius:50%; font-size:1.063em; color:#fff;} .page_companyMap .con_box > li .tt{ font-family:"roB","ngB",sans-serif;} .page_companyMap .map_wrap .root_daum_roughmap{ width:100% !important;} /*popup*/ #contents .view_pop{} #contents .view_pop .pop_prod{ border:2px solid #ebebeb; overflow:hidden; margin:10px 0; padding:20px} #contents .view_pop .pop_prod .pop_img{ float:left; width:20%;} #contents .view_pop .pop_prod .pop_img img{} #contents .view_pop .pop_prod .pop_tt{ float:left; width:80%; padding-top:10px;} #contents .view_pop .pop_prod .pop_tt .tt{ margin-left:20px; font-family:"roB","ngB",sans-serif;} #contents .view_pop .pop_prod .pop_tt .tt1{ font-size:.813em;} #contents .view_pop .pop_prod .pop_tt .tt2{ margin-top:10px;} #contents .view_pop .pop_prod .star{ display:inline-block; font-family:sans-serif; margin:0 15px 5px 0; color:#000;} #contents .view_pop .pop_prod .star input{ margin-right:5px; vertical-align:middle;} #contents .input_st2{ border:1px solid #cccccc; padding:8px 5px; font-family:"roB","ngB",sans-serif; color:#333} .pop .board_write .receiveM{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:15px;} .pop .board_write .receiveM:first-child{ margin-left:0;} span.view_card{background:#393a3e; padding:5px 7px; color:#fff;font-size:0.85em; margin-left:10px; border-radius:5px;} span.view_card span.xi.xi-check { margin-left: 3px; font-size: 0.7em;}