@charset "utf-8";
@import url("./font.css");

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
html { height: auto; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; }
legend, caption, hr { display: none; }
em { font-style: normal; }
img { vertical-align: top; }
input,select { vertical-align: middle; }
p,h3,h2,h1 { letter-spacing: normal; }
input,textarea,button,select{ font-family: 'NotoSans',"Myriad Pro", sans-serif; }
section { width: 100%; /*text-align: center;*/ }
body { font-family: 'NotoSans','Lato',sans-serif; font-size: 16px; font-weight: 300; line-height: 1.7; letter-spacing: -1px; width: 100%; height: 100%; color: #787878; background: #fff; min-width: 1200px; 
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	-webkit-font-smoothing: antialiased;
}


input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

#wrap { }
.inner { position:relative; width:1200px; margin:0 auto; }

/* header animation */
#header-wrap, #header, #logo, #logo a, #gnb, .gnbMenu, .oneDh, .oneDh > a {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* 상단 레이아웃 */
#header-wrap { width:100%; position:fixed; left:0; top:0; height:82px; z-index:9999; border-bottom:1px solid rgba(255,255,255,0.3); background:#fff; }
#header-wrap.active { background-color:rgba(255,255,255,1); z-index:170; }
#header-wrap.active #gnb .gnbMenu .oneDh > a { color:#000; }
#header-wrap.active #gnb .gnbMenu .oneDh:hover > a, #header-wrap.active #gnb .gnbMenu .oneDh:focus > a { color:#182b77; }
#header-wrap.sub { }
#header { position:relative; }
#logo { position:absolute; left:0; top:8px; width:194px; height:64px; z-index:999; }
#logo a { display:block; width:194px; height:64px; background:url(../images/logo.png) center center no-repeat; }
#util { position:absolute; right:0; top:25px; z-index:181; }
#util ul { }
#util ul li { display:inline-block; }
#util ul li a { position:relative; display:block; font-size:13px; padding:0 13px; }
#util ul li a::after { position:absolute; right:0; top:5px; content:''; width:1px; height:12px; background:#d3d3d3; overflow:hidden; }
#util ul li:last-child a::after { display:none; }

/* 메인메뉴 */
#gnb { position:relative; z-index:180; }
#gnb .gnbMenu { width:820px; height:82px; margin-left:240px; z-index:155; letter-spacing:0; }
#gnb .gnbMenu:after { content:""; display:block; clear:both; }
#gnb .gnbMenu .oneDh { float:left; width:164px; height:82px; text-align:center; }
#gnb .gnbMenu .oneDh > a { display:block; color:#000; font-size:18px; width:164px; height:82px; line-height:82px; font-weight:500; text-decoration:none; border-bottom: 2px solid transparent;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#gnb .gnbMenu .oneDh:hover > a, #gnb .gnbMenu .oneDh:focus { color:#182b77; border-bottom:2px solid #182b77; }
#gnb .gnbMenu .oneDh:hover .twoDh { }
#gnb .gnbMenu .twoDh { display:none; width:164px; height:214px; padding:18px 0; z-index:155; border-left:1px solid #efefef; } 
#gnb .gnbMenu .oneDh:last-child .twoDh { border-right:1px solid #efefef; }
#gnb .gnbMenu .twoDh a { display:block; text-align:center; font-size:13px; color:#666; line-height:28px; font-weight:500; text-decoration:none; }
#gnb .gnbMenu .twoDh a:hover, #gnb .gnbMenu .twoDh a:focus { color:#182b77; }
.twoDh_bg { display:none; position:absolute; top:82px; left:0; width:100%; height:214px; border-top:1px solid rgba(0,0,0,0.2); background-color:rgba(255,255,255,1); z-index:150; }

.sticky #header-wrap { height:82px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1); }
/* .sticky #logo { top:20px; } */
.sticky #logo a { background:url(../images/logo.png) center center no-repeat; }
.sticky #gnb .gnbMenu { height:82px; }
.sticky #gnb .gnbMenu .oneDh { height:82px; }
.sticky #gnb .gnbMenu .oneDh > a { height:82px; line-height:82px; color:#000; }
.sticky #gnb .gnbMenu .oneDh:hover > a, .sticky #gnb .gnbMenu .oneDh:focus { color:#182b77; border-bottom:2px solid #182b77; }
.sticky .twoDh_bg { top:81px; }

.dimd {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.dimd.bg { position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.8); z-index:140; }

/* 중간 레이아웃 - 공통 */
#container { }

/*#container.sub .contents { margin-bottom:94px; }*/

/* 하단 레이아웃 */
#footer-wrap { background:#393939; padding:22px 0; }
#footer-wrap.sub { border-top:1px solid #efefef; }
.copyright { padding:25px 0 32px 0; }
.copyright ul { text-align:center; margin:0 auto; *zoom:1; }
.copyright ul:after { content:""; display:block; clear:both; }
.copyright ul li { display:inline-block; text-align:center; color:#b6b6b6; font-size:12px; font-weight:300; letter-spacing:0; margin-right:15px; }
.copyright address { padding-top:10px; color:#b6b6b6; font-size:12px; font-weight:300; letter-spacing:0; }


/* index */
#mainVisual { position:relative; overflow:hidden; }
#mainVisual #vi-bxslider, #mainVisual #vi-bxslider li {  width:100%; height:868px; }
#mainVisual #vi-bxslider li { width:100%; position:relative; background-repeat:no-repeat; background-position:top center; background-size:cover; }
#mainVisual #vi-bxslider li .vi-info { position:absolute; left:50%; width:450px; z-index:999; color:#fff; opacity:0;
	-webkit-transform:translate3d(0,50px,0);
	-moz-transform:translate3d(0,50px,0);
	-o-transform:translate3d(0,50px,0);
	-ms-transform:translate3d(0,50px,0);
	transform:translate3d(0,50px,0);
}
#mainVisual #vi-bxslider li.active-slide .vi-info { opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}
#mainVisual #vi-bxslider li .vi-info .vi-tit { font-size:47px; line-height:1.2; font-weight:700; margin-bottom:8px; border-top:1px solid #455b88; padding-top:8px; }
#mainVisual #vi-bxslider li .vi-info .vi-tit2 { font-size:27px; line-height:1.2; font-weight:500; letter-spacing: -2px; margin-bottom:12px; }
#mainVisual #vi-bxslider li .vi-info .vi-dec { color: rgba(255,255,255,0.7); font-weight:300; }
#mainVisual #vi-bxslider li .vi-info .vi-view { display:block; margin-top:20px; background:#455b88; color:#fff; width:107px; height:38px; line-height:38px; text-align:center; font-size:18px; }
#mainVisual #vi-bxslider li .vi-info.vtxt-1 { margin-left:-600px; top:290px; color:#fff; }
#mainVisual #vi-bxslider li .vi-info.vtxt-2 { margin-left:182px; top:260px; color:#fff; }
#mainVisual #vi-bxslider li .vi-info.vtxt-2 .vi-tit { border-top:1px solid #fff; }
#mainVisual #vi-bxslider li .vi-info.vtxt-2 .vi-view { background:#202a40; }
#mainVisual #vi-bxslider li .vi-info.vtxt-3 { margin-left:182px; top:260px; color:#202a40; }
#mainVisual #vi-bxslider li .vi-info.vtxt-3 .vi-tit { border-top:1px solid #202a40; }
#mainVisual #vi-bxslider li .vi-info.vtxt-3 .vi-view { background:#202a40; }
#mainVisual #vi-bxslider li .vi-info.vtxt-4 { margin-left:-600px; top:290px; color:#fff; }
#mainVisual #vi-bxslider li .vi-info.vtxt-4 .vi-tit { border-top:1px solid #fff; }
#mainVisual #vi-bxslider li .vi-info.vtxt-4 .vi-view { background:#289196; }
#mainVisual #vi-bxslider li .vi-info.vtxt-5 { margin-left:-600px; top:290px; color:#fff; }

.m-section { padding:106px 0; }
.m-section .ms-tit { font-size:38px; color:#000000; text-align:center; line-height:1; font-weight:500; }
.m-section .ms-dec { margin-top:10px; font-size:17px; color:#585858; text-align:center; }
.m-section .primary { display:block; width:17px; height:28px; background:url(../images/primary_bg.png) left top no-repeat; margin:20px auto; }

/* MAIN BUSINESS */
.mBs { }
.mBs { background: #fff; padding: 78px 0; }
.mBs .hd { text-align: center; }
.mBs .hd h4 { font-family: 'Roboto', sans-serif; font-size: 37px; color: #242424; font-weight: 400; letter-spacing: -1px; }
.mBs .hd p { font-size: 16px; color: #808080; }
.mBs .cont { margin-top: 42px; }
.mBs .grid_list { zoom:1; }
.mBs .grid_list:after { content: ""; display: block; clear: both; }
.mBs .grid_list li { width: 299px; height: 360px; float: left; margin-right: 1px; }
.mBs .grid_list li:last-child { margin-right: 0; }
.mBs .grid_list li a { display: block; position: relative; overflow: hidden; }
.mBs .grid_list li .mst_img { overflow: hidden; }
.mBs .grid_list li .mst_img img { width: 100%; max-width: 100%; display:block;
	-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transform: scale(1);
	-moz-transition: scale(1);
	transform: scale(1);
}
.mBs .grid_list li a:hover .mst_img img { 
	-webkit-transform: scale(1.1);
	-moz-transition: scale(1.1);
	transform: scale(1.1);
}
.mBs .grid_list li .mst_info { position: absolute; width: 100%; height: 100%; color: #ddd; font-size: 14px; padding: 8px 42px; text-align: center; top: 254px; background: rgba(0,0,0,0.6); 
	-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.mBs .grid_list li .mst_info .tit { font-size: 25px; font-weight: 500; letter-spacing: -1px; color: #fff; 
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.mBs .grid_list li .mst_info .dec { line-height: 1.4; }
.mBs .grid_list li .mst_info .mst_btn { position: absolute; left: 0; bottom: 22%; right: 0; line-height: 42px; margin: 0 42px; background: #fff; color: #000;
	-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.mBs .grid_list li a:hover .mst_img + .mst_info { top: 0; }
.mBs .grid_list li a:hover .mst_info { padding-top: 92px; background: rgba(0,0,0,0.8); }
.mBs .grid_list li a:hover .mst_info .tit { font-size: 35px; color: #7ab033; }
.mBs .grid_list li a:hover .mst_info .mst_btn:hover { background: #7ab033; color: #fff; }



.pd-list { background:#eee; }
.pd-list .inner { width:1320px; margin:0 auto; }
.column4-pdlist { *zoom:1; }
.column4-pdlist:after { content:""; display:block; clear:both; }
.column4-pdlist li { position:relative; float:left; width:294px; margin:0 18px 36px 18px; }
.column4-pdlist li .ico_recommend { position:absolute; left:5px; top:-3px; width:48px; height:76px; z-index:3; }
.column4-pdlist li .atc-img-box { position:relative; width:294px; height:246px; overflow:hidden; background:#000; }
.column4-pdlist li .atc-img-box .atc-img { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.column4-pdlist li .atc-img.over { opacity:0.4;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.column4-pdlist li .atc-info { background:#fff; padding:20px; height:118px; text-align:center; }
.column4-pdlist li .atc-info .atc-tit { font-size:13px; font-weight:500; text-align:center; }
.column4-pdlist li .atc-info .atc-price { font-size:17px; font-weight:500; color:#f16600; text-align:center; }
.column4-pdlist li a.btn-more { position:absolute; left:50%; bottom:20px; margin-left:-46px; display:block; width:92px; height:27px; line-height:27px; text-align:center; font-size:12px; color:#999; border:1px solid #d5d5d5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.column4-pdlist li a.btn-more:hover { background:#f16600; color:#fff; border:1px solid #f16600; }


.m-section.pd-gallery { background:#fff; }
.pd-gallery .inner { width:1284px; margin:0 auto; }
.gl-list { margin:32px 0;}
.gl-list .pd-img-box { display:block; width:294px; height:246px; overflow:hidden; background:#000; border:1px solid #d9d9d9; border-bottom:none; }
.gl-list .pd-img-box .pd-img { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.gl-list .pd-img-box .pd-img.over { opacity:0.4;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.gl-list .pd-img img { display:block; }
.gl-list .thumb-info { background:#fff; padding:20px; height:118px; text-align:center; border:1px solid #d9d9d9; border-top:none; }
.gl-list .thumb-info .pd-ctgr { font-size:12px; color:#888; }
.gl-list .thumb-info .pd-dec { font-size:13px; font-weight:400; }
.gl-list .thumb-info a.btn-more { position:absolute; left:50%; bottom:20px; margin-left:-46px; display:block; width:92px; height:27px; line-height:27px; text-align:center; font-size:12px; color:#999; border:1px solid #d5d5d5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.gl-list .thumb-info a.btn-more:hover { background:#213152; color:#fff; border:1px solid #213152; }

.m-section.mcont-wp { padding-top:0; }
.m-section.mcont-wp .inner { zoom:1; }
.m-section.mcont-wp .inner:after { content:""; display:block; clear:both; }
.mcont-wp .mcont { float:left; width:400px; text-align:center; }
.mcont-wp .mcont .ms-tit { font-size:24px; margin-bottom:24px; }
.mcont-wp .mcont .bd-list { text-align:left; }
.mcont-wp .mcont .counsel-wp { }
.mcont-wp .mcont .counsel-wp .csl-txt { font-size:22px; color:#455b88; font-weight:500; margin:16px 0; }
.mcont-wp .mcont .cscenter-wp { }
.mcont-wp .mcont .cscenter-wp .cs-txt { font-size:22px; color:#455b88; font-weight:500; margin:16px 0; }

.m-section.contactus { padding:84px 0; background:url(../images/mcontact_bg.jpg) center top no-repeat; background-size:cover; }
.m-section.contactus .inner { *zoom:1; }
.m-section.contactus .inner:after { content:""; display:block; clear:both; }
.contactus .ms-tit { font-size:28px; color:#fff; text-align:center; line-height:1; font-weight:500; }
.contactus .ms-dec { color:#999; font-size:15px; }
.contactus .primary { display:block; width:17px; height:28px; background:url(../images/primary_bg_w.png) left top no-repeat; margin:20px auto; }
.contactus .btn-more { display:block; text-align:center; width:150px; height:43px; line-height:43px; color:#fff; margin:20px auto 0; font-size:15px; background:#1e1e1e; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.contactus .btn-more:hover { background:#e14738; }

/* FORM */
.form-box { padding:0 60px; width:900px; margin:0 auto; }
.application { width:100%; z-index:50; }
.application .form-section { margin-bottom:33px; overflow:hidden; vertical-align:middle; box-sizing:border-box; }
.application .form-section p.sec-title { display:none; }
.application .form-section p { margin:0; }
.application .item { width:100%; border-radius:7px; margin-bottom:4px !important; background:rgba(255,255,255,0.8); padding:10px; clear:both; box-sizing:border-box; }
.application .item.l { clear:none; float:left; width:49.65%; }
.application .item.r { clear:none; float:right; width:49.65%; }
.application ul.fld { position:relative; width:100%; margin-bottom:4px; padding:10px; font-size:0; letter-spacing:0; word-spacing:0; vertical-align:middle; border-radius:7px; background:transparent; display:block; box-sizing:border-box; }
.application ul.fld li { max-width:50%; width:50%; display:inline-block; font-size:13px; margin:2px 0; } 
.application input[type="text"], .application input[type="password"] { position:relative; width:100%; padding-left:10px; background:transparent; font-size:16px; border:0; line-height:22px; color:#666; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; outline-style:none; }
.application textarea { position:relative; width:100%; padding-left:10px; background:transparent; font-size:16px; border:0; color:#666; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; outline-style:none; }
.form-box input[type="submit"] { display:block; text-align:center; width:150px; height:43px; line-height:43px; color:#fff; margin:20px auto 0; font-size:15px; background:#455b88; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
.form-box input[type="submit"]:hover { background:#3dbcc7; color:#fff; }


/* 서브 공통 */
#container.sub .contents { position:relative; padding-bottom:104px; }
#container.sub .contents .inner { position:relative; }

.svi::before { position:absolute; left:0; top:0; content:""; display:block; width:100%; height:394px; background:rgba(0,0,0,0.2); z-index:1; }
.svi { position:relative; display:table; width:100%; height:394px; z-index:1; }
.svi p { position:relative; display:table-cell; padding-top:82px; vertical-align:middle; text-align:center; color:#fff; font-size:54px; font-weight:500; line-height:0.8; letter-spacing:0; z-index:3; }
.svi p span { display:inline-block; font-size:17px; color:#fff; letter-spacing:3px; background:rgba(0,0,0,0.6); padding:6px; font-weight:500; }
.svi.sbg-company { background:url(../images/mvi_01.jpg) left bottom no-repeat; }
.svi.sbg-business { background:url(../images/mvi_02.jpg) left 73% no-repeat; }
.svi.sbg-constpfmc { background:url(../images/mvi_03.jpg) left bottom no-repeat; }
.svi.sbg-construct { background:url(../images/mvi_04.jpg) left 70% no-repeat; }
.svi.sbg-cscenter { background:url(../images/mvi_04.jpg) left 70% no-repeat; }

.section-tab { margin:0 auto 72px; text-align:center; max-width:1200px; height:58px; overflow:hidden; }
.section-tab a { position:relative; vertical-align:top; font-size:16px; display:inline-block; color:#999; height:58px; line-height:58px; margin:0 -2px; width:25%; border:1px solid #c8c8c8; border-right:0; }
.section-tab a.on { border:2px solid #182b77; background:#182b77; color:#fff; font-size:16px; font-weight:500; z-index:1; }
.section-tab a:last-child { border-right:1px solid #c8c8c8; }

.section-head { position:relative; margin:82px 0; }
.section-head h2 { font-size:41px; font-weight:700; color:#000; text-align:center; letter-spacing:-2px; }
.section-head .loc { position:absolute; right:0; bottom:18px; text-align:right; color:#888; }
.section-head .loc span { display:inline-block; padding-right:14px; margin-right:6px; background:url(../images/ico_gt.gif) right center no-repeat; }
.section-head .loc span.home { vertical-align:middle; font-size:0; width:32px; height:17px; padding-right:0; background:url(../images/ico_home.gif) left center no-repeat; }
.section-head .loc span.page { font-weight:500; color:#141414; padding-right:0; margin-right:0; background:none; }

.section { position:relative; margin:0 0 84px; }
.bd-section { position:relative; padding:74px 0 148px; }

.section.bg-1 { background:#efefef; }
.section.bg-2 { background:#e14738; }
.sc-img { margin-bottom:58px; text-align:center; }
.sc-title { width:100%; text-align:center; border-bottom: 1px solid #000; line-height:0.1em; margin:10px 0 20px; font-size:21px; font-weight:500; }
.sc-title span { background:#fff; padding:0 18px; }
.sc-txt { margin-bottom:15px; }


/* 회사개요 */
.about { }
.tbtype-1 { border-top:2px solid #000; }
.tbtype-1 table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; }
.tbtype-1 table tbody th { padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; background:#f7f8fa; vertical-align:middle; text-align:left; word-break:keep-all; }
.tbtype-1 table tbody td { padding:18px 50px; border-bottom:1px solid #dcdcdc; font-size:16px; line-height:28px; color:#666; vertical-align:middle; word-break:keep-all; }

/* 연혁 */ 
.history_txt { margin-top:62px; background:url(../images/company/history_img01.jpg) right top no-repeat; }
.history_txt dl { text-align:right; margin-right:590px; padding:24px 82px 56px 0; background:url(../images/company/history_dot.png) right 40px no-repeat; }
.history_txt dl dt { font-size:47px; font-weight:700; color:#182b77; margin-bottom:32px; }
.history_txt dl dd { margin:3px 0; font-size:16px; clear:both; overflow:hidden; }
.history_txt dl dd span { float:right; padding-left:18px; font-weight:500; color:#000; }

/* 찾아오시는길 */
.location { text-align: center; }
.location .ct_tit { position: relative; font-size: 31px; font-weight: 500; color: #000; letter-spacing: -1px; margin-bottom:10px; }
.location .addr { font-size: 23px; font-weight: 300; color: #000; letter-spacing: -1px; line-height: 1.3; }
.location .info { margin-top: 38px; }
.location .info span { display: inline-block; margin: 0 32px; height: 62px; line-height: 62px; font-size: 19px; padding-left: 72px; }
.location .info span.ico_tel { background: url(../images/company/map_ico01.png) left center no-repeat; }
.location .info span.ico_fax { background: url(../images/company/map_ico02.png) left center no-repeat; }
.location .info span.ico_web { background: url(../images/company/map_ico03.png) left center no-repeat; }
.location .map { margin-top:34px; }

/* 사업영역 */
.business { }
.prdTop { }
.prdTop .inner { *zoom:1; }
.prdTop .inner:after { content:""; display:block; clear:both; }
.prdTop .prdImg { position:relative; float:left; width:380px; }
.prdTop .prdImg .swiper_prd { position:relative; width:380px; overflow:hidden; }
.prdTop .prdImg .swiper_prd .swiper-slide { width:380px; overflow:hidden; }
.prdTop .prdInfo { min-height:360px; float:left; width:762px; padding-left:58px; margin-left:58px; border-left:1px solid #c8c8c8; }
.prdTop .prdInfo .tit { font-size:29px; font-weight:500; color:#000; letter-spacing:-2px; margin-bottom:22px; }
.prdTop .prdInfo .dec { font-size:16px; }
.prdTop .prdInfo strong { font-size:19px; display:block; color:#182b77; font-weight:500; margin-bottom:12px; }
.prdTop .prdInfo .dec_logo { display:inline-block; vertical-align:middle; padding:0 6px; }
.prdTop .prdInfo .info { overflow:hidden; font-size:16px; margin-top:22px; }
.prdTop .prdInfo .info dt { float:left; line-height:28px; padding-right:8px; }
.prdTop .prdInfo .info dd { line-height:28px; color:#000; font-weight:500; }
.prdTop .prd-btnwp { margin-top:22px; }
.prdTop .prd-btnwp ul { }
.prdTop .prd-btnwp ul li { display:inline-block; text-align:center; margin-right:20px; }
.prdTop .prd-btnwp ul li a { display:inline-block; font-size:13px; color:#000; font-weight:500; }
.prdTop .prd-btnwp ul li a:hover span { background-color:#182b77; }
.prdTop .prd-btnwp ul li a span { display:block; width:82px; height:82px; margin-bottom:8px; border-radius:50%; background-color:#c8c8c8; background-repeat:no-repeat; background-position: 50% 50%; }
.prdTop .prd-btnwp ul li a span.btn-prd1 { background-image:url(../images/business/ico_estimate.png); }
.prdTop .prd-btnwp ul li a span.btn-prd2 { background-image:url(../images/business/ico_qna.png); }
.prdTop .prd-btnwp ul li a span.btn-prd3 { background-image:url(../images/business/ico_const.png); }

.prdCont { }
.prdCont .prdTabs { display:block; width:1200px; margin:0 auto; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; *zoom:1; }
.prdCont .prdTabs:after { content:""; display:block; clear:both; }
.prdCont .prdTabs li { cursor:pointer; float:left; text-align:center; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; margin-bottom:-1px; }
.prdCont .prdTabs li.current { border-top:2px solid #000; height:49px; line-height:49px; margin-top:0; border-bottom:1px solid #fff; }
.prdCont .prdTabs li.current span { color:#000; height:49px; line-height:49px; }
.prdCont .prdTabs li span { display:inline-block; width:162px; height:48px; color:#999; font-size:18px; line-height:48px; font-weight:500; }
.prdCont .tab-content { display:none; }
.prdCont .tab-content.current { display:inherit; }

.prdCont .inner { padding-top:84px; }
.prdCont .prdAtc { position:relative; min-height:186px; margin-bottom:72px; }
.prdCont .prdAtc .atc-tit { position:absolute; left:0; top:0; width:212px; font-size:27px; padding-top:14px; font-weight:500; color:#000; border-top:1px solid #000; }
.prdCont .prdAtc .atc-dec { margin-left:282px; font-size:16px; *zoom:1; }
.prdCont .prdAtc .atc-dec:after { content:""; display:block; clear:both; }
.prdCont .prdAtc strong { font-size:19px; display:block; color:#182b77; font-weight:500; margin-bottom:12px; }
.prdCont .prdAtc .dec-logo { display:inline-block; vertical-align:middle; padding:0 6px; }
.prdCont .prdAtc .atc-dec .ad-list { float:left; width:550px; }
.prdCont .prdAtc .atc-dec .ad-list.st2 { width:100%; }
.prdCont .prdAtc .atc-dec .ad-list li { margin:2px 0; }
.prdCont .prdAtc .atc-dec .ad-list.bg-pd { clear:both; width:100%; background:url(../images/business/bs01_img03.jpg) right center no-repeat; }
.prdCont .prdAtc .atc-dec .ad-pic { float:left; position:relative; width:368px; text-align:center; border-left:1px solid #dfdfdf; }
.prdCont .prdAtc .atc-dec .ad-pic img { margin-top:-45px; }

.prdCont .prdAtc .atc-dec .ad-list-dl { margin-bottom:18px; padding-bottom:18px; border-bottom:1px dashed #dfdfdf; }
.prdCont .prdAtc .atc-dec .ad-list-dl dt { font-size:19px; font-weight:500; color:#000; margin-bottom:4px; }
.prdCont .prdAtc .atc-dec .ad-list-dl dd { }
.col_red { color:#f41616; }
.mgB32 { margin-bottom:32px; }

.prdCont .prdAtc .atc-dec .ad-list-pic { *zoom:1; }
.prdCont .prdAtc .atc-dec .ad-list-pic:after { content:""; display:block; clear:both; }
.prdCont .prdAtc .atc-dec .ad-list-pic li { float:left; width:278px; margin-right:42px; }
.prdCont .prdAtc .atc-dec .ad-list-pic li:last-child { margin-right:0; }
.prdCont .prdAtc .atc-dec .ad-list-pic li span { display:block; text-align:center; font-size:14px; margin-top:6px; }

.prdCont .prdAtc .atc-dec .ad-table { width:100%; margin:0; border-collapse:separate; border-spacing:0; }
.prdCont .prdAtc .atc-dec .ad-table thead th { background:#182b77; line-height:180%; padding:6px 0; color:#fff; font-size:15px; text-align:center; font-weight:500; border-bottom:1px solid #dbdbdb; border-right:1px solid #2f459b; }
.prdCont .prdAtc .atc-dec .ad-table thead th:last-child { border-right:0; }
.prdCont .prdAtc .atc-dec .ad-table tbody td { padding:8px 16px; font-size:13px; color:#4b4b4b; line-height:20px; text-align:left; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.prdCont .prdAtc .atc-dec .ad-table tbody td:nth-child(3), .prdCont .prdAtc .atc-dec .ad-table tbody td:nth-child(4) { text-align:center; }
.prdCont .prdAtc .atc-dec .ad-table tbody td:last-child { border-right:0; }
.prdCont .prdAtc .atc-dec .ad-table.st2 tbody tr:nth-child(1) td { text-align:center; padding:16px 0; }
.prdCont .prdAtc .atc-dec .ad-table.st2 tbody tr:nth-child(5) td { height:154px; vertical-align:top; position:relative; }
.prdCont .prdAtc .atc-dec .ad-table.st2 tbody tr:nth-child(5) td .thimg { position:absolute; left:16px; bottom:8px; }
.prdCont .prdAtc .atc-dec .ad-table.st2 tbody td:nth-child(3), .prdCont .prdAtc .atc-dec .ad-table.st2 tbody td:nth-child(4) { text-align:left; }
.prdCont .prdAtc .atc-dec .ad-table.st3 tbody td { text-align:center; }
.prdCont .prdAtc .atc-dec .ad-table .nLast { border-right:1px solid #dbdbdb !important; }
.prdCont .prdAtc .dec { font-size:14px;  }

.prdCont .prdDnList { border-top:2px solid #000; }
.prdCont .prdDnList li { border-bottom:1px solid #dbdbdb; }
.prdCont .prdDnList li .wp { position:relative; padding:24px 0; }
.prdCont .prdDnList li .wp .tit { font-size:20px; color:#000; font-weight:500; margin-bottom:8px; }
.prdCont .prdDnList li .wp .desc { }
.prdCont .prdDnList li .wp .btn_down { position:absolute; right:0; top:50%; margin-top:-21px; display:inline-block; text-align:center; font-size:14px; font-weight:500; width:138px; height:42px; line-height:42px; color:#fff; background:#182b77; border-radius:8px; }

/* 고객지원 FORM */
.contents.iqir { border-bottom:0; }
.inquiry { }
.inquiry .section { background: #f5f5f5; padding: 78px 0; margin-bottom: 0; }
.form-tit { text-align: center; }
.form-dec { font-size: 13px; text-align: right; }
.inq_form { margin-top: 12px; }
.form-wrap { width: 940px; margin: 0 auto; }
.form_box .item { width:100%; border-radius:7px; margin-bottom:4px !important; background:rgba(255,255,255,1); padding:10px; clear:both; box-sizing:border-box; }
.form_box .item.l { clear:none; float:left; width:49.65%; }
.form_box .item.r { clear:none; float:right; width:49.65%; }
.form_box input[type="text"], .form_wrap input[type="password"] { position:relative; width:100%; padding-left:10px; background:transparent; font-size:16px; border:0; line-height:22px; color:#666; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; outline-style:none; }
.form_box textarea { position:relative; width:100%; padding-left:10px; background:transparent; font-size:16px; border:0; color:#666; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; outline-style:none; }
.form_box input[type="submit"] { display:block; text-align:center; width:150px; height:43px; line-height:43px; color:#fff; margin:20px auto 0; font-size:15px; background:#0b2a6c; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
.form_box input[type="submit"]:hover { background:#3dbcc7; color:#fff; }
.form_box input:focus { border:0 !important; box-shadow: 0 0 0 !important; }
.form_box .privacy a { color: #000; }

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#e14738;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #000;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #000;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #242424;border-bottom:1px solid #dcdcdc;font-weight:500;background:#fff;text-align:center;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;vertical-align:middle}
.tbl_head01 td {padding:16px 5px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:13px;line-height:1.5em;word-break:break-all;vertical-align:middle}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:160px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f1f1f1;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;margin:0 3px;width:36px;height:36px;color:#000;letter-spacing:0;line-height:36px;vertical-align:middle;-moz-border-radius:36px; -webkit-border-radius:36px; border-radius:36px;}
.pg a { font-size:13px; }
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#eeeeee;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}

.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}
