@charset "utf-8"; @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); @import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,800italic,400,300,600,700,800); *,html {margin:0px;padding:0px;} html {overflow-y:auto;scrollbar-base-color:#fff;scrollbar-face-color:#fff;scrollbar-track-color:#f5f5f5;scrollbar-highlight-color:#ccc;scrollbar-3dlight-color:#fff;scrollbar-shadow-color:#ccc;scrollbar-darkshadow-color:#ccc;scrollbar-arrow-color:#ccc;} body {font-size:12px;font-family:gulim;} input,select,textarea {font-size:12px;font-family:gulim;} select {font-size:12px;font-family:dotum;} label {cursor:pointer;} a {text-decoration:none;color:#000;} a:hover {color:#666;} li {list-style:none;} .wrap {position:relative;width:1571px;margin:0px auto;} .wrap_video {position:relative;width:100%;margin:0px auto;} #topt {position:absolute;width:100%;height:36px;left:0px;top:33px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;font-size:12px;z-index:1;} #topt.admin {} #topt .l_box {float:left;width:50%;} #topt .r_box {float:right;width:50%;text-align:right;} #topt a.txbtn {display:inline-block;height:20px;padding:10px 0px 0px 0px;text-align:center;} #topt .l_box a.txbtn {float:left;display:block;} #topt a.tw50 {width:50px;} #topt a.tw60 {width:60px;} #topt a.tw70 {width:70px;} #topt a.tw80 {width:80px;} #topt a.tw90 {width:90px;} #topt a.tw100 {width:100px;} #topt a .txt1 {display:inline-block;color:#999;} #topt a .txt2 {display:none;color:#fff} #topt a .cartnum {display:inline-block;margin:-5px 0px 0px 5px;padding:2px 5px;background-color:#e5e5e5;border-radius:10px;font-size:10px;} #topt a:hover .txt1 {display:none;} #topt a:hover .txt2 {display:inline-block;} #topt .line {display:block;float:left;width:1px;height:16px;margin:11px 12px 0px 12px;background-color:#505050;} #topt .line2 {display:inline-block;width:1px;height:12px;margin:0px 0px 0px 0px;background-color:#505050;vertical-align:middle;} #topt .l a {display:block;float:left;} #topt .srbox {float:left;position:relative;width:190px;height:22px;margin:7px 0px 0px 5px;border:1px solid #666;} #topt .srbox:hover {border-color:#999;} #topt .srbox .inputtxt {display:block;width:160px;height:22px;background-color:#000;border:0px;color:#fff;font-family: 'Open Sans', sans-serif;text-indent:5px;} #topt .srbox .inputtxt:-webkit-input-placeholder {color:#808080} #topt .srbox .inputtxt:-moz-placeholder {color:#808080} #topt .srbox .inputtxt:-ms-input-placeholder {color:#808080} #topt .srbox .inputtxt:-moz-placeholder {color:#808080} #topt .srbox .submitbtn {display:block;position:absolute;width:30px;height:22px;background:#000 url('./image/topsearch_icon2.png') no-repeat;background-size:15px auto; background-position:center center;border:0px;right:0px;top:0px;cursor:pointer;} #topt .csbox {float:left;position:relative;width:190px;height:22px;margin:7px 0px 0px 5px;color:#808080;line-height:22px;} #topt .csbox .tel {display:inline-block;margin:0px 0px 0px 5px;color:#fff;font-size:18px;} #topt .logo {display:none;position:absolute;top:8px;left:50%;margin-left:-40px;} #topt .logo img {display:block;width:80px;height:auto;} #topt.topg .logo {display:block;} #header {position:relative;height:auto;background:#222 url('./image/header_bg.jpg') repeat-x;z-index:3;} #header .wrap {height:auto;} #header .logo {position:relative;width:200px;margin:0px auto;padding:14px 0px 6px 0px;text-align:center;z-index:2;} #header .logo img {width:100%;height:auto;} /* #header .logo .yline {height:1px;margin:29px 20px 0px 20px;background-color:#fed40b;} #header .logo .img1 {display:inline-block;} #header .logo .img2 {display:none;} #header .logo:hover {background-color:#fed40b;} #header .logo:hover .img1 {display:none;} #header .logo:hover .img2 {display:inline-block;} */ #menubar {position:relative;background-color:#000;border-top:1px solid #333;border-bottom:1px solid #000;z-index:5;} #menubar .menu {position:relative;overflow:hidden;height:45px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;letter-spacing:0px;} #menubar .menu ul {position:relative;padding:0px;top:0px;} #menubar .menu li {float:left;margin:0px 0px 0px 0px;} #menubar .menu li.fir {margin-left:0px;} #menubar .menu .line {width:1px;height:19px;margin-top:13px;background-color:#e5e5e5;} #menubar .menu .mnu a {display:block;height:45px;padding:0px 30px;border-right:1px solid #111;color:#fff;font-size:15px;font-weight:400;text-align:center;line-height:45px;text-transform: uppercase;transition: all 0.3s;} #menubar .menu .mnu.on a {color:#dfb600;} #menubar .menu li.last.mnu a {border-right:0px;} #menubar .menu .rnu {float:none;float:right;} #menubar .menu .rnu a {display:block;height:45px;padding:0px 35px;border-right:1px solid #d9d9d9;color:#777;font-size:13px;font-weight:400;line-height:45px;text-transform: uppercase;} #menubar .menu .rnu a.lb {border-left:1px solid #d9d9d9;} #menubar .menu .rnu:hover a {background-color:#f5f5f5;color:#000;} #menubar .subframe {position:absolute;overflow:hidden;width:100%;height:auto;left:0px;top:41px;padding-top:2px;} #menubar .subframe .frame {position:relative;overflow:hidden;height:0px;border:0px;z-index:2;opacity:0;transition: height 0.2s;} #menubar .wrap:hover .subframe .frame {height:160px;border:3px solid #000;opacity:1;} #menubar .subframe .frame .submbox {display:none;position:relative;overflow:hidden;height:160px;margin:0px 0px 0px 40px;} #menubar .subframe .frame .submbox .model {position:absolute;width:500px;height:auto;left:0px;top:0px;opacity:0.9;z-index:1;} #menubar .subframe .frame .submbox .model img {display:block;float:left;} #menubar .subframe .frame .submbox .model .txt {float:left;width:240px;height:auto;overflow:hidden;padding:25px 0px 0px 10px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;font-weight:400;} #menubar .subframe .frame .submbox .model .txt .t1 {color:#dfb600;font-size:27px;} #menubar .subframe .frame .submbox .model .txt .t2 {margin-top:10px;color:#999;font-size:13px;line-height:1.5;} #menubar .subframe .frame .submbox .menu {position:relative;height:auto;margin:22px 0px 0px 520px;z-index:2;} #menubar .subframe .frame .submbox .menu li {float:left;width:200px;height:35px;font-size:14px;line-height:35px;} #menubar .subframe .frame .submbox .menu li span {display:inline-block;width:6px;height:6px;margin:-2px 6px 0px 0px;background-color:#dfb600;vertical-align:middle;transition: all 0.25s;} #menubar .subframe .frame .submbox .menu li a {color:#e5e5e5;transition: all 0.25s;} #menubar .subframe .frame .submbox .menu li a:hover {color:#dfb600;} #menubar .subframe .frame .submbox .menu li a:hover span {width:8px;height:2px;} #menubar .subframe .bg {position:absolute;width:100%;height:100%;left:0px;top:5px;background:#222 url('./image/subframe_bg.png') repeat-x;background-position:center bottom;opacity:0.95;z-index:1;} #quickm {position:fixed;width:100px;height:auto;right:10px;top:160px;background:#fff;border:1px solid #000;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;z-index:10000;} #quickm .head {position:relative;height:30px;background-color:#222;color:#c3a005;font-size:13px;text-align:center;line-height:30px;z-index:1;} #quickm .menubox {position:relative;padding:5px 5px 5px 5px;font-size:13px;text-align:center;z-index:1;} #quickm .menubox a {display:block;padding:6px 0px 6px 0px;border-bottom:1px solid #e5e5e5;color:#000;transition: all 0.3s;} #quickm .menubox a.nobt {border-bottom:0px;} #quickm .menubox a img {width:40px;height:auto;} #quickm .menubox a:hover {background-color:#e5e5e5;} #quickm .menubox .telbox {padding:6px 0px 6px 0px;} #quickm .menubox .telbox img {width:20px;height:auto;} #quickm .menubox .telbox .numb {margin-top:5px;color:#000;font-size:18px;font-weight:600;letter-spacing:-0.5px;line-height:1.2;} #quickm .menubox .telbox .numb span {font-size:16px;letter-spacing:0px;} #quickm .worktime {position:relative;padding:10px 0px;color:#000;font-size:13px;text-align:center;line-height:1.2;z-index:1;} #quickm .worktime span {color:#666;} #quickm .worktime .red {color:red;} #quickm .worktime .part {} #quickm .worktime .part.mt {margin-top:8px;} #quickm .kakao {display:none;overflow:hidden;position:absolute;width:350px;height:480px;left:-350px;top:-1px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;z-index:2;} #quickm .kakao .t1 {position:relative;margin:22px 0px 0px 0px;padding:0px 25px;color:#fff;font-size:23px;z-index:2;} #quickm .kakao .t1 .stxt {margin-top:5px;color:#999;font-size:13px;font-weight:300;} #quickm .kakao .t2 {position:relative;overflow:hidden;height:300px;margin:15px 20px 0px 20px;background:#fee600;border-radius:12px;text-align:center;z-index:2;} #quickm .kakao .t2.sangdam_form {background-color:#333;border-radius:0px;} #quickm .kakao .t2.sangdam_form .t2box {margin-top:15px;color:#ccc;font-size:13px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #quickm .kakao .t2.sangdam_form .cinput {display:inline-block;width:250px;height:30px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size:14px;text-indent:10px;vertical-align:middle;} #quickm .kakao .t2.sangdam_form .cinput:focus {background-color:#fff;} #quickm .kakao .t2.sangdam_form .ccheck {display:inline-block;width:20px;height:20px;margin-right:4px;background-color:#999;border:1px solid #e5e5e5;color:#000;vertical-align:middle;} #quickm .kakao .t2.sangdam_form .txtbox {overflow-x:hidden;overflow-y:scroll;width:230px;height:90px;margin:22px auto 0px auto;padding:10px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-size:12px;text-align:left;} #quickm .kakao .t3 {display:block;position:relative;width:140px;height:35px;margin:16px auto 0px auto;background-color:#443132;border:1px solid #907373;color:#fff;font-size:14px;text-align:center;line-height:35px;transition: all 0.2s;z-index:2;} #quickm .kakao .t3:hover {background-color:#fee600;border-color:#fee600;color:#000;} #quickm .kakao .submitbtn {display:block;position:relative;width:140px;height:35px;margin:16px auto 0px auto;background-color:#444;border:1px solid #808080;color:#fff;font-size:14px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;transition: all 0.2s;cursor:pointer;z-index:2;} #quickm .kakao .submitbtn:hover {background-color:#808080;border-color:#ccc;color:#fffd45;} #quickm .kakao .closebtn {display:block;position:absolute;right:15px;top:15px;z-index:3;} #quickm .kakao .bg {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#000;opacity:0.9;z-index:1;} #quickm.main {} #quickm.topg {position:fixed;top:87px;} #lateview {position:absolute;width:84px;height:310px;left:50%;margin-left:-704px;top:0px;background-color:#fff;border:1px solid #e1e1e1;font-family: 'Open Sans', sans-serif;} #lateview .latev_head {padding:9px 0px 9px 0px;border-bottom:1px dashed #e1e1e1;text-align:center;} #lateview .latev_list {overflow:hidden;} #lateview .latev_list li.late_product {margin:10px 0px 0px 0px;border-bottom:0px;font-size:11px;text-align:center;line-height:1.4;} #lateview .latev_list li.late_product img {display:block;width:100%;height:auto;min-height:50px;margin:0px auto;} #lateview .latev_list li.late_product .imgcont {overflow:hidden;height:50px;margin:0px 10px;border:1px solid #ccc;} #lateview .latev_list li.late_product span {overflow:hidden;display:block;height:15px;margin:5px 5px;} #lateview .latev_list li.late_product a {color:#666;} #lateview .latev_list li.not_p {height:auto;padding-top:100px;color:#999;font-size:11px;line-height:1.4;text-align:center;letter-spacing:-0.5px;} #lateview.main {} #lateview.topg {position:fixed;top:120px;} #menubar.topg {position:fixed;width:100%;left:0px;top:0px;border-top:0px;box-shadow:0px 1px 3px #222;} #menubar.admin.topg {top:30px;} #maincont {position:relative;min-height:800px;margin-top:0px;padding:0px 0px 0px 0px;z-index:2;} #maincont.topg {margin-top:48px;} #maincont .wideslide {position:relative;height:auto;background:url('./image/wide_slidebg1.jpg');} #maincont .wideslide.bgop1 {background-repeat:repeat-x;} #maincont .wideslide.bgop2 {background-repeat:repeat-y;} #maincont .wideslide.bgop3 {background-repeat:repeat;} #maincont .wideslide.bgop4 {background-repeat:no-repeat;} #maincont .wideslide.bgsize {background-size:cover;} #maincont .wideslide .wrap {height:575px;} #maincont .wideslide .wrap.widew {width:auto;margin:0px;} #maincont .wideslide .arrow1 {display:block;position:absolute;left:-80px;top:50%;margin-top:-34px;opacity:0.3;z-index:3;} #maincont .wideslide .arrow1:hover {opacity:1;} #maincont .wideslide .arrow2 {display:block;position:absolute;right:-80px;top:50%;margin-top:-34px;opacity:0.3;z-index:3;} #maincont .wideslide .arrow2:hover {opacity:1;} #maincont .wideslide .wrap.widew .arrow1 {left:25px;} #maincont .wideslide .wrap.widew .arrow2 {right:25px;} #maincont .wideslide .winvi {display:none;position:relative;width:100%;height:auto;opacity:0;z-index:1;} #maincont .wideslide .slidebox {display:none;position:absolute;width:100%;height:100%;left:0px;top:0px;opacity:0;z-index:2;} #maincont .wideslide .slidebox img {display:block;width:100%;height:575px;} #maincont .wideslide .navi {position:absolute;width:600px;height:25px;left:50%;bottom:15px;margin-left:-300px;text-align:center;z-index:3;} #maincont .wideslide .navi a {overflow:hidden;display:inline-block;width:26px;height:6px;margin:0px 2px;background-color:#808080;border:1px solid #ccc;border-radius:3px;} #maincont .wideslide .navi a.on {background-color:#000;border-color:#fff;} #maincont .mainslide {position:relative;overflow:hidden;height:850px;background-color:#e5e5e5;border-bottom:1px solid #ccc;margin-top:0px;} #maincont .mainslide .slidebox {position:absolute;width:100%;height:850px;left:100%;top:0px;background-repeat:no-repeat;background-size:cover;background-position:center top;z-index:2;} #maincont .mainslide .slidebox img {display:none;width:100%;height:auto;min-height:850px;} #maincont .mainslide .inviimg {position:relative;display:none;width:100%;height:auto;z-index:1;} #maincont .mainslide .inviimg_mo {position:relative;display:none;width:100%;height:auto;z-index:1;} #maincont .mainslide .navi {position:absolute;width:100%;height:25px;left:0px;bottom:20px;text-align:center;z-index:3;} #maincont .mainslide .navi a {overflow:hidden;display:inline-block;width:80px;height:6px;margin:0px 4px;background-color:#666;border:1px solid #666;border-radius:0%;} #maincont .mainslide .navi a.on {background-color:#000;border-color:#fff;} #maincont .mainslide .slidecont2 {float:right;width:423px;height:507px;} #maincont .mainslide .slidecont2 .stbox1 {overflow:hidden;height:196px;} #maincont .mainslide .slidecont2 .stbox1 img {display:block;width:100%;height:196px;} #maincont .mainslide .slidecont2 .stbox2 {height:197px;margin:10px 0px 0px 0px;} #maincont .mainslide .slidecont2 .stbox2 .stleft {position:relative;float:left;width:207px;height:197px;} #maincont .mainslide .slidecont2 .stbox2 .stleft .gutbg {position:absolute;width:207px;height:197px;left:0px;top:0px;background:url('./image/seasonbestbg.png') no-repeat;z-index:2;} #maincont .mainslide .slidecont2 .stbox2 .stleft .pimg {display:block;position:relative;width:170px;height:155px;margin:37px auto 0px auto;} #maincont .mainslide .slidecont2 .stbox2 .stright {float:right;width:207px;height:197px;} #maincont .mainslide .slidecont2 .stbox2 .stright .bner1 {} #maincont .mainslide .slidecont2 .stbox2 .stright .bner2 {margin-top:7px;} #maincont .mainslide .slidecont2 .stbox3 {position:relative;height:93px;margin-top:12px;} #maincont .mainslide .slidecont2 .stbox3 img {display:block;width:100%;height:93px;} #maincont .storybox {padding:70px 0px 70px 0px;} #maincont .storybox .sbox1 {float:left;position:relative;width:50%;height:480px;background-color:#e5e5e5;} #maincont .storybox .sbox1 table .td1 {width:50%;} #maincont .storybox .sbox1 table .nh {height:240px;} #maincont .storybox .sbox1 table td .photo {overflow:hidden;position:relative;height:240px;} #maincont .storybox .sbox1 table td .photo .txt {position:absolute;top:15px;padding:3px 10px;background:#fff;border-radius:14px;color:#333;font-size:13px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #maincont .storybox .sbox1 table td .photo .txt.l {left:15px;} #maincont .storybox .sbox1 table td .photo .txt.r {right:15px;} #maincont .storybox .sbox1 table td .photo .txt2 {position:absolute;bottom:15px;padding:3px 10px;background:#fff;border-radius:14px;color:#333;font-size:13px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #maincont .storybox .sbox1 table td .photo .txt2.l {left:15px;} #maincont .storybox .sbox1 table td .photo .txt2.r {right:15px;} #maincont .storybox .sbox1 table img {width:100%;height:auto;} #maincont .storybox .sbox1 .morebtn {display:block;position:absolute;width:183px;height:48px;left:50%;top:50%;margin:-24px 0px 0px -91.5px;} #maincont .storybox .sbox2 {float:left;width:50%;height:480px;} #maincont .storybox .sbox2 table .td1 {width:25%;} #maincont .storybox .sbox2 table .nh {height:160px;} #maincont .storybox .sbox2 table td .photo {overflow:hidden;height:160px;background-color:#000;} #maincont .storybox .sbox2 table td .photo:hover img {width:120%;margin:-10% 0px 0px -10%;} #maincont .storybox .sbox2 table td .rbtn {display:block;overflow:hidden;height:320px;} #maincont .storybox .sbox2 table td .rbtn img {display:block;width:100%;height:auto;} #maincont .storybox .sbox2 table img {width:100%;height:auto;transition: all 0.3s;} #maincont .qinfobox {padding:0px 0px 90px 0px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #maincont .qinfobox .box1 {text-align:center;} #maincont .qinfobox .box1 .head {font-size:30px;} #maincont .qinfobox .box1 .head .line {width:40px;height:2px;margin:10px auto 0px auto;background-color:#ccc;} #maincont .qinfobox .box1 .content {height:610px;margin:30px 0px 0px 0px;background-color:#fff;border:0px solid #ccc;transition: all 0.25s;} #maincont .qinfobox .box1 .content img {opacity:1;transition: all 0.3s;} #maincont .qinfobox .box1 .content:hover {border-color:#333;} #maincont .qinfobox .box1 .content:hover img {opacity:0.7;} #maincont .qinfobox .box1 .content .mimg {display:none;} #maincont .qinfobox .box2 {float:left;width:47.5%;height:auto;min-height:100px;margin:60px 0px 0px 0px;text-align:center;} #maincont .qinfobox .box2.rm {margin-right:5%;} #maincont .qinfobox .box2 .head {font-size:30px;} #maincont .qinfobox .box2 .head .line {width:40px;height:2px;margin:10px auto 0px auto;background-color:#ccc;} /* #maincont .qinfobox .box2 .content {height:300px;margin:30px 0px 0px 0px;background-color:#e5e5e5;border:1px solid #ccc;transition: all 0.25s;} */ #maincont .qinfobox .box2 .content {margin:20px 0px 0px 0px;background-color:#e5e5e5;border:1px solid #ccc;transition: all 0.25s;} #maincont .qinfobox .box2 .content img {display:block;width:100%;height:auto;} #maincont .qinfobox .box2 .content:hover {border-color:#333;} #maincont .panorama {position:relative;height:650px;background:#666 url('./image/panorama_bg.jpg') no-repeat;background-attachment:fixed;background-size:cover;} #maincont .panorama .wrap {overflow:hidden;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;} #maincont .panorama .box1 {margin-top:80px;} #maincont .panorama .box2 {width:800px;height:auto;margin:50px auto 0px auto;padding:35px 0px;border-top:1px solid #999;border-bottom:1px solid #999;color:#fff;font-size:22px;line-height:1.8;} #maincont .panorama .btn {display:block;width:250px;height:55px;margin:50px auto 0px auto;background-color:#111;border:2px solid #fff;color:#fff;font-size:18px;text-align:center;line-height:55px;transition: all 0.25s;} #maincont .panorama .btn:hover {background-color:#000;border-color:#dfb600;color:#dfb600;} #maincont .deskbox {} #maincont .deskbox.type1 {padding:80px 0px 80px 0px;background-color:#ffffff;border-bottom:0px solid #ccc;} #maincont .deskbox.type2 {padding:0px 0px 80px 0px;} #maincont .deskbox .btnbox {} #maincont .deskbox .btnbox .btn {float:left;width:430px;height:272px;margin-right:55px;} #maincont .deskbox .btnbox .btn .bcont {overflow:hidden;background-color:#fff;border:1px solid #e5e5e5;height:269px;transition: all 0.25s;} #maincont .deskbox .btnbox .btn:hover .bcont {border-color:#333;} #maincont .deskbox .btnbox .btn .bcont img {width:100%;height:auto;} #maincont .deskbox .btnbox .btn .bcont .mimg {display:none;} #maincont .deskbox .btnbox .btn.l {margin-right:0px;} #maincont .deskbox .btnbox_new {} #maincont .deskbox .btnbox_new .btn {float:left;width:430px;height:272px;margin-right:55px;} #maincont .deskbox .btnbox_new .btn .bcont {overflow:hidden;background-color:#fff;border:1px solid #e5e5e5;height:269px;transition: all 0.25s;} #maincont .deskbox .btnbox_new .btn:hover .bcont {border-color:#333;} #maincont .deskbox .btnbox_new .btn .bcont img {width:100%;height:auto;} #maincont .deskbox .btnbox_new .btn .bcont .mimg {display:none;} #maincont .deskbox .btnbox_new .btn.l {margin-right:0px;} #maincont .deskbox .btnbox_new2 {} #maincont .deskbox .btnbox_new2 .btn {float:left;width:631px;height:356px;margin-right:45px;} #maincont .deskbox .btnbox_new2 .btn .bcont {overflow:hidden;background-color:#fff;border:1px solid #e5e5e5;height:269px;transition: all 0.25s;} #maincont .deskbox .btnbox_new2 .btn:hover .bcont {border-color:#333;} #maincont .deskbox .btnbox_new2 .btn .bcont img {width:100%;height:auto;} #maincont .deskbox .btnbox_new2 .btn .bcont .mimg {display:none;} #maincont .deskbox .btnbox_new2 .btn.l {margin-right:0px;} #maincont .deskbox .locbox {height:250px;padding-top:70px;} #maincont .deskbox .locbox .box {float:left;width:32.5%;} #maincont .deskbox .locbox .box.sec {width:35%;} #maincont .deskbox .locbox .box .bcont {height:250px;} #maincont .deskbox .locbox .box .bcont.rb {border-right:1px solid #e5e5e5;} #maincont .deskbox .locbox .box .bcont.se1 {padding:0px 25px 0px 0px;} #maincont .deskbox .locbox .box .bcont.se2 {padding:0px 25px 0px 25px;} #maincont .deskbox .locbox .box .bcont.se3 {padding:0px 0px 0px 25px;} #maincont .deskbox .locbox .box .bcont .title {padding-bottom:5px;} #maincont .deskbox .locbox .box .bcont .title img {width:200px;height:auto;} #maincont .deskbox .locbox .box .bcont .csimg {display:block;width:400px;height:auto;} #maincont .deskbox .locbox .box .bcont .midline {height:15px;margin-top:15px;border-top:1px dashed #e5e5e5;} #maincont .deskbox .locbox .box .bcont .loctxt {color:#666;font-size:13px;font-family:"Nanum Gothic", sans-serif;} #maincont .deskbox .locbox .box .bcont .map {margin-top:0px;} #maincont .deskbox .locbox .box .bcont .map img {display:block;width:100%;height:auto;} #maincont .deskbox .locbox .box .bcont .late_list {font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #maincont .deskbox .locbox .box .bcont .late_list .cont {position:relative;padding:8px 0px;border-top:1px dashed #e5e5e5;} #maincont .deskbox .locbox .box .bcont .late_list .cont.fir {border-top:0px;} #maincont .deskbox .locbox .box .bcont .late_list .subject {color:#505050;font-size:14px;} #maincont .deskbox .locbox .box .bcont .late_list .date {position:absolute;top:8px;right:0px;color:#be9f4c;font-size:13px;} #maincont .latest {overflow:hidden;margin:50px 0px 0px 0px;padding:0px 0px 20px 0px;font-family: 'Open Sans', sans-serif;} #maincont .latest .ltitle {text-align:center;} #maincont .latest .ltitle span {display:inline-block;padding:0px 5px 7px 5px;border-bottom:1px solid #ccc;color:#333;font-size:22px;} #maincont .latest .plist {overflow:hidden;width:120%;margin:35px 0px 0px 0px;font-family:"Nanum Gothic", sans-serif;} #maincont .latest .plist li {float:left;overflow:hidden;width:277px;height:340px;margin:0px 30px 25px 0px;} #maincont .latest .plist li .pimgcont {overflow:hidden;position:relative;height:258px;} #maincont .latest .plist li .pimgcont .bl1 {position:absolute;width:100%;height:1px;left:0px;top:0px;background-color:#ccc;z-index:2;} #maincont .latest .plist li .pimgcont .bl2 {position:absolute;width:1px;height:100%;right:0px;top:0px;background-color:#ccc;z-index:2;} #maincont .latest .plist li .pimgcont .bl3 {position:absolute;width:100%;height:1px;left:0px;bottom:0px;background-color:#ccc;z-index:2;} #maincont .latest .plist li .pimgcont .bl4 {position:absolute;width:1px;height:100%;left:0px;top:0px;background-color:#ccc;z-index:2;} #maincont .latest .plist li .pimg {display:block;position:relative;width:100%;height:auto;min-height:258px;z-index:1;} #maincont .latest .plist li .ptxt {margin:15px 0px 0px 0px;font-size:14px;text-align:center;} #maincont .latest .plist li .price {margin:10px 0px 0px 0px;font-size:14px;font-weight:600;font-family: 'Open Sans', sans-serif;text-align:center;line-height:1.4;} #maincont .latest .plist li .price .nt {display:inline-block;margin:0px 10px 0px 0px;color:#505050;font-size:13px;} #maincont .latest .plist li a {color:#666;} #maincont .latest .plist li a .price {color:#199ad4;} #maincont .latest .plist li:hover .pimgcont .bl1, #maincont .latest .plist li:hover .pimgcont .bl3 {height:1px;background-color:#199ad4;} #maincont .latest .plist li:hover .pimgcont .bl2, #maincont .latest .plist li:hover .pimgcont .bl4 {width:1px;background-color:#199ad4;} #pagenav {position:relative;height:40px;background-color:#ebebeb;border-bottom:1px solid #bfbfbf;z-index:3;} #pagenav .page_nav {margin:0px 0px 0px 0px;padding:0px 0px 10px 10px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;} #pagenav .page_nav ul {display:inline-block;} #pagenav .page_nav li {float:left;position:relative;height:auto;} #pagenav .page_nav li.arr {width:30px;height:40px;background:url('./image/nav_icon2.png') no-repeat;background-position:center center;opacity:0.5;} #pagenav .page_nav li .home {display:block;width:60px;height:40px;background:url('./image/navhome_icon.png') no-repeat;background-position:center center;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;} #pagenav .page_nav li .pagem {display:block;height:40px;padding:0px 25px;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;color:#808080;font-size:14px;line-height:40px;} #pagenav .page_nav li .pagem.cur {padding-right:15px;color:#000;} #pagenav .page_nav li .pagem .darr {display:inline-block;margin:-3px 0px 0px 20px;vertical-align:middle;} #pagenav .page_nav li .home:hover, #pagenav .page_nav li .pagem:hover {background-color:#fff;color:#000;} #pagenav .page_nav li .reselectbox {display:none;position:absolute;width:auto;height:auto;top:40px;right:0px;background-color:#f5f5f5;border:1px solid #d9d9d9;} #pagenav .page_nav li .reselectbox .rebtn {display:block;min-width:170px;padding:6px 15px;border-top:1px solid #e5e5e5;color:#333;font-size:13px;text-align:left;} #pagenav .page_nav li .reselectbox .rebtn.fir {border-top:0px;} #pagenav .page_nav li .reselectbox .rebtn:hover {background-color:#444;color:#fff;} #content {position:relative;padding:30px 0 60px 0;min-height:700px;z-index:2;} #content.topg {margin-top:48px;} #content .wrap {width:1200px;} #content .pagetitle {position:relative;margin-top:15px;padding:0px 0px 60px 0px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;z-index:10;} #content .pagetitle span {display:inline-block;padding:0px 5px 10px 5px;border-bottom:1px solid #ccc;color:#000;font-size:40px;} #content .pagetitle .ssubmenu {position:absolute;top:100px;left:0px;width:100%;height:auto;text-align:center;} #content .pagetitle .ssubmenu .ssubbox {display:inline-block;height:auto;} #content .pagetitle .ssubmenu .ssubbox .btn {display:block;position:relative;float:left;min-width:205px;height:50px;margin-left:-1px;padding:0px 10px;background-color:#e5e5e5;border:1px solid #999;color:#808080;font-size:16px;line-height:50px;text-align:center;} #content .pagetitle .ssubmenu .ssubbox .btn.on {background-color:#fff;color:#000;} #content .pagetitle .ssubmenu .ssubbox .btn .arr {position:absolute;display:none;left:50%;top:50px;margin-left:-13.5px;} #content .pagetitle .ssubmenu .ssubbox .btn.on .arr {display:block;} #content .pagetitle .ssubmenu.msize .ssubbox .btn {min-width:100px;} #content .beforecate {position:relative;height:auto;margin:-20px 0px 50px 0px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;z-index:11;} #content .beforecate .ssubbox {display:inline-block;height:auto;} #content .beforecate .ssubbox .btn {display:block;position:relative;float:left;min-width:70px;height:50px;margin-left:-1px;padding:0px 10px;background-color:#e5e5e5;border:1px solid #999;color:#808080;font-size:16px;line-height:50px;text-align:center;} #content .beforecate .ssubbox .btn.on {background-color:#fff;color:#000;} #content .beforecate .ssubbox .btn .arr {position:absolute;display:none;left:50%;top:50px;margin-left:-13.5px;} #content .beforecate .ssubbox .btn.on .arr {display:block;} #content .boardbtnbox {height:auto;margin:30px 0px 0px 0px;text-align:center;} #content .board_mbtn {display:inline-block;height:29px;padding:0px 18px 0px 18px;background-color:#666;border:1px solid #505050;border-radius:3px;color:#fff; font-size:13px;font-family:'Nanum Gothic', sans-serif;line-height:29px;} #content .board_mmbtn {display:inline-block;height:22px;padding:0px 12px 0px 12px;background-color:#666;border:1px solid #505050;border-radius:3px;color:#fff; font-size:12px;font-family:'Nanum Gothic', sans-serif;line-height:22px;} #content input.bluebtn {height:38px;padding:0px 25px 0px 25px;background-color:#333;border:1px solid #000;border-radius:3px;color:#fff; font-size:13px;font-family:'Nanum Gothic', sans-serif;} #content input.graybtn {height:38px;padding:0px 25px 0px 25px;background-color:#666;border:1px solid #505050;border-radius:3px;color:#fff; font-size:13px;font-family:'Nanum Gothic', sans-serif;} #content .view_tab {position:relative;height:auto;padding:0px 0px 50px 0px;text-align:center;} #content .view_tab.mt {margin-top:60px;} #content .view_tab ul {height:51px;border-bottom:2px solid #000;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #content .view_tab ul li {float:left;width:16.6%;} #content .view_tab ul li.fir {width:17%;} #content .view_tab ul li a {display:block;overflow:hidden;padding:0px 0px;background-color:#ebebeb;border-top:1px solid #b3b3b3;border-right:1px solid #b3b3b3;color:#808080;font-size:16px;text-align:center;line-height:50px;} #content .view_tab ul li a.on {height:52px;background-color:#fff;border:1px solid #000;border-bottom:0px;color:#000;} #content .view_tab ul li.fir a {border-left:1px solid #b3b3b3;} #content .view_tab ul li.fir a.on {border-left:1px solid #000;} #content .view_page {display:none;} #content .view_page .v1 {position:relative;overflow:hidden;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;} #content .view_page .v1 .t1 {padding-top:10px;color:#258bc5;font-size:32px;} #content .view_page .v1 .t2 {color:#b3b3b3;font-size:12px;} #content .view_page .v1 .t3 {margin-top:20px;color:#808080;font-size:16px;line-height:1.6;} #content .view_page .v2 {margin:50px 0px 0px 0px;padding:25px;background-color:#fff;border:1px solid #e5e5e5;} #content .view_page .v2 .imgbox {} #content .view_page .v2 img {display:block;width:100%;height:auto;} #content .view_page .v3 {margin:25px 0px 0px 0px;padding:25px;background-color:#fff;border:1px solid #e5e5e5;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #content .view_page .v3 .t1 {padding:0px 0px 20px 0px;color:#808080;font-size:16px;line-height:1.6;text-align:center;} #content .view_page .v3 .imgbox {} #content .view_page .v3 img {display:block;width:100%;min-height:250px;cursor:pointer;opacity:0.3;transition: all 0.3s;} #content .view_page .v3 img:hover {opacity:1;} #content .view_page .v3 img.on {opacity:1;} #content .view_page .v3 li {float:left;overflow:hidden;background-color:#000;} #content .view_page .v3 .img1 {width:32%;height:250px;margin-right:2%;} #content .view_page .v3 .img2 {width:32%;height:250px;margin-right:2%;} #content .view_page .v3 .img3 {width:32%;height:250px;} #content .view_page .v3 .img4 {width:32%;height:250px;margin:25px 2% 0px 0px;} #content .view_page .v3 .img5 {width:32%;height:250px;margin:25px 2% 0px 0px;} #content .ficont {position:relative;} #content .ficont img {display:block;width:100%;height:auto;} #content .fimg {display:block;width:100%;height:auto;} #content .fimg.mt {margin-top:60px;} #content .panel1 {position:relative;background:url('../../layouts/cueviss/image/c14_img2.jpg') repeat-x;z-index:1;} #content .panel1.case1 {padding-bottom:0px;} #content .panel1.case2 {padding-top:0px;} #content .panel1 .wrap {height:516px;} #content .panel1.size1 .wrap {height:600px;} #content .panel1 .cimg {position:absolute;display:block;left:50%;/*top:0px;*/margin-left:-700px;bottom:0;} #content #c14cont .panel1 .cimg{margin-left:-960px;} #content #c17cont .panel1 .cimg{margin-left:-960px;} #content .panel1 .cimg.moimg {display:none;} #content .panel2 {position:relative;padding:60px 0px 60px 0px;background:#fff;z-index:1;} #content .panel2.bg1 {background:#f2f2f2;} #content .panel2.case1 {padding-bottom:0px;} #content .panel2.case2 {padding-top:0px;} #content .panel2.case3 {padding-top:0px;padding-bottom:0px;} #content .panel2 .wrap {height:auto;} #content .panel_cuns {position:absolute;width:100%;height:90px;left:0px;bottom:0px;z-index:10;} #content .panel_cuns .cont {position:relative;height:auto;padding:24px 0px 0px 60px;z-index:2;} #content .panel_cuns .cont .block {float:left;height:auto;min-height:36px;margin-right:70px;} #content .panel_cuns .cont .block .ico {float:left;display:block;width:38px;height:auto;margin:3px 17px 0px 0px;} #content .panel_cuns .cont .block .txt {float:left;height:auto;color:#fff;font-size:14px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;line-height:1.6;} #content .panel_cuns .cont .block .txt .t1 {font-weight:300;} #content .panel_cuns .cont .block .txt .t2 {font-weight:500;} #content .panel_cuns.type1 .cont .block {margin-right:50px;} #content .panel_cuns .cbtn {position:absolute;display:block;width:225px;height:50px;right:20px;top:20px;background-color:#666;color:#fff;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size:18px;text-align:center;line-height:50px;transition: all 0.25s;z-index:3;} #content .panel_cuns .cbtn .arr {position:absolute;display:block;top:50%;right:22px;margin-top:-5px;} #content .panel_cuns .cbtn .arr2 {display:none;position:absolute;top:50%;right:22px;margin-top:-5px;} #content .panel_cuns .bg {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#444;opacity:0.85;z-index:1;} #content .panel_cuns .quick_consul_window {display:none;position:absolute;width:100%;height:167px;top:90px;left:0px;z-index:3;} #content .panel_cuns .quick_consul_window .qbg {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#000;opacity:0.85;z-index:1;} #content .panel_cuns .quick_consul_window .t1 {position:absolute;left:50px;bottom:0px;z-index:2;} #content .panel_cuns .quick_consul_window .t1 img {width:345px;height:auto;} #content .panel_cuns .quick_consul_window .t2 {position:absolute;height:141px;left:430px;bottom:0px;z-index:2;} #content .panel_cuns .quick_consul_window .t2 .t2box {margin-bottom:15px;color:#ccc;font-size:13px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #content .panel_cuns .quick_consul_window .t2 .cinput {display:inline-block;width:220px;height:30px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size:14px;text-indent:10px;vertical-align:middle;} #content .panel_cuns .quick_consul_window .t2 .cinput:focus {background-color:#fff;} #content .panel_cuns .quick_consul_window .t2 .ccheck {display:inline-block;width:20px;height:20px;margin-right:4px;background-color:#999;border:1px solid #e5e5e5;color:#000;vertical-align:middle;} #content .panel_cuns .quick_consul_window .t3 {position:absolute;height:auto;left:670px;bottom:27px;font-family:"Nanum Gothic", sans-serif;line-height:1.7;z-index:2;} #content .panel_cuns .quick_consul_window .t3 .txtbox {overflow-x:hidden;overflow-y:scroll;width:320px;height:92px;padding:10px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-size:12px;} #content .panel_cuns .quick_consul_window .t4 {display:block;overflow:hidden;position:absolute;width:120px;height:110px;right:40px;bottom:30px;background:#000 url('./image/quick_consul_btntxt.png') no-repeat;background-position:center center;border:0px;border-radius:6px;cursor:pointer;z-index:2;} #content .panel_cuns .quick_consul_window .t4.bg2 {background-color:#f63868;} #content .panel_cuns .quick_consul_window .t4.bg3 {background-color:#f63868;} #content .panel_cuns .quick_consul_window .t4.bg4 {background-color:#0095c6;} #content .panel_cuns .quick_consul_window .t4.bg5 {background-color:#38a5a4;} #content .panel_cuns .quick_consul_window .t4.bg6 {background-color:#bc8d00;} #content .panel_cuns .quick_consul_window .t4.bg7 {background-color:#fa5457;} #content .panel_cuns .quick_consul_window .t4.bg8 {background-color:#fe621d;} #content .panel_cuns .quick_consul_window .t4.bg9 {background-color:#000;} #content .panel_cuns .quick_consul_window .t4.bg10 {background-color:#a74ee5;} #content .panel2.bg1_1 {background-color:#fdeef1;z-index:2;} #content .panel2.bg1_2 {background-color:#fff4f2;z-index:2;} #content .panel2.bg1_3 {background-color:#fff4f2;z-index:2;} #content .panel2.bg1_4 {background:#666 url('./image/c91_img6_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg1_5 {background:#666 url('./image/c91_img7_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg1_6 {background:#666 url('./image/c91_img9_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg1_7 {background-color:#f0d0c8;z-index:2;} #content .panel2.bg1_20 {background-color:#e0e9ef;z-index:2;} #content .panel2.bg1_21 {background:#666 url('./image/c92_img1-2_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg1_22 {background:#666 url('./image/c92_img1-4_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg1_30 {background-color:#eee5f6;z-index:2;} #content .panel2.bg1_31 {background:#eae1f1 url('./image/c93_img1-2_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg1_32 {background:#332b2c url('./image/c93_img1-4_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg2_1 {background-color:#d7e7dc;z-index:2;} #content .panel2.bg3_1 {background-color:#e0ffdc;z-index:2;} #content .panel2.bg4_1 {background-color:#fef4eb;z-index:2;} #content .panel2.bg5_1 {background-color:#fdf0ee;z-index:2;} #content .panel2.bg6_1 {background-color:#fffeea;z-index:2;} #content .panel2.bg7_1 {background-color:#c8c3c3;z-index:2;} #content .panel2.bg8_1 {background-color:#fef3ff;z-index:2;} #content .panel2.bg158_1 {background:#d0e5dc; /*url('./image/c148_img1_bg.jpg') no-repeat;*/background-size:cover;z-index:2;} #content .panel2.bg158_2 {background: url('./image/c158_back1.jpg') no-repeat; background-size:cover;z-index:2;} #content .panel2.bg158_3 {background-color:#f5f5f5;z-index:2;} #content .panel2.bg158_4 {background-color:#efe9e1;z-index:2;} #content .panel2.bg158_22 {background: url('./image/c158_back2.jpg') no-repeat; background-size:cover;z-index:2;} #content .panel2.bg158_33 {background: url('./image/c158_back3.jpg') no-repeat; background-size:cover;z-index:2;} #content .panel2.bg158_44 {background: url('./image/c158_back4.jpg') no-repeat; background-size:cover;z-index:2; margin-bottom: 60px;} #content .panel2.bg158_5 {background:#666 url('./image/c158_img8_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg158_6 {background:#666 url('./image/c158_img9_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg158_7 {background:#666 url('./image/c158_img10_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg158_8 {background:#666 url('./image/c158_img11_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg158_9 {background:#666 url('./image/c158_img12_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg158_10 {background:#666 url('./image/c158_img13_bg.jpg') no-repeat;background-size:cover;z-index:2;} /*#content .panel2.bg148_1 {background-color:#5f5659;z-index:2;}*/ #content .panel2.bg148_1 {background:#666 url('./image/c148_img1_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg148_2 {background-color:#f8f1e9;z-index:2;} #content .panel2.bg148_3 {background-color:#f5f5f5;z-index:2;} #content .panel2.bg148_4 {background-color:#efe9e1;z-index:2;} #content .panel2.bg148_5 {background:#666 url('./image/c148_img8_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg148_6 {background:#666 url('./image/c148_img9_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg148_7 {background:#666 url('./image/c148_img10_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg148_8 {background:#666 url('./image/c148_img11_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg148_9 {background:#666 url('./image/c148_img12_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel2.bg148_10 {background:#666 url('./image/c148_img13_bg.jpg') no-repeat;background-size:cover;z-index:2;} #content .panel_cuns .cbtn.bg2 {background-color:#f63868;} #content .panel_cuns .cbtn.bg162 {background-color:#f63868;} #content .panel_cuns .cbtn.bg3 {background-color:#f63868;} #content .panel_cuns .cbtn.bg4 {background-color:#0095c6;} #content .panel_cuns .cbtn.bg5 {background-color:#38a5a4;} #content .panel_cuns .cbtn.bg6 {background-color:#bc8d00;} #content .panel_cuns .cbtn.bg7 {background-color:#fa5457;} #content .panel_cuns .cbtn.bg8 {background-color:#fe621d;} #content .panel_cuns .cbtn.bg9 {background-color:#000;} #content .panel_cuns .cbtn.bg10 {background-color:#a74ee5;} #content .panel_cuns .cbtn:hover {background-color:#000;color:#f5e66b;} #content .panel_cuns .cbtn.opened {background-color:#000;color:#f5e66b;} #content .panel_cuns .cbtn.opened .arr {display:none;} #content .panel_cuns .cbtn.opened .arr2 {display:block;} #content .pcimg.inline {display:inline-block;} #content .moimg {display:none;} #desksubbox {position:relative;padding:0px 0px 0px 0px;background-color:#fff;} #desksubbox .cueviss_sys {position:relative;height:800px;margin-top:60px;background:#666 url('./image/cueviss_sys_bg.jpg') no-repeat;background-size:cover;} #desksubbox .cueviss_sys .contimg {width:100%;height:auto;} #desksubbox .moimg {display:none;} #desksubbox .wrap {width:1200px;} #desksubbox .juesa {position:relative;padding:35px 0px 35px 0px;border:1px solid #000;color:#555;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;font-size:18px;text-align:center;} #desksubbox .juesa .topimg {position:absolute;display:block;left:50%;margin-left:-57px;top:-13px;} #desksubbox .juesa .leftimg {position:absolute;display:block;left:25px;top:50%;margin-top:-24.5px;opacity:0.2;} #desksubbox .juesa .rightimg {position:absolute;display:block;right:25px;top:50%;margin-top:-24.5px;opacity:0.2;} #desksubbox .beforeafter {overflow:hidden;position:relative;margin-top:45px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #desksubbox .beforeafter .head {position:relative;padding-bottom:35px;text-align:center;z-index:1;} #desksubbox .beforeafter .head .txt {display:inline-block;padding:0px 0px 5px 0px;border-bottom:1px solid #222;color:#222;font-size:32px;} #desksubbox .beforeafter .view1 {position:relative;z-index:1;} #desksubbox .beforeafter .view1 table {width:100%;} #desksubbox .beforeafter .view1 table td {text-align:center;vertical-align:middle;} #desksubbox .beforeafter .view1 table .td1 {width:45%;} #desksubbox .beforeafter .view1 table .arr {max-width:35px;width:50%;height:auto;} #desksubbox .beforeafter .view1 table .imgcont {overflow:hidden;position:relative;height:auto;min-height:150px;background-color:#ebebeb;border:1px solid #ccc;} #desksubbox .beforeafter .view1 table .imgcont img {display:block;width:100%;min-height:200px;height:auto;} #desksubbox .beforeafter .view1 table .imgcont.type1 img {width:70%;min-height:0px;margin:0px auto;} #desksubbox .beforeafter .view1 table .imgcont .tag {height:40px;left:0px;bottom:0px;background-color:#666;color:#fff;font-size:16px;line-height:40px;text-align:center;} #desksubbox .beforeafter .view1 table .imgcont .tag.on {background-color:#222;color:#feea8f;} #desksubbox .beforeafter .thumbox {overflow:hidden;position:relative;min-height:100px;margin-top:35px;padding:20px;background-color:#f2f2f2;z-index:1;} #desksubbox .beforeafter .thumbox ul {width:1300px;height:auto;} #desksubbox .beforeafter .thumbox ul li {float:left;width:275px;margin-right:20px;height:auto;cursor:pointer;} #desksubbox .beforeafter .thumbox ul li .thumcont {overflow:hidden;float:left;width:50%;height:auto;} #desksubbox .beforeafter .thumbox ul li .thumcont .imgcont1 {overflow:hidden;height:100px;background-color:#fff;border:1px solid #ccc;text-align:center;} #desksubbox .beforeafter .thumbox ul li .thumcont .imgcont2 {overflow:hidden;height:100px;background-color:#fff;border:1px solid #ccc;text-align:center;border-left:0px;} #desksubbox .beforeafter .thumbox ul li .thumcont img {display:block;width:auto;height:100%;margin:0px auto;opacity:0.5;} #desksubbox .beforeafter .thumbox ul li .thuminfo {padding:8px 0px 0px 0px;color:#666;font-size:13px;text-align:center;} #desksubbox .beforeafter .thumbox ul li.on .thumcont .imgcont1 {border-color:#000;} #desksubbox .beforeafter .thumbox ul li.on .thumcont .imgcont2 {border-color:#000;} #desksubbox .beforeafter .thumbox ul li.on .thumcont img {opacity:1;} #desksubbox .beforeafter .thumbox ul li.on .thuminfo {color:#000;} #desksubbox .beforeafter .pagebox {position:relative;margin:25px 0px 0px 0px;text-align:center;z-index:1;} #desksubbox .beforeafter .pagebox .btn1 {display:inline-block;height:40px;margin:0px 4px;padding:0px 60px;background-color:#fff;border:1px solid #ccc;color:#000;font-size:16px;line-height:40px;} #desksubbox .beforeafter .pagebox .btn1.on {background-color:#333;border-color:#333;color:#fff;} #desksubbox .beforeafter .pagebox .btn2 {position:absolute;height:22px;right:0px;top:0px;padding:0px 15px;background-color:#fff;border:1px solid #ccc;color:#666;font-size:12px;line-height:22px;} #desksubbox .beforeafter .censored {position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;} #desksubbox .beforeafter .censored .txtimg {display:block;position:absolute;left:50%;margin-left:-216px;top:50%;margin-top:-144.5px;z-index:2;} #desksubbox .beforeafter .censored .bg {position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#666;opacity:0.95;z-index:1;} #desksubbox .quick_consul_window_foot {position:relative;height:167px;margin-top:60px;} #desksubbox .quick_consul_window_foot .qbg {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#444;z-index:1;} #desksubbox .quick_consul_window_foot .t1 {position:absolute;left:50px;bottom:0px;z-index:2;} #desksubbox .quick_consul_window_foot .t1 img {width:345px;height:auto;} #desksubbox .quick_consul_window_foot .t2 {position:absolute;height:141px;left:430px;bottom:0px;z-index:2;} #desksubbox .quick_consul_window_foot .t2 .t2box {margin-bottom:15px;color:#ccc;font-size:13px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #desksubbox .quick_consul_window_foot .t2 .cinput {display:inline-block;width:220px;height:30px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size:14px;text-indent:10px;vertical-align:middle;} #desksubbox .quick_consul_window_foot .t2 .cinput:focus {background-color:#fff;} #desksubbox .quick_consul_window_foot .t2 .ccheck {display:inline-block;width:20px;height:20px;margin-right:4px;background-color:#999;border:1px solid #e5e5e5;color:#000;vertical-align:middle;} #desksubbox .quick_consul_window_foot .t3 {position:absolute;height:auto;left:670px;bottom:27px;font-family:"Nanum Gothic", sans-serif;line-height:1.7;z-index:2;} #desksubbox .quick_consul_window_foot .t3 .txtbox {overflow-x:hidden;overflow-y:scroll;width:320px;height:92px;padding:10px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-size:12px;} #desksubbox .quick_consul_window_foot .t4 {display:block;overflow:hidden;position:absolute;width:120px;height:110px;right:40px;bottom:30px;background:#000 url('./image/quick_consul_btntxt.png') no-repeat;background-position:center center;border:0px;border-radius:6px;cursor:pointer;z-index:2;} #desksubbox .btnbox {margin:40px 0px 0px 0px;padding:60px 0px 60px 0px;background-color:#f5f5f5;border-top:1px solid #ccc;} #desksubbox .btnbox .btn {float:left;overflow:hidden;width:375px;height:237px;margin-right:37.5px;transition: all 0.25s;} #desksubbox .btnbox .btn img {width:100%;height:auto;} #desksubbox .btnbox .btn .mimg {display:none;} #desksubbox .btnbox .btn .bcont {overflow:hidden;border:1px solid #e5e5e5;height:234px;transition: all 0.3s;} #desksubbox .btnbox .btn.l {margin-right:0px;} #desksubbox .btnbox .btn:hover .bcont {border-color:#333;} #quickconsult {position:relative;padding:0px 0px 80px 0px;background-color:#fafafa;} #quickconsult .wrap {width:1200px;} #quickconsult .consultbox {position:relative;height:170px;background:#9e9e9e;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #quickconsult .consultbox .name {position:absolute;width:200px;left:40px;top:25px;color:#fff;font-size:20px;text-align:center;line-height:1.6;z-index:2;} #quickconsult .consultbox .name img {width:80px;height:auto;margin-left:10px;} #quickconsult .consultbox .btn {display:block;position:absolute;width:130px;height:120px;right:25px;top:25px;background-color:#333;color:#fff;font-size:22px;text-align:center;line-height:120px;transition: all 0.25s;z-index:2;} #quickconsult .consultbox .btn:hover {background-color:#000;} #quickconsult .consultbox .inputbox {position:relative;margin:0px 0px 0px 300px;padding:27px 0px 0px 0px;color:#fff;font-size:16px;z-index:1;} #quickconsult .consultbox .inputbox .input1 {display:inline-block;width:250px;height:30px;margin-left:5px;border:0px;color:#000;font-size:16px;vertical-align:middle;text-indent:10px;} #quickconsult .consultbox .inputbox .input2 {display:inline-block;width:80px;height:30px;margin:0px 5px;border:0px;color:#000;font-size:16px;vertical-align:middle;text-align:center;;} #quickconsult .consultbox .inputbox .input3 {display:inline-block;width:623px;height:30px;margin-left:5px;border:0px;color:#000;font-size:16px;vertical-align:middle;text-indent:10px;} #quickconsult .consultbox .flot {float:left;} #quickconsult .consultbox .flot.sec {margin-left:50px;} #quickconsult .consultbox .flot.thi {margin-top:15px;} #quickconsult .consultbox .agreecont {margin:12px 240px 0px 0px;text-align:right;} #quickconsult .consultbox .agreecont .detail {display:inline-block;padding:4px 15px;background-color:#505050;color:#fff;font-size:12px;vertical-align:middle;} #footcenter {} #footcenter .wrap {padding:30px 0px 30px 0px;border-top:1px solid #d9d9d9;font-family: 'Open Sans', sans-serif;} #footcenter .fwrap {padding:7px 20px 15px 20px;} #footcenter .fcont1 {float:left;width:31%;} #footcenter .fcont1 .fwrap {height:220px;border-right:1px solid #ebebeb;} #footcenter .fcont1 .fconbox1 {line-height:1.5;} #footcenter .fcont1 .fconbox1 .txt1 {color:#999;font-size:11px;} #footcenter .fcont1 .fconbox1 .txt2 {margin-top:4px;color:#000;font-size:26px;font-weight:600;} #footcenter .fcont1 .fconbox1 .txt3 {margin-top:1px;color:#666;font-size:11px;} #footcenter .fcont1 .fconbox2 {margin-top:25px;line-height:1.5;} #footcenter .fcont1 .fconbox2 .txt1 {color:#999;font-size:11px;} #footcenter .fcont1 .fconbox2 .txt2 {margin-top:4px;color:#333;font-size:13px;} #footcenter .fcont1 .fconbox2 .txt3 {margin-top:5px;color:#666;font-size:11px;} #footcenter .fcont2 {float:left;width:35%;} #footcenter .fcont2 .fwrap {height:220px;padding:7px 25px 15px 25px;border-right:1px solid #ebebeb;} #footcenter .fcont2 .fconbox1 {line-height:1.5;} #footcenter .fcont2 .fconbox1 .txt1 {color:#999;font-size:11px;} #footcenter .fcont2 .fconbox1 .txt2 {margin-top:4px;color:#333;font-size:12px;} #footcenter .fcont2 .fconbox1 .txt3 {margin-top:5px;color:#666;font-size:11px;} #footcenter .fcont2 .fconbox2 {margin-top:25px;line-height:1.5;} #footcenter .fcont2 .fconbox2 .txt1 {color:#999;font-size:11px;} #footcenter .fcont2 .fconbox2 .txt2 {margin-top:4px;} #footcenter .fcont2 .fconbox2 a {display:inline-block;overflow:hidden;width:30px;height:30px;margin:0px 8px 0px 0px;background-color:#ccc;border-radius:50%;} #footcenter .fcont2 .fconbox2 a.sns1 {background:#ccc url('./image/f_snsicon1.png') no-repeat;background-position:center center;} #footcenter .fcont2 .fconbox2 a.sns2 {background:#ccc url('./image/f_snsicon2.png') no-repeat;background-position:center center;} #footcenter .fcont2 .fconbox2 a.sns3 {background:#ccc url('./image/f_snsicon3.png') no-repeat;background-position:center center;} #footcenter .fcont2 .fconbox2 a.sns4 {background:#ccc url('./image/f_snsicon4.png') no-repeat;background-position:center center;} #footcenter .fcont2 .fconbox2 a.sns1:hover {background-color:#3c5a99;} #footcenter .fcont2 .fconbox2 a.sns2:hover {background-color:#ef5730;} #footcenter .fcont2 .fconbox2 a.sns3:hover {background-color:#2eb300;} #footcenter .fcont2 .fconbox2 a.sns4:hover {background-color:#f7c50c;} #footcenter .fcont3 {float:left;width:34%;} #footcenter .fcont3 .fconbox1 {line-height:1.5;} #footcenter .fcont3 .fconbox1 .txt1 {color:#999;font-size:11px;} #footcenter .fcont3 .fconbox1 .txt1 a {display:block;float:left;width:88px;color:#666;text-align:center;letter-spacing:-0.5px;} #footcenter .fcont3 .fconbox1 .txt1 a:hover {color:#000;} #footcenter .fcont3 .fconbox1 .txt1 .icon1 {overflow:hidden;width:60px;height:60px;margin:0px auto;background:#fff url('./image/f_micon1.png') no-repeat;background-position:center center; background-size:40px auto;border:1px solid #e5e5e5;border-radius:50%;} #footcenter .fcont3 .fconbox1 .txt1 .icon2 {overflow:hidden;width:60px;height:60px;margin:0px auto;background:#fff url('./image/f_micon2.png') no-repeat;background-position:center center; background-size:40px auto;border:1px solid #e5e5e5;border-radius:50%;} #footcenter .fcont3 .fconbox1 .txt1 .icon3 {overflow:hidden;width:60px;height:60px;margin:0px auto;background:#fff url('./image/f_micon3.png') no-repeat;background-position:center center; background-size:40px auto;border:1px solid #e5e5e5;border-radius:50%;} #footcenter .fcont3 .fconbox1 .txt1 .icon4 {overflow:hidden;width:60px;height:60px;margin:0px auto;background:#fff url('./image/f_micon4.png') no-repeat;background-position:center center; background-size:40px auto;border:1px solid #e5e5e5;border-radius:50%;} #footcenter .fcont3 .fconbox1 .txt1 .itxt {margin-top:3px;} #footcenter .fcont3 .fconbox1 .txt1 a:hover .icon1 {background-color:#f5f5f5;border-color:#ccc;} #footcenter .fcont3 .fconbox1 .txt1 a:hover .icon2 {background-color:#f5f5f5;border-color:#ccc;} #footcenter .fcont3 .fconbox1 .txt1 a:hover .icon3 {background-color:#f5f5f5;border-color:#ccc;} #footcenter .fcont3 .fconbox1 .txt1 a:hover .icon4 {background-color:#f5f5f5;border-color:#ccc;} #footcenter .fcont3 .fconbox2 {margin-top:22px;padding-left:10px;line-height:1.7;} #footcenter .fcont3 .fconbox2 .txt1 {color:#444;font-size:11px;} #footcenter .fcont3 .fconbox2 .txt1 span {color:#999;} #footsitemap {position:relative;height:auto;padding:40px 0px;background-color:#333;border-top:1px solid #111;} #footsitemap .menu {font-family:"Nanum Gothic", sans-serif;} #footsitemap .menu li {float:left;width:155px;} #footsitemap .menu.rev {margin:-40px 0px 0px 930px;} #footsitemap .menu li .cont {height:auto;min-height:120px;padding:0px 15px 0px 0px;} #footsitemap .menu li.fir .cont {border-left:0px;} #footsitemap .menu li .mhead {color:#fff;font-size:14px;font-weight:600;} #footsitemap .menu li .mlist {padding:17px 0px 0px 0px;} #footsitemap .menu li .mlist a {display:block;height:auto;padding:5px 0px;color:#808080;font-size:12px;line-height:1.2;} #footsitemap .menu li .mlist a:hover {color:#fff;} #footmenu {position:relative;height:50px;background-color:#111;color:#333;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #footmenu .lm {float:left;} #footmenu .lm li {float:left;height:50px;font-size:13px;line-height:50px;} #footmenu .lm li.line {padding:0px 20px;} #footmenu .lm li a {display:block;color:#bfbfbf;transition: all 0.3s;} #footmenu .lm li a:hover {color:#fff;} #footmenu .rm {float:right;} #footmenu .rm .topbtn {display:block;float:right;width:90px;height:50px;background-color:#000;color:#bfbfbf;font-size:14px;text-align:center;line-height:50px;transition: all 0.3s;} #footmenu .rm .topbtn span {font-size:9px;} #footmenu .rm .topbtn:hover {background-color:#111;color:#fff;} #footer {position:relative;padding:50px 0px 50px 0px;background:#222 url('./image/footer_bg.png') repeat-x;background-size:auto 100%;font-family:'Nanum Gothic', sans-serif;line-height:1.7;} #footer .wrap {height:auto;} #footer .logo {text-align:center;} #footer .finfo {margin-top:20px;color:#999;text-align:center;} #footer .copyright {margin-top:10px;color:#808080;font-weight:600;text-align:center;} /**모바일용**/ #header .mmenu {display:none;position:absolute;left:15px;top:1px;} #header .mmenu img {width:34px;height:auto;} #header .mmenu2 {display:none;position:absolute;right:15px;top:1px;} #header .mmenu2 img {width:34px;height:auto;} #menubox {display:none;position:fixed;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;left:0px;top:0px;z-index:1000;} #menubox .bg {position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:#000;opacity:0.5;z-index:1;} #menubox .bg2 {display:none;position:absolute;width:80%;height:100%;left:0px;top:0px;background-color:#fff;border-right:2px solid #000;z-index:2;} #menubox .mwindow {position:relative;width:80%;height:auto;margin-left:-100%;background-color:#fff;z-index:3;} #menubox .xbtn {position:absolute;display:block;width:36px;height:36px;right:-38px;top:0px;background-color:#4a4015;text-align:center;line-height:36px;} #menubox .xbtn img {width:14px;height:14px;vertical-align:middle;} #menubox .mhead {height:86px;background-color:#000;} #menubox .mhead .cell {position:relative;float:left;width:33%;height:86px;text-align:center;} #menubox .mhead .cell.on {background-color:#222;} #menubox .mhead .cell.cat {width:34%;} #menubox .mhead .cell .icon {position:absolute;width:100%;height:auto;left:0px;top:15px;text-align:center;} #menubox .mhead .cell .txt {position:absolute;width:100%;height:auto;left:0px;bottom:12px;color:#fff;text-align:center;} #menubox .mmenu li {position:relative;} #menubox .mmenu a.mbtn1 {display:block;position:relative;height:32px;padding:0px 0px 0px 17px;border-bottom:1px solid #ccc;color:#666;line-height:32px;z-index:1;} #menubox .mmenu .arrow {position:absolute;width:50px;height:32px;right:0px;top:0px;background:url("./image/m_arrow2.png") no-repeat;background-size:13px auto;background-position:center center;z-index:2;} #menubox .mmenu li.on .arrow {background-image:url("./image/m_arrow1.png");} #menubox .mmenu li .bm {display:none;} #menubox .mmenu dd {position:relative;} #menubox .mmenu dd a.mbtn2 {display:block;position:relative;height:28px;padding:0px 0px 0px 17px;background-color:#e5e5e5;border-bottom:1px solid #ccc;color:#333;line-height:28px;z-index:1;} #menubox .mmenu dd:last-child a.mbtn2 {border-bottom:1px solid #ccc;} #menubox .mmenu dd .arrow2 {position:absolute;width:50px;height:28px;right:0px;top:0px;background:url("./image/m_arrow2.png") no-repeat;background-size:11px auto;background-position:center center;opacity:0.7;z-index:2;} #menubox .mmenu dd.on .arrow2 {background-image:url("./image/m_arrow1.png");} #menubox .mmenu dd .sub3 {position:relative;display:none;} #menubox .mmenu dd .sub3 .s3cell {} #menubox .mmenu dd .sub3 .s3cell a {display:block;position:relative;height:28px;padding:0px 0px 0px 22px;background-color:#ddd;border-bottom:1px solid #ccc;color:#333;line-height:28px;} #menubox .fmenu {margin:35px 20px 0px 20px;} #menubox .fmenu a {display:block;overflow:hidden;height:26px;background-color:#f5f5f5;border:1px solid #ccc;color:#505050;text-align:center;line-height:26px} #menubox .fcopy {margin:30px 0px 0px 0px;color:#999;font-size:11px;text-align:center;} #menubox2 {display:none;position:fixed;width:100px;height:auto;right:-100px;top:65px;background-color:#fff;z-index:999;} #menubox2 .container {position:relative;border:2px solid #000;} #menubox2 .head {position:relative;height:30px;background-color:#222;color:#c3a005;font-size:12px;text-align:center;line-height:30px;z-index:1;} #menubox2 .menubox {position:relative;padding:5px 5px 5px 5px;font-size:11px;text-align:center;z-index:1;} #menubox2 .menubox a {display:block;padding:6px 0px 6px 0px;border-bottom:1px solid #e5e5e5;color:#000;transition: all 0.3s;} #menubox2 .menubox a.nobt {border-bottom:0px;} #menubox2 .menubox a img {width:40px;height:auto;} #menubox2 .menubox a:hover {background-color:#e5e5e5;} #menubox2 .xbtn {position:absolute;display:block;width:32px;height:32px;left:-32px;top:0px;background-color:#4a4015;text-align:center;line-height:32px;} #menubox2 .xbtn img {width:14px;height:14px;vertical-align:middle;} #menubox2 .kakao {display:none;overflow:hidden;position:absolute;width:300px;height:415px;right:0px;top:-1px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;z-index:2;} #menubox2 .kakao .t1 {position:relative;margin:22px 0px 0px 0px;padding:0px 25px;color:#fff;font-size:18px;z-index:2;} #menubox2 .kakao .t1 .stxt {margin-top:5px;color:#999;font-size:10px;font-weight:300;} #menubox2 .kakao .t2 {position:relative;overflow:hidden;height:265px;margin:10px 20px 0px 20px;background:#fee600;border-radius:12px;text-align:center;z-index:2;} #menubox2 .kakao .t2.sangdam_form {background-color:#333;border-radius:0px;} #menubox2 .kakao .t2.sangdam_form .t2box {margin-top:15px;color:#ccc;font-size:11px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;} #menubox2 .kakao .t2.sangdam_form .cinput {display:inline-block;width:85%;height:26px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size:12px;text-indent:10px;vertical-align:middle;} #menubox2 .kakao .t2.sangdam_form .cinput:focus {background-color:#fff;} #menubox2 .kakao .t2.sangdam_form .ccheck {display:inline-block;width:20px;height:20px;margin-right:4px;background-color:#999;border:1px solid #e5e5e5;color:#000;vertical-align:middle;} #menubox2 .kakao .t2.sangdam_form .txtbox {overflow-x:hidden;overflow-y:scroll;width:80%;height:90px;margin:15px auto 0px auto;padding:10px;background-color:#999;border:1px solid #e5e5e5;color:#000;font-size:11px;text-align:left;} #menubox2 .kakao .t3 {display:block;position:relative;width:120px;height:30px;margin:12px auto 0px auto;background-color:#443132;border:1px solid #907373;color:#fff;font-size:12px;text-align:center;line-height:30px;transition: all 0.2s;z-index:2;} #menubox2 .kakao .t3:hover {background-color:#fee600;border-color:#fee600;color:#000;} #menubox2 .kakao .submitbtn {display:block;position:relative;width:120px;height:30px;margin:16px auto 0px auto;background-color:#444;border:1px solid #808080;color:#fff;font-size:12px;font-family:'Noto Sans Korean', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;text-align:center;transition: all 0.2s;cursor:pointer;z-index:2;} #menubox2 .kakao .submitbtn:hover {background-color:#808080;border-color:#ccc;color:#fffd45;} #menubox2 .kakao .closebtn {display:block;position:absolute;right:15px;top:15px;z-index:3;} #menubox2 .kakao .bg {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#000;opacity:0.9;z-index:1;} #mofootdesk {display:none;padding:40px 15px 40px 15px;border-top:1px solid #ccc;} #mofootdesk .dcont {border:1px solid #ccc;} #mofootdesk .dcont table {width:100%;} #mofootdesk .dcont table td {width:50%;height:60px;background-color:#f5f5f5;color:#555;font-size:12px;font-weight:700;text-align:center;vertical-align:middle;} #mofootdesk .dcont table td.rb {border-right:1px solid #ccc;} #mofootdesk .dcont table td.bb {border-bottom:1px solid #ccc;} #mofootdesk .dcont table td a {display:block;height:60px;color:#555;line-height:60px;} #mofootdesk .dcont table td img {display:inline-block;width:25px;height:auto;vertical-align:middle;} #loadyellow {position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:#fed40b;z-index:10000;} #loadyellow .ylogo {position:absolute;width:325px;height:87px;left:50%;margin-left:-162.5px;top:50%;margin-top:-43.5px;} #loadyellow .ylogo img {width:100%;height:auto;} /* list */ #consultlist {} #consultlist .info {height:28px;} #consultlist .info .article {float:left;font-size:11px;font-family:gothic,dotum;color:#c0c0c0;padding:5px 0 0 5px;} #consultlist .info .article a {position:relative;top:3px;left:3px;} #consultlist .info .category {float:right;padding:0 0 5px 0;} #consultlist .info .category select {padding:1px;margin-bottom:3px;} #consultlist .info .category select .sline {color:#c0c0c0;} #consultlist .info .category a {position:relative;top:3px;left:-5px;} #consultlist table {width:100%;border-spacing:0px;border-collapse:collapse;font-family:"Nanum Gothic", sans-serif;} #consultlist table caption {display:none;} #consultlist thead th {height:44px;border-top:#999 solid 2px;border-bottom:#ccc solid 1px;background-color:#f5f5f5;font-size:14px;font-weight:normal;color:#333;vertical-align:middle;} #consultlist thead .side1 {} #consultlist thead .side2 {} #consultlist tbody .noticetr td {background:url('');background:#FAFAFA;border-bottom:#EBEBEB solid 1px;} #consultlist tbody .noticetr td a {font-weight:bold;} #consultlist tbody td {padding:15px 0px;text-align:center;color:#666;font-size:12px;border-bottom:#E6E6E6 solid 1px;letter-spacing:0px;vertical-align:middle;line-height:1.4;} #consultlist .now {color:#ff0000;font-size:11px;} #consultlist .cat {font-size:12px;color:#888;letter-spacing:-1px;} #consultlist .sbj {text-align:left;letter-spacing:0px;} #consultlist .sbj .imgpos {margin-bottom:-1px;} #consultlist .sbj a {font-size:13px;color:#222222;text-decoration:none;} #consultlist .sbj a:hover {text-decoration:underline;} #consultlist .sbj .new {color:#ff0000;} #consultlist .sbj .comment {font:normal 11px arial;color:#FC6138;} #consultlist .sbj .trackback {font:normal 11px arial;color:#02ACD6;} #consultlist .sbj1 {text-align:left;font-size:12px;color:#222222;} #consultlist .black {color:#000;} #consultlist .name {color:#222222;font-size:12px;color:#888;} #consultlist .name a {color:#888;} #consultlist .hit {font-size:10px;color:#515190;} #consultlist .bottom {padding:20px 0 0 0;} #consultlist .btnbox1 {float:left;width:180px;min-height:25px;} #consultlist .btnbox2 {float:right;width:220px;min-height:25px;text-align:right;} #consultlist .btn00 {border:0px;} #consultlist .btn00 a {display:inline-block;padding:5px 10px;background-color:#555;border:0px;border-radius:3px;color:#fff;} #consultlist .pagebox01 {text-align:center;padding:3px 0 0 0;margin:0px 0 0 0;} #consultlist .searchform {padding:30px 0 0 0;text-align:center;} #consultlist .searchform select {display:inline-block;font-size:12px;font-family:gulim;height:22px;vertical-align:middle;padding:2px;} #consultlist .searchform input {display:inline-block;vertical-align:middle;} #consultlist .searchform .btngray {padding:0px 10px;} /* @list */ #quickm .head {position:relative;height:30px;background-color:#222;color:#c3a005;font-size:13px;text-align:center;line-height:30px;z-index:1;} .popup_window {display:none;position:absolute;width:100%;max-width:500px;min-height:200px;left:0px;top:0px;z-index:10000;} .popup_window .cont {position:relative;margin:10px;border:1px solid #000;box-shadow:0px 0px 14px 5px #000;z-index:3;} .popup_window .cont .title {height:auto;padding:10px 40px 10px 40px;background-color:#222;color:#c3a005;font-size:11px;text-align:center;line-height:1.4;} .popup_window .cont .box {overflow:auto;height:auto;min-height:210px;padding:0px 0px 0px 0px;background-color:#fff;line-height:1.5;} .popup_window .cont .box img {display:block;width:100%;height:auto;} .popup_window .closebtn {display:block;position:absolute;width:25px;height:25px;right:5px;top:5px;background:#000 url('./image/xbtn2.png') no-repeat;background-position:center center;background-size:60% 60%;z-index:4;} .popup_window .closebox {position:absolute;width:100%;height:22px;left:0px;bottom:0px;padding-top:3px;background-color:#222;border-top:1px solid #000;font-family:"Nanum Gothic", sans-serif;text-align:center;z-index:4;} .popup_window .closebox .tbtn {display:inline-block;overflow:hidden;height:17px;padding:0px 10px;margin:0px 2px;background-color:#222;border:1px solid #999;border-radius:2px;color:#fff;font-size:11px;line-height:22px;text-align:center;} .popup_window .closebox .tbtn.bg2 {background-color:#000;border-color:#ccc;} .bn4 {width:100%;} .bn4 ul li {width:46%; margin-left:2%; float:left;} .bn4 img {width:100%;} @media screen and (max-width: 1424px) { #header .wrap {width:auto;} #menubar .wrap {width:auto;} #menubar .menu ul {text-align:center;} #menubar .menu li {display:inline-block;float:none;} #menubar .menu .mnu a {padding:0px 20px;font-size:13px;} #menubar .menu .mnu.on a {color:#dfb600;} #menubar .menu li.last.mnu a {border-right:0px;} #menubar .subframe .frame .submbox {margin-left:0px;} #menubar .subframe .frame .submbox .model {width:430px;} #menubar .subframe .frame .submbox .model .txt {width:170px;} #menubar .subframe .frame .submbox .model .txt .t1 {font-size:20px;} #menubar .subframe .frame .submbox .model .txt .t2 {font-size:12px;} #menubar .subframe .frame .submbox .menu {margin:22px 0px 0px 500px;} #menubar .subframe .frame .submbox .menu li {;width:170px;font-size:12px;} #menubar .subframe .frame .submbox .menu li span {display:inline-block;width:6px;height:6px;margin:-2px 6px 0px 0px;background-color:#dfb600;vertical-align:middle;transition: all 0.25s;} #menubar .subframe .frame .submbox .menu li a {color:#e5e5e5;transition: all 0.25s;} #menubar .subframe .frame .submbox .menu li a:hover {color:#dfb600;} #menubar .subframe .frame .submbox .menu li a:hover span {width:8px;height:2px;} #menubar .subframe .bg {position:absolute;width:100%;height:100%;left:0px;top:5px;background:#222 url('./image/subframe_bg.png') repeat-x;background-position:center bottom;opacity:0.95;z-index:1;} #maincont .wrap {width:auto;} #maincont .mainslide {height:auto;} #maincont .mainslide .slidebox {height:100%;} #maincont .mainslide .slidebox img {width:100%;height:100%;min-height:0px;} #maincont .mainslide .inviimg {display:block;} #maincont .mainslide .navi {bottom:40px;} #maincont .mainslide .navi a {width:12px;height:12px;margin:0px 3px;} #maincont .storybox .sbox1 {height:320px;} #maincont .storybox .sbox1 table .nh {height:160px;} #maincont .storybox .sbox1 table td .photo {height:160px;} #maincont .storybox .sbox1 table img {width:100%;min-height:160px;} #maincont .storybox .sbox2 {height:320px;} #maincont .storybox .sbox2 table .nh {height:80px;} #maincont .storybox .sbox2 table td .photo {height:80px;} #maincont .storybox .sbox2 table td .photo.ver2 {height:120px;} #maincont .storybox .sbox2 table td .rbtn {height:240px;} #maincont .storybox .sbox2 table td .rbtn img {width:100%;height:100%;} #maincont .storybox .sbox2 table td .photo.ver2 img {min-height:120px;} #maincont .storybox .sbox2 table td .photo:hover img {width:100%;margin:0px;} #maincont .qinfobox {padding:0px 0px 80px 0px;} #maincont .qinfobox .box1 {text-align:center;} #maincont .qinfobox .box1 .head img {width:250px;height:auto;} #maincont .qinfobox .box1 .content {height:auto;} #maincont .qinfobox .box1 .content img {display:block;width:100%;height:auto;} #maincont .qinfobox .box2 {width:48.5%;min-height:0px;} #maincont .qinfobox .box2.rm {margin-right:3%;} #maincont .qinfobox .box2 .head img {width:220px;height:auto;} #maincont .qinfobox .box2 .content {height:auto;} #maincont .qinfobox .box2 .content img {display:block;width:100%;height:auto;} #maincont .panorama {height:550px;} #maincont .panorama .box1 {margin-top:65px;} #maincont .panorama .box2 {width:700px;margin:40px auto 0px auto;font-size:16px;line-height:1.7;} #maincont .panorama .btn {width:220px;height:45px;margin:40px auto 0px auto;font-size:16px;line-height:45px;} #maincont .deskbox {padding:70px 0px 70px 0px;} #maincont .deskbox .btnbox {} #maincont .deskbox .btnbox .btn {width:30.3%;height:252px;margin:0px 1.5%;} #maincont .deskbox .btnbox .btn .bcont {height:250px;} #maincont .deskbox .btnbox .btn .bcont img {display:block;width:auto;height:250px;} #maincont .deskbox .locbox .box {float:left;width:32%;} #maincont .deskbox .locbox .box.sec {width:36%;} #maincont .deskbox .locbox .box .bcont .csimg {width:100%;height:auto;} #maincont .deskbox .locbox .box .bcont .midline {height:10px;margin-top:10px;} #maincont .deskbox .locbox .box .bcont .loctxt {font-size:12px;} #maincont .deskbox .locbox .box .bcont .map {margin-top:15px;} #maincont .deskbox .locbox .box .bcont .map img {display:block;width:100%;height:auto;} #maincont .deskbox .locbox .box .bcont .late_list .subject {padding-left:5px;font-size:12px;} #maincont .deskbox .locbox .box .bcont .late_list .date {background-color:#fff;font-size:11px;} #maincont .deskbox{padding:70px 0px 70px 0px;} #maincont .deskbox .btnbox_new {} #maincont .deskbox .btnbox_new .btn {width:30.3%;height:252px;margin:0px 1.5%;} #maincont .deskbox .btnbox_new .btn .bcont {height:250px;} #maincont .deskbox .btnbox_new .btn .bcont img {display:block;width:auto;height:250px;} #maincont .deskbox .btnbox_new2 {} #maincont .deskbox .btnbox_new2 .btn {width:50%;height:252px;margin:0px 1.5%;} #maincont .deskbox .btnbox_new2 .btn .bcont {height:250px;} #maincont .deskbox .btnbox_new2 .btn .bcont img {display:block;width:auto;height:250px;} #pagenav .wrap {width:auto;} #content .wrap {width:auto;} #desksubbox .wrap {width:auto;} #desksubbox .cueviss_sys {height:auto;margin-top:40px;padding:30px 0px;} #desksubbox .btnbox .btn {width:30.3%;height:auto;margin:0px 1.5%;} #desksubbox .btnbox .btn .bcont {height:auto;} #desksubbox .btnbox .btn .bcont img {display:block;width:100%;height:auto;} #desksubbox .btnbox .btn .bcont .mimg {display:none;} #footsitemap .wrap {width:auto;} #footsitemap .menu {padding:0px 20px;} #footsitemap .menu li {float:left;width:155px;margin-bottom:30px;} #footsitemap .menu.rev {margin:0px 0px 0px 0px;} #footsitemap .menu li .cont {height:auto;min-height:120px;padding:0px 15px 0px 0px;} #footsitemap .menu li.fir .cont {border-left:0px;} #footsitemap .menu li .mhead {color:#fff;font-size:14px;font-weight:600;} #footsitemap .menu li .mlist {padding:17px 0px 0px 0px;} #footsitemap .menu li .mlist a {display:block;height:auto;padding:5px 0px;color:#808080;font-size:12px;line-height:1.2;} #footsitemap .menu li .mlist a:hover {color:#fff;} #footmenu .wrap {width:auto;} #footmenu .lm {padding-left:20px;} #footmenu .lm li {font-size:12px;} #footmenu .lm li.line {padding:0px 20px;} #footer .wrap {width:auto;} #quickm {display:none;} } @media screen and (max-width: 1200px) { #content .pagetitle .ssubmenu {position:relative;top:0px;left:0px;width:auto;margin-top:30px;} #content .pagetitle .ssubmenu .ssubbox .btn {min-width:0px;height:30px;padding:0px 15px;font-size:12px;line-height:30px;} #content .pagetitle .ssubmenu .ssubbox .btn.on .arr {display:none;} #content .pagetitle .ssubmenu.msize .ssubbox .btn {min-width:0px;} #content .beforecate {margin:10px 0px 30px 0px;padding:0px 10px;} #content .beforecate .ssubbox .btn {min-width:0px;height:30px;padding:0px 15px;font-size:12px;line-height:30px;} #content .beforecate .ssubbox .btn.on .arr {display:none;} #content .panel_cuns {position:relative;width:auto;height:auto;left:0px;bottom:0px;z-index:10;} #content .panel_cuns .cont {position:relative;height:auto;padding:5px 0px;} #content .panel_cuns .cont .block {float:left;width:23%;height:100%;min-height:0px;margin-right:0px;margin-left:-1px;padding:5px 1%;border-left:1px solid #505050;} #content .panel_cuns .cont .block .ico {float:none;display:block;width:30px;height:auto;margin:0px auto;} #content .panel_cuns .cont .block .txt {float:none;margin:10px 0px 0px 0px;font-size:12px;text-align:center;line-height:1.5;} #content .panel_cuns .cont .block .txt .t1 {opacity:0.6;} #content .panel_cuns .cont .block .txt .t2 {margin-top:5px;} #content .panel_cuns.type1 .cont .block {width:18%;margin-right:0px;} #content .panel_cuns .cbtn {width:180px;height:40px;right:0px;top:-40px;font-size:12px;line-height:40px;} #content .panel_cuns .quick_consul_window {width:94%;height:auto;top:0px;padding:20px 3%;} #content .panel_cuns .quick_consul_window .t1 {position:relative;left:0px;} #content .panel_cuns .quick_consul_window .t1 img {display:block;width:345px;margin:0px auto;} #content .panel_cuns .quick_consul_window .t2 {position:relative;float:left;width:35%;height:auto;left:0px;} #content .panel_cuns .quick_consul_window .t2 .cinput {width:98%;} #content .panel_cuns .quick_consul_window .t2 .t2box {font-size:12px;} #content .panel_cuns .quick_consul_window .t3 {position:relative;float:left;width:40%;height:auto;left:0px;bottom:0px;margin-left:2.5%;} #content .panel_cuns .quick_consul_window .t3 .txtbox {width:94%;padding:10px 2%;font-size:12px;} #content .panel_cuns .quick_consul_window .t4 {display:block;float:left;overflow:hidden;position:relative;width:20%;height:115px;margin-left:2.5%;right:0px;bottom:0px;border-radius:0px;} #desksubbox .beforeafter .thumbox ul {width:auto;text-align:center;} #desksubbox .beforeafter .thumbox ul li {display:inline-block;float:none;margin-left:10px;margin-right:10px;} #desksubbox .quick_consul_window_foot {height:auto;margin-top:30px;padding:20px 20px;} #desksubbox .quick_consul_window_foot .t1 {position:relative;left:0px;} #desksubbox .quick_consul_window_foot .t1 img {display:block;width:345px;margin:0px auto;} #desksubbox .quick_consul_window_foot .t2 {position:relative;float:left;width:35%;height:auto;left:0px;} #desksubbox .quick_consul_window_foot .t2 .cinput {width:98%;} #desksubbox .quick_consul_window_foot .t2 .t2box {font-size:12px;} #desksubbox .quick_consul_window_foot .t3 {position:relative;float:left;width:40%;height:auto;left:0px;bottom:0px;margin-left:2.5%;} #desksubbox .quick_consul_window_foot .t3 .txtbox {width:94%;padding:10px 2%;font-size:12px;} #desksubbox .quick_consul_window_foot .t4 {display:block;float:left;overflow:hidden;position:relative;width:20%;height:115px;margin-left:2.5%;right:0px;bottom:0px;border-radius:0px;} } @media screen and (max-width: 1124px) { .wrap {width:auto;} #topt {display:none;} #header {position:fixed;overflow:hidden;width:100%;left:0px;top:0px;border-bottom:1px solid #666;z-index:6;} #header .wrap {padding:0px 0px 0px 0px;} #header .logo {overflow:hidden;width:160px;height:44px;margin:10px auto 10px auto;padding:0px 0px;} #header .logo img {display:block;width:100%;height:auto;} #header .mmenu {display:block;} #header .mmenu2 {display:block;} #menubar {display:none;} #maincont {min-height:0px;padding:64px 0px 0px 0px;} #maincont .mainslide {height:auto;} #maincont .mainslide .slidebox {height:auto;background:#000;} #maincont .mainslide .slidebox img {display:block;min-height:0px;} #maincont .mainslide .inviimg {display:none;} #maincont .mainslide .inviimg_mo {display:block;} #maincont .mainslide .navi {bottom:10px;} #maincont .storybox {padding-top:40px;padding-bottom:0px;} #maincont .storybox .sbox1 {height:240px;} #maincont .storybox .sbox1 table .nh {height:120px;} #maincont .storybox .sbox1 table td .photo {height:120px;} #maincont .storybox .sbox1 table img {width:100%;min-height:120px;} #maincont .storybox .sbox2 {height:240px;} #maincont .storybox .sbox2 table .nh {height:80px;} #maincont .storybox .sbox2 table td .photo {height:80px;} #maincont .storybox .sbox2 table td .photo.ver2 {height:80px;} #maincont .storybox .sbox2 table td .rbtn {height:160px;} #maincont .storybox .sbox2 table td .rbtn img {width:100%;height:100%;} #maincont .storybox .sbox2 table td .photo.ver2 img {min-height:80px;} #maincont .qinfobox {padding:0px 15px 40px 15px;} #maincont .qinfobox .box1 {margin-top:40px;text-align:center;} #maincont .qinfobox .box1 .head img {width:220px;} #maincont .qinfobox .box1 .content img {display:block;width:100%;height:auto;} #maincont .qinfobox .box2 {float:none;width:auto;min-height:0px;margin-top:30px;} #maincont .qinfobox .box2.rm {margin-right:0px;} #maincont .panorama {height:auto;padding:30px 20px;} #maincont .panorama .box1 {margin-top:0px;} #maincont .panorama .box1 img {width:150px;height:auto;} #maincont .panorama .box2 {width:70%;margin:20px auto 0px auto;padding:20px 0px;font-size:12px;line-height:1.7;} #maincont .panorama .btn {width:200px;height:35px;margin:20px auto 0px auto;font-size:13px;line-height:35px;} #maincont .deskbox.type1 {padding:40px 10px 40px 10px;} #maincont .deskbox.type2 {padding:0px 0px 40px 0px;} #maincont .deskbox .btnbox {} #maincont .deskbox .btnbox .btn {width:48%;height:auto;margin:0px 1%;} #maincont .deskbox .btnbox .btn.bg3 {display:none;} #maincont .deskbox .btnbox .btn .bcont {height:auto;} #maincont .deskbox .btnbox .btn .bcont img {width:100%;height:auto;} #maincont .deskbox .btnbox_new {} #maincont .deskbox .btnbox_new .btn {width:96%;height:auto;margin:1% 2%;} #maincont .deskbox .btnbox_new .btn.bg3 {display:block;} #maincont .deskbox .btnbox_new .btn .bcont {height:auto;} #maincont .deskbox .btnbox_new .btn .bcont img {width:100%;height:auto;} #maincont .deskbox .btnbox_new2 {} #maincont .deskbox .btnbox_new2 .btn {width:96%;height:auto;margin:1% 2%;} #maincont .deskbox .btnbox_new2 .btn .bcont {height:auto;} #maincont .deskbox .btnbox_new2 .btn .bcont img {width:100%;height:auto;} #pagenav {height:auto;padding:64px 0px 0px 0px;} #pagenav .page_nav {padding:0px;} #pagenav .page_nav ul {display:table;height:auto;} #pagenav .page_nav li {float:none;display:table-cell;height:auto;vertical-align:middle;} #pagenav .page_nav li.arr {width:25px;height:auto;background:url('./image/nav_icon2.png') no-repeat;background-size:25% auto;background-position:center center;border-left:1px solid #999;border-right:1px solid #999;opacity:0.5;} #pagenav .page_nav li .home {display:inline-block;width:40px;height:20px;background:url('./image/navhome_icon.png') no-repeat;background-size:40% auto;background-position:center center;border:0px;vertical-align:middle;} #pagenav .page_nav li .pagem {display:inline-block;height:auto;padding:8px 8px;border:0px;color:#808080;font-size:11px;line-height:1.7;} #pagenav .page_nav li .pagem.cur {padding:8px 10px;border-right:1px solid #ccc;} #pagenav .page_nav li .pagem .darr {display:inline-block;width:8px;height:auto;margin:-3px 0px 0px 5px;} #pagenav .page_nav li .reselectbox {top:35px;} #pagenav .page_nav li .reselectbox .rebtn {min-width:100px;padding:5px 6px;font-size:10px;} #content {padding:0px 0px 0px 0px;} #content .wrap {width:auto;} #content .pagetitle {padding:0px 0px 15px 0px;} #content .pagetitle span {padding:0px 5px 10px 5px;border-bottom:1px solid #ccc;font-size:18px;} #content .aside {display:none;} #content .m_side {float:none;width:auto;min-height:300px;padding:0px 0px 40px 0px;} #content .panel1 .wrap {height:auto;} #content .panel1.size1 .wrap {height:auto;} #content .panel1 .cimg {position:relative;width:100%;height:auto;left:0px;top:0px;margin-left:0px;} #content #c14cont .panel1 .cimg{margin-left:0px;} #content #c17cont .panel1 .cimg{margin-left:0px;} #content .panel1 .cimg.pcimg {display:none;} #content .panel1 .cimg.moimg {display:block;} #content .view_tab {padding:0px 0px 30px 0px;} #content .view_tab.mt {margin-top:30px;} #content .view_tab ul {height:31px;} #content .view_tab ul li a {overflow:hidden;height:31px;font-size:11px;line-height:30px;letter-spacing:-0.5px;} #content .view_tab ul li a.on {height:32px;} #content .view_page .v1 .t1 {font-size:18px;} #content .view_page .v1 .t2 {font-size:10px;} #content .view_page .v1 .t3 {margin-top:15px;padding:0px 15px;font-size:11px;} #content .view_page .v2 {margin:30px 0px 0px 0px;padding:15px;border:1px solid #e5e5e5;} #content .view_page .v3 {margin:10px 0px 0px 0px;padding:15px;border:0px;} #content .view_page .v3 .t1 {padding:0px 0px 15px 0px;font-size:11px;} #content .view_page .v3 img {min-height:100px;} #content .view_page .v3 .img1 {height:100px;margin-right:2%;} #content .view_page .v3 .img2 {height:100px;margin-right:2%;} #content .view_page .v3 .img3 {height:100px;} #content .view_page .v3 .img4 {height:100px;margin:15px 2% 0px 0px;} #content .view_page .v3 .img5 {height:100px;margin:15px 2% 0px 0px;} #desksubbox .juesa {margin:0px 15px 30px 15px;} #desksubbox .beforeafter {margin-top:0px;margin-bottom:30px;} #desksubbox .beforeafter .head .txt {padding:0px 0px 5px 0px;font-size:18px;} #desksubbox .beforeafter .view1 {padding:0px 15px;} #desksubbox .beforeafter .thumbox {padding:5px 0px 20px 0px} #desksubbox .beforeafter .thumbox ul li {margin-top:15px;} #desksubbox .cueviss_sys {height:auto;margin-top:0px;padding:30px 0px;} #desksubbox .quick_consul_window_foot {margin-top:0px;} #desksubbox .btnbox {margin-top:0px;} #desksubbox .pcimg {display:none;} #desksubbox .moimg {display:block;} #content .pcimg {display:none;} #content .pcimg.inline {display:none;} #content .moimg {display:block;} #footsitemap {display:none;} #footmenu {height:35px;} #footmenu .lm li {height:35px;font-size:11px;line-height:35px;} #footmenu .lm li.line {padding:0px 15px;} #footmenu .rm {float:right;} #footmenu .rm .topbtn {width:70px;height:35px;font-size:11px;line-height:35px;} #footmenu .rm .topbtn span {font-size:9px;} #footer {padding:30px 0px 30px 0px;} #footer .logo img {width:100px;height:auto;} } @media screen and (max-width: 1000px) { #maincont .storybox {padding:30px 15px 0px 15px;} #maincont .storybox .sbox1 {float:none;width:auto;height:440px;} #maincont .storybox .sbox1 table .nh {height:220px;} #maincont .storybox .sbox1 table td .photo {height:220px;} #maincont .storybox .sbox1 table img {min-height:220px;} #maincont .storybox .sbox2 {float:none;width:auto;height:440px;margin-top:30px;} #maincont .storybox .sbox2 table .nh {height:140px;} #maincont .storybox .sbox2 table td .photo {height:140px;} #maincont .storybox .sbox2 table td .photo.ver2 {height:150px;} #maincont .storybox .sbox2 table td .rbtn {height:300px;} #maincont .storybox .sbox2 table td .rbtn img {width:100%;height:100%;} #maincont .storybox .sbox2 table td .photo img {height:190px;} #maincont .storybox .sbox2 table td .photo.ver2 img {min-height:200px;} #desksubbox .juesa {padding:25px 80px 25px 80px;font-size:13px;} #desksubbox .juesa .topimg {width:80px;height:auto;margin-left:-40px;top:-10px;} #desksubbox .juesa .leftimg {height:30px;margin-top:-15px;} #desksubbox .juesa .rightimg {height:30px;margin-top:-15px;} } @media screen and (max-width: 850px) { #maincont .storybox .sbox1 .morebtn {width:140px;height:37px;margin:-18.5px 0px 0px -70px;} #maincont .qinfobox .box1 {margin-top:20px;} #maincont .qinfobox .box1 .head img {width:150px;} #maincont .qinfobox .box1 .head .line {width:30px;margin:5px auto 0px auto;} #maincont .qinfobox .box1 .content {margin-top:15px; width:120%; margin-left:-10%;} #maincont .qinfobox .box2 {margin-top:20px;} #maincont .qinfobox .box2 .head img {width:150px;} #maincont .qinfobox .box2 .head .line {width:30px;margin:5px auto 0px auto;} #maincont .qinfobox .box2 .content {margin-top:15px;} #maincont .panorama .box1 img {width:100px;height:auto;} #maincont .panorama .box2 {width:96%;padding:15px 0px;font-size:10px;letter-spacing:-1px;} #maincont .panorama .btn {width:130px;height:30px;margin:20px auto 0px auto;font-size:11px;line-height:30px;} #maincont .deskbox .locbox {height:auto;margin-top:40px;padding:0px 15px 0px 15px;} #maincont .deskbox .locbox .box {float:none;width:auto;} #maincont .deskbox .locbox .box.sec {width:auto;margin:30px 0px 30px 0px;} #maincont .deskbox .locbox .box .bcont {height:auto;} #maincont .deskbox .locbox .box .bcont.rb {border-bottom:1px solid #e5e5e5;border-right:0px;} #maincont .deskbox .locbox .box .bcont.se1 {padding:0px 0px 30px 0px;} #maincont .deskbox .locbox .box .bcont.se2 {padding:0px 0px 30px 0px;} #maincont .deskbox .locbox .box .bcont.se3 {padding:0px 0px 0px 0px;} #maincont .deskbox .locbox .box .bcont .title img {display:block;width:120px;height:auto;margin:0px auto;} #maincont .deskbox .locbox .box .bcont .csimg {width:70%;height:auto;margin:0px auto;} #maincont .deskbox .locbox .box .bcont .midline {height:15px;margin-top:15px;} #maincont .deskbox .locbox .box .bcont .loctxt {font-size:11px;text-align:center;} #maincont .deskbox .locbox .box .bcont .map {margin-top:15px;} #maincont .deskbox .locbox .box .bcont .map img {display:block;width:100%;height:auto;} #maincont .deskbox .locbox .box .bcont .late_list {font-family:dotum;} #maincont .deskbox .locbox .box .bcont .late_list .cont {padding:10px 0px;} #maincont .deskbox .locbox .box .bcont .late_list .subject {padding-left:5px;font-size:11px;font-weight:700;} #maincont .deskbox .locbox .box .bcont .late_list .date {top:8px;padding:2px 0px 2px 8px;background-color:#fff;font-size:11px;} #content {min-height:400px;} #content .fimg.mt {margin-top:30px;} #content .pagetitle .ssubmenu {margin-top:20px;} #content .pagetitle .ssubmenu .ssubbox .btn {height:26px;padding:0px 10px;font-size:11px;line-height:26px;} #content .beforecate .ssubbox .btn {height:26px;padding:0px 10px;font-size:11px;line-height:26px;} #content .panel2 {padding:30px 0px 30px 0px;} #desksubbox .beforeafter .censored .txtimg {width:70%;height:auto;left:15%;margin-left:0px;top:30%;margin-top:0px;z-index:2;} #desksubbox .beforeafter .pagebox .btn1 {height:30px;padding:0px 40px;font-size:13px;line-height:30px;} #mofootdesk {display:block;} } @media screen and (max-width: 700px) { #maincont .qinfobox .box1 .content img {display:none;} #maincont .qinfobox .box1 .content .mimg {display:block;} #maincont .deskbox .btnbox .btn .bcont img {display:none;} #maincont .deskbox .btnbox .btn .bcont .mimg {display:block;} #maincont .deskbox .btnbox_new .btn .bcont img {display:none;} #maincont .deskbox .btnbox_new .btn .bcont .mimg {display:block;} #maincont .deskbox .btnbox_new2 .btn .bcont img {display:none;} #maincont .deskbox .btnbox_new2 .btn .bcont .mimg {display:block;} #content .pagetitle .ssubmenu {margin-top:15px;} #content .pagetitle .ssubmenu .ssubbox .btn {float:none;display:inline-block;margin:5px 1px 0px 1px;} #content .beforecate .ssubbox .btn {float:none;display:inline-block;margin:5px 1px 0px 1px;} #content .panel_cuns .cont .block .ico {width:25px;} #content .panel_cuns .cont .block .txt {font-size:10px;} #content .panel_cuns .cbtn {width:150px;height:30px;top:-30px;font-size:11px;line-height:30px;} #content .panel_cuns .cbtn .arr {right:12px;} #content .panel_cuns .cbtn .arr2 {right:12px;} #desksubbox {padding:0px 0px 0px 0px;} #desksubbox .juesa {padding:20px 80px 20px 80px;font-size:10px;} #desksubbox .beforeafter .view1 table .imgcont {min-height:0px;} #desksubbox .beforeafter .view1 table .imgcont .tag {height:30px;font-size:13px;line-height:30px;} #desksubbox .beforeafter .thumbox ul li {width:40%;margin-left:2%;margin-right:2%;} #desksubbox .beforeafter .thumbox ul li .thuminfo {font-size:10px;} #desksubbox .beforeafter .thumbox ul li .thumcont .imgcont1 {height:85px;} #desksubbox .beforeafter .thumbox ul li .thumcont .imgcont2 {height:85px;} #desksubbox .btnbox {padding:40px 15px 40px 15px;} #desksubbox .btnbox .btn {width:49%;margin:0px;} #desksubbox .btnbox .btn.bg2 {margin-left:2%;} #desksubbox .btnbox .btn.bg3 {display:none;} #desksubbox .btnbox .btn .bcont {height:auto;} #desksubbox .btnbox .btn .bcont img {display:none;} #desksubbox .btnbox .btn .bcont .mimg {display:block;} #footmenu .lm li {display:none;} #footmenu .lm .m_view {display:block;} #footer .wrap {padding:0px 15px;font-size:10px;letter-spacing:0px;} } @media screen and (max-width: 650px) { #maincont .storybox .sbox1 {height:320px;} #maincont .storybox .sbox1 table .nh {height:160px;} #maincont .storybox .sbox1 table td .photo {height:160px;} #maincont .storybox .sbox1 table td .photo .txt {font-size:11px;} #maincont .storybox .sbox1 table td .photo .txt2 {font-size:11px;} #maincont .storybox .sbox1 table img {min-height:160px;} #maincont .storybox .sbox2 {height:320px;} #maincont .storybox .sbox2 table .nh {height:100px;} #maincont .storybox .sbox2 table td .photo {height:100px;} #maincont .storybox .sbox2 table td .photo.ver2 {height:110px;} #maincont .storybox .sbox2 table td .rbtn {height:220px;} #maincont .storybox .sbox2 table td .rbtn img {width:100%;height:100%;} #maincont .storybox .sbox2 table td .photo img {height:140px;} #maincont .storybox .sbox2 table td .photo.ver2 img {min-height:150px;} #maincont .deskbox .locbox .box .bcont .csimg {width:90%;height:auto;} #content .panel_cuns .quick_consul_window {width:94%;height:auto;padding:20px 3%;} #content .panel_cuns .quick_consul_window .t1 img {width:80%;height:auto;} #content .panel_cuns .quick_consul_window .t2 {float:none;width:85%;margin:0px auto;} #content .panel_cuns .quick_consul_window .t2 .cinput {height:25px;font-size:12px;} #content .panel_cuns .quick_consul_window .t2 .t2box {font-size:10px;text-align:center;} #content .panel_cuns .quick_consul_window .t3 {position:relative;float:left;width:70%;height:auto;left:0px;bottom:0px;margin-left:0px;} #content .panel_cuns .quick_consul_window .t3 .txtbox {font-size:10px;} #content .panel_cuns .quick_consul_window .t4 {width:26%;margin-left:4%;background-size:60% auto;} #desksubbox .quick_consul_window_foot {height:auto;padding:20px 15px;} #desksubbox .quick_consul_window_foot .t1 img {width:80%;height:auto;} #desksubbox .quick_consul_window_foot .t2 {float:none;width:85%;margin:0px auto;} #desksubbox .quick_consul_window_foot .t2 .cinput {height:25px;font-size:12px;} #desksubbox .quick_consul_window_foot .t2 .t2box {font-size:10px;text-align:center;} #desksubbox .quick_consul_window_foot .t3 {position:relative;float:left;width:70%;height:auto;left:0px;bottom:0px;margin-left:0px;} #desksubbox .quick_consul_window_foot .t3 .txtbox {font-size:10px;} #desksubbox .quick_consul_window_foot .t4 {width:26%;margin-left:4%;background-size:60% auto;} } @media screen and (max-width: 500px) { #maincont .storybox .sbox1 {height:240px;} #maincont .storybox .sbox1 table .nh {height:120px;} #maincont .storybox .sbox1 table td .photo {height:120px;} #maincont .storybox .sbox1 table img {min-height:120px;} #maincont .storybox .sbox2 {height:240px;} #maincont .storybox .sbox2 table .nh {height:75px;} #maincont .storybox .sbox2 table td .photo {height:75px;} #maincont .storybox .sbox2 table td .photo.ver2 {height:85px;} #maincont .storybox .sbox2 table td .rbtn {height:165px;} #maincont .storybox .sbox2 table td .rbtn img {width:100%;height:100%;} #maincont .storybox .sbox2 table td .photo img {height:90px;} #maincont .storybox .sbox2 table td .photo.ver2 img {min-height:100px;} #content .view_tab ul li a {font-size:10px;} #desksubbox .beforeafter .thumbox ul li .thumcont .imgcont1 {height:70px;} #desksubbox .beforeafter .thumbox ul li .thumcont .imgcont2 {height:70px;} } /* 메인 배너슬라이드*/ .swiper-container { width: 70%; height: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { width: 100%; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img {width: 90%;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("https://www.cueviss.com/layouts/cueviss/image/new_main/ar_right.png"); right: 0px; left: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("https://www.cueviss.com/layouts/cueviss/imge/new_main/ar_left.png"); left: 0px; right: auto;}