@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

@font-face{
font-family:"NanumGothic";
src:url('/font/NanumGothic.eot');
src:url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/font/NanumGothic.woff') format('woff'),
url('/font/NanumGothic.ttf') format('truetype');
url('/font/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/font/NanumGothic.woff') format('woff');
}





*, body {margin:0; padding:0;}
body {font-family:"NanumGothic"; min-width:1200px;}
div, header, nav, ul, li, article, section, p, span, a, img, figure, figcaption, h1, h2, h3, h4, h5, h6, hgroup, footer,iframe {position:relative;}
li {list-style:none;}
a {text-decoration:none; outline:none;}
img {border:none;}
textarea {font-family:"NanumGothic"; }

.mrt30 {margin-top:30px !important;}
.mrt45 {margin-top:45px !important;}
.mrt50 {margin-top:50px !important;}
.mrt80 {margin-top:80px !important;}
.px1200 {width:1200px; margin:0 auto;}
.overfl {overflow:hidden;}
.fll {float:left;}
.flr {float:right;}


/* =========================헤더========================= */
header {width:100%; height:112px; z-index:10;}
header::after {content:"";}
header div h1 {float:left; width:125px; height:112px; line-height:112px;}
header div h1 img {vertical-align:middle;}

.gnbwrap {float:right; width:780px;}
#gnb {width:100%; background:url(/img/bar_c4c4c4.jpg) no-repeat left center; height:112px;}
#gnb > li {width:130px; float:left; height:112px; line-height:112px; font-size:17px; background:url(/img/bar_c4c4c4.jpg) no-repeat right center; text-align:Center;}
#gnb > li > a {font-family:"NanumSquare"; display:block; width:100%; height:100%; color:#585858;  font-weight:600; letter-spacing:-0.1em;}
#gnb > li > a:hover, .hov1 {background:#585858; color:#fff !important;}

.subnav {position:absolute; top:112px; display:none; width:100%; background:#fff;}
.subnav li {height:40px; line-height:40px; width:100%; text-align:center;  font-size:13px; border-bottom:1px solid #eee;}
.subnav li a {color:#555;}
.subnav li a:hover {font-weight:bold;}

#plusfreind {display:block; font-size:17px; font-family:"NanumSquare"; color:#3b1e1e; width:180px; text-align:center; letter-spacing:-0.07em; padding:5px; line-height:20px; 
background:#fff200; position:fixed; top:10px; right:10px; cursor:pointer; z-index:99999;}
#plusfreind img {width:22px; vertical-align:middle; top:-1px; float:left;}



/* =========================푸터========================= */
footer {width:100%; overflow:hidden; background:#323232;}
footer > div {}
.footer_first {width:708px; float:left; padding:0 40px; border-left:1px solid #5b5b5b; border-right:1px solid #5b5b5b; }
.footer_first div {padding:90px 0 ;}
.footer_first ul {overflow:hidden; padding:0 0 25px 0; border-bottom:1px solid #5b5b5b; width:591px;}
.footer_first ul li {float:left; font-family:"NanumSquare"; font-size:17px; letter-spacing:-0.05em; margin:0 0 0 26px; } 
.footer_first ul li:first-child {margin:0;}
.footer_first ul li:hover a {color:#fff;}
.footer_first ul li a {color:#aaa; font-weight:600;}
.footer_first p {font-size:13px; line-height:21px; color:#e1e1e1; margin:20px 0 0 0;}


.footer_last {float:right; width:409px; text-align:Center; padding:61px 0;  border-right:1px solid #5b5b5b;}
#last_footeR_p {width:100%; height:50px; line-height:50px; font-size:10px; font-weight:bold; color:rgba(255,255,255,0.3); background:#222; text-align:Center; text-transform:uppercase;}	
#last_footeR_p a {color:rgba(255,255,255,0.3);}


/* ====================메인====================*/
/*메인비쥬얼*/
.main_vis {width:100%; height:961px;  font-family:'NanumSquare';}
.mainvis_text {width:100%; position:absolute; top:280px ; left:0; text-align:center; color:#fff;}
.mainvis_text h3 {width:765px; margin:0 auto; text-align:left; text-transform:uppercase; font-size:21px; color:#9d9c9c; text-shadow:0px 1px 9px rgba(0, 0, 0, 1); line-height:19px; height:18px;}
.mainvis_text h1 {width:735px; line-height:49px; height:46px; padding:15px; background:rgba(0,0,0,0.7); margin:26px auto; font-weight:100; font-size:50px; letter-spacing:-0.05em;}
.mainvis_text h2 {width:765px; margin:0 auto; font-size:47px; letter-spacing:-0.05em; text-align:center; font-weight:100; line-height:41px; height:35px; padding:0 0 48px 0; background:url(/img/bar_fff.jpg) no-repeat center bottom;}
.mainvis_text p {font-size:22px; margin:48px auto 0 auto; color:#fff; letter-spacing:-0.05em; font-weight:100;}
.main_vis > figure {background:url(/img/main_bottom.png) no-repeat center top; height:124px; width:100%; position:absolute; bottom:0;}


.flickerplate{position:relative;width:100%;height:982px; background-color:#e6e6e6;overflow:hidden;}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none;}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table;}
.flickerplate ul.flicks>li .flick-inner{height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle;}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto;}
.flickerplate ul.flicks>li .flick-title{padding:0px 0px;font-size:2.778em;line-height:1.995em;text-align:center;}



@media only screen and (max-width:43.813em)
{
.flickerplate ul.flicks>li .flick-title{font-size:1.667em;}
;}
.flickerplate ul.flicks>li .flick-sub-tex t{padding:5px;font-weight:300;line-height:2.5em;color:rgba(255,255,255,0.8);text-align:center;}
.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text 
{padding:12px 18px;background-color:rgba(0,0,0,0.6);}

.flickerplate .arrow-navigation{position:absolute;height:876px;width:100px;top:0px;z-index:100;overflow:hidden;}
.flickerplate .arrow-navigation .arrow
{display:block;height:100%;width:100px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer;}


.flickerplate .arrow-navigation.left{left:50px;}
.flickerplate .arrow-navigation.left .arrow {background:url("/img/main_arrowl.png") no-repeat left center;}
.flickerplate .arrow-navigation.right{right:50px;}
.flickerplate .arrow-navigation.right .arrow {background:url("/img/main_arrowr.png") no-repeat right center;}

.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 20%;}.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -20%;}
.flickerplate .dot-navigation{position:absolute;bottom:105px;width:100%;text-align:center;z-index:100;}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px;}
.flickerplate .dot-navigation ul li{display:inline-block;float:none;}
.flickerplate .dot-navigation .dot
{width:60px;height:5px;margin:0px 6px;
background-color:rgba(255,255,255,0.3);-webkit-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out;
-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out; transition:background-color 0.2s ease-out;}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,0.6);}

.flickerplate .dot-navigation .dot.active{background-color:#fff;}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left;}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right;}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {background:url("/img/main_arrowl.png") no-repeat left center;}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {background:url("/img/main_arrowr.png") no-repeat right center;}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12);}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6);}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000;}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,0.9);}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9);}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text
{background-color:rgba(255,255,255,0.5);}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,0.9);}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9);}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text
{background-color:rgba(255,255,255,0.5);}

.flickerplate.animate-transform-slide ul.flicks
{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);
-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s;}

.flickerplate.animate-transition-slide ul.flicks
{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;
transition:left 0.4s ease-out;}.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%;}.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto;}

.flickerplate.animate-scroller-slide ul.flicks{position:auto;}




/*메인컨텐츠01＆02*/
.mc00 {width:1200px; margin:130px auto 0 auto; font-family:"NanumSquare";}
.mc00 > h1:first-child {text-transform:uppercase; background:url(/img/bg_ddd.jpg)  center repeat-x; letter-spacing:-0.05em; height:17px; font-size:17px; line-height:17px; text-align:center;}
.mc00 > h1:first-child span {padding:0 20px ; background:#fff;}

.tabs {}
.ul_mc1_common {width:420px;}
.ul_mc1_common > div {height:513px; overflow:hidden;}
.ul_mc2_common {width:700px;}
.horizontal {font-family:"NanumGothic"; overflow:hidden; margin:50px auto 40px auto; height:17px; background:url(/img/bar_ddd_verti.jpg) no-repeat left center;}
.horizontal li {float:left; text-align:center; font-size:15px; letter-spacing:-0.05em; width:140px; height:17px; line-height:17px; background:url(/img/bar_ddd_verti.jpg) no-repeat right center;}
.horizontal li a {display:block; width:100%; height:100%; color:#aaa;}
.horizontal li:hover a, .horizontal li.active a {color:#555; font-weight:600;}


/*메인01*/
.maincontents01 {margin:66px auto 0 auto;}
#slider_mc01, #slider_mc02 {height:325px; margin:45px 0 !important;}
#slider_mc01, #slider_mc02, #slider_mc03 {width:595px; border:1px solid #e8e8e8; margin:0 0 7px 0; }
#slider_mc01 img, #slider_mc02 img, #slider_mc03 img {border:1px solid #fff; width:593px;}
.flexslider {padding:0;}
.maincontents01 .flexslider .slides li {height:325px;}
.flexslider .slides img {width:100%; display:block; vertical-align:middle;}
.flexslider .slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}

.flexslider .slides {zoom:1; height:396px;}
.flexslider .slides img {height:auto; -moz-user-select:none;}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.carousel li {margin-right:5px;}
#slider_mc01 .flex-direction-nav, #slider_mc02 .flex-direction-nav, #slider_mc03 .flex-direction-nav {display:none;}

.flex_thumb {height:108px;}
.flex_thumb > div > ul > li {cursor:pointer;}
.flex_thumb > div > ul > li:hover {opacity:0.5;}
.flex_thumb .flex-direction-nav  {text-align:right; width:100%; top:87px; position:absolute; display:none;}
.flex_thumb .flex-direction-nav a {text-decoration:none; display:block; width:20px; height:20px; font-size:0; position:absolute; top:0px; z-index:10; overflow:hidden; opacity:1; cursor:pointer; color:rgba(0, 0, 0, 0.8);}
.flex_thumb .flex-direction-nav li {display:inline-block; width:20px; height:20px; margin:0 0 0 10px;}
.flex_thumb .flex-direction-nav .flex-prev {background:url(/img/main_arrow_room1.jpg) no-repeat ;}
.flex_thumb .flex-direction-nav .flex-next { background:url(/img/main_arrow_room2.jpg) no-repeat ;}

.blueprint {position:absolute; right:0; top:0; border:1px solid #e8e8e8; height:395px; line-height:395px;}
.blueprint img {vertical-align:middle; cursor:pointer;}
.blueprint:hover {opacity:0.5;}
.slides {visibility:hidden; }






/*메인02*/
.tb2 div {text-align:center; color:#fff; width:1200px; height:598px;} 
.tb2 div article {width:300px; height:191px;  overflow:hidden; letter-spacing:-0.05em; padding:54px 0;}
.tb2 div article h1 {font-size:19px; line-height:19px; font-weight:600; color:#fff; padding:0 0 26px 0 ;} 
.tb2 div article h1:after {content :""; display:block; position:absolute; top:0; left:0; background:url(/img/bar_fff.jpg) no-repeat center bottom; width:100%; height:100%; opacity :0.5;}
.tb2 div article p {font-family:"NanumGothic"; font-size:15px; line-height:22px; margin:23px 0 0 0; color:#ddd;}
.tb2 div article a {background:url(/img/bg_round.png) no-repeat ; width:98px; height:31px; display:block; line-height:31px; text-align:center; font-size:12px; color:#fff; font-weight:bold; margin:29px auto 0 auto;}
.tb2 div article a:hover {background:url(/img/bg_round_full.png) no-repeat; color:#333; font-weight:bold;}

#tab-1 {background:url(/img/maincon2_01.jpg) no-repeat;}
#tab-1 article {background:#d27922; position:absolute; bottom:299px; right:300px;}

#tab-2 {background:url(/img/maincon2_02.jpg) no-repeat;}
#tab-2 article {background:#365e95; position:absolute; bottom:299px; right:0px;}

#tab-3 {background:url(/img/maincon2_03.jpg) no-repeat;}
#tab-3 article {background:#175d22; position:absolute; bottom:0px; left:300px;}

#tab-4 {background:url(/img/maincon2_04.jpg) no-repeat;}
#tab-4 article {background:#e8b721; position:absolute; bottom:0px; right:0px;}
#tab-4 article p {color:#fff;}

#tab-5 {background:url(/img/maincon2_05.jpg) no-repeat;}
#tab-5 article {background:#9a1925; position:absolute; bottom:0; right:300px;}

.iframe_main {width:100%; height:553px; border:none;}


	





/*메인03*/
.maincontents03 {background:#fff2f3; padding:0 0 130px 0; width:100%; font-family:"NanumGothic"; overflow:hidden;}
.maincontents03 > h1 {overflow:hidden; margin:45px auto 0 auto; text-transform:uppercase; letter-spacing:-0.02em;  height:18px; font-size:18px; line-height:20px; text-align:center; font-family:"NanumSquare";}
.maincontents03 > p {overflow:hidden; font-size:13px; color:#6a6a6a; line-height:12px; text-align:center; margin:29px 0 0 0;}
.main_stwrap {width:1200px; overflow:hidden;}
.mstwr1 {margin:45px auto 0 auto;}
.mstwr2 {margin:15px auto 0 auto;}

.main_stwrap > section {width:562px; height:310px; padding:15px; }
.main_stwrap > section:hover {opacity:0.7;}
.main_stwrap > section a {display:block; border:1px solid #ddd; height:142px; text-align:Center; color:#fff; padding:84px 0 ;}
.main_stwrap > section a h3 {font-size:12px; font-family:"NanumSquare"; text-transform:uppercase; line-height:10px; height:8px;}
.main_stwrap > section a h1 {font-weight:100; font-size:22px; font-family:"NanumSquare"; line-height:23px; height:21px; overflow:hidden; padding:18px 0 24px 0; background:url(/img/bar_fff_31wi.jpg) no-repeat center bottom;}
.main_stwrap > section a h1 strong {font-weight:600;}
.main_stwrap > section a p {font-size:15px; line-height:24px; margin:20px  0 0 0; color:#d7d7d7; letter-spacing:-0.05em;}

.mstwr1 > section:first-child {background:url(/img/maincon3_01.jpg) no-repeat center top; float:left;}
.mstwr1 > section+section {background:url(/img/maincon3_02.jpg) no-repeat center top; float:right;}
.mstwr2 > section:first-child {background:url(/img/maincon3_03.jpg) no-repeat center top; float:left;}
.mstwr2 > section+section {background:url(/img/maincon3_04.jpg) no-repeat center top; float:right;}








/*메인04*/
.maincontents04 {width:100%; font-family:"NanumGothic"; overflow:hidden; padding:0 0 100px 0;}
.maincontents04 > div > h1 {overflow:hidden;  text-transform:uppercase; letter-spacing:-0.02em; height:14px; font-size:18px; line-height:17px; text-align:center; font-family:"NanumSquare";}
.maincontents04 > div > p {overflow:hidden; font-size:13px; color:#6a6a6a; line-height:12px; text-align:center; margin:20px 0 0 0;}

.main_spec {width:100%; margin:30px auto 0 auto;}
.main_spec section {float:left; width:228px; height:153px; margin:0 0 0 15px; text-align:center; padding:37px 0;}
.main_spec section a {display:block; width:100%; height:100%;}
.main_spec section a:hover {opacity:0.7;}
.main_spec section figure {height:70px;}
.main_spec section h1 {font-family:"NanumSquare"; margin:20px 0 0 0; font-size:18px; color:#fff; font-weight:600; height:18px; font-size:18px; line-height:20px;}
.main_spec section p {font-size:13px; line-height:18px; color:rgba(255,255,255,0.8); letter-spacing:-0.05em; margin:10px 0 0 0;}



.msep1 {background:#97b8b9; margin:0 !important;}
.msep2 {background:#7dc7c9;}
.msep3 {background:#82cbdf;}
.msep4 {background:#74add2;}
.msep5 {background:#bab1d7;}






/*메인05*/
.maincontents05 {width:100%; background:#fff5eb; font-family:"NanumSquare";  padding:100px 0; overflow:hidden;}
.maincontents05 > div > h1 {overflow:hidden;  text-transform:uppercase; letter-spacing:-0.02em; height:14px; font-size:18px; line-height:17px; text-align:center; font-family:"NanumSquare";}
.maincontents05 > div > p {font-size:13px; color:#6a6a6a; line-height:12px; text-align:center; margin:20px 0 0 0;}
.mc05_con {width:1140px; padding:45px 30px; background:#fff; overflow:hidden; margin:40px auto 0 auto; font-family:"NanumGothic";}

.mc05_con ul.fll {width:380px;}
.mc05_con ul.fll li {border-bottom:1px solid #e3e3e3; margin:20px 0 0 0;}
.mc05_con ul.fll li:first-child {margin:0;}
.mc05_con ul.fll span {padding:13px 0; line-height:12px;}

.mc05_con strong, .mc05_con span {display:block;}
.mc05_con strong {font-size:15px; color:#333; font-weight:600; line-height:14px; height:14px;}
.mc05_con span {color:#797878; font-size:13px; letter-spacing:-0.05em;}

.mc05_con section.flr {width:570px;}
.mc05_con section.flr li {overflow:hidden; border-bottom:1px solid #e3e3e3; font-size:13px;}
.mc05_con section.flr li span {display:block; float:left; color:#666; font-weight:600; padding:0 10px; background:url(/img/bar_verti1.jpg) no-repeat right center; height:43px; line-height:43px;}
.mc05_con section.flr li input {display:block; float:left; margin:0 0 0 10px; height:43px; line-height:43px; border:none; outline:none; color:#999; font-size:12px;}
.mc05_con section.flr textarea {display:block; float:left; margin:0 0 0 10px; width:484px; padding:15px; font-size:12px; color:#999; border:none; outline:none; height:227px; font-family:"NanumGothic"; line-height:18px;}

.tkddnlenro ul {overflow:hidden;}
.tkddnlenro ul li {float:left; width:276px; border-top:1px solid #e3e3e3; }
.tkddnlenro ul li+li {float:right;}
.tkddnlenro ul li input {width:207px;}

.gkeksenro input {width:515px;}
.gkeksenro li+li span {height:227px !important; line-height:227px !important}
#contactus_btn {border:none; display:block; margin:20px auto 0 auto; width:202px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:15px; font-weighT:600; background:url(/img/main_last_bg.png) no-repeat center top;}

/*메인06*/
#main_map {margin:1px auto; display:block;}





/* =========================서브========================= */
/* 서브공통 */
.subvis {width:100%; height:700px; text-align:center; font-family:"NanumSquare"; overflow:hidden;}
.subvis h2 {font-size:18px; font-weight:900; color:#fff; line-height:16px; height:14px; overflow:hidden; margin:200px auto 0 auto; text-transform:uppercase;}
.subvis h1 {font-size:45px; font-weight:100; line-height:43px; height:43px; letter-spacing:-0.05em; color:#fff; padding:34px 0; background:url(/img/bar_fff.jpg) no-repeat center bottom;}
.subvis h1 strong {font-weight:600;}
.subvis p {color:#fff; font-weight:100; font-size:18px; margin:30px 0 0 0; line-height:30px;}

.sv01 {background:url(/img/subvis01.jpg) no-repeat center;}
.sv02 {background:url(/img/subvis02.jpg) no-repeat center;}
.sv03 {background:url(/img/subvis03.jpg) no-repeat center;}
.sv04 {background:url(/img/subvis04.jpg) no-repeat center;}
.sv05 {background:url(/img/subvis05.jpg) no-repeat center;}
.sv06 {background:url(/img/subvis06.jpg) no-repeat center;}

.ul_subnav {overflow:hidden; margin:235px auto 0 auto;}
.ul_subnav li {width:155px; height:50px; line-height:50px; text-align:center; float:left; margin:0 0 0 1px; background:rgba(255,255,255,0.7); font-size:17px; letter-spacing:-0.05em;}
.ul_subnav li:first-child {margin:0;}
.ul_subnav li a {display:block; width:100%; height:100%; color:#333;}
.ul_subnav li a:hover, #li_subnav_sel a {background:#fff; color:#000; font-weight:bold;}
.snv4ro {width:623px;}
.snv1ro {width:155px;}
.snv2ro {width:311px;}
.snv3ro {width:467px;}


.subpage {width:100%; margin:100px auto; overflow:hidden;}
.subpage > hgroup:first-child {margin:0 auto 80px auto; font-family:"NanumSquare"; text-align:center; overflow:hidden;  background:url(/img/bar_subtitle.jpg) no-repeat center bottom; padding:0 0 26px 0;}
.subpage > hgroup:first-child h1 {font-size:30px; font-weight:600; line-height:29px; height:28px; color:#404040; letter-spacing:-0.05em; font-weight:700;}
.subpage > hgroup:first-child p {font-size:17px; letter-spacing:-0.05em; letter-spacing:-0.05em; height:17px; font-size:17px; line-height:17px; padding:30px 0 0 0; color:#4c4c4c;}


/* 0101 */
.sub0101 {margin:0 auto;  width:1200px; overflow:hidden; text-align:justify;}
.sub0101 figure {float:left; width:260px; height:330px;}
.sub0101 figure img {width:260px;}
.sub0101 article {font-size:15px; letter-spacing:-0.07em; line-height:25px; color:#7e7e7e; float:right; width:930px; margin:30px 0 0 0;}
.sub0101_p {text-align:justify; font-size:15px; letter-spacing:-0.08em; line-height:25px; color:#7e7e7e;  width:1200px; margin:30px auto 0 auto;}




.sub0101_d {width:100%; height:546px; background:url(/img/0101img1.jpg) repeat-x; margin:85px auto 0 auto ; overflow:hidden; font-family:"NanumSquare"; letter-spacing:-0.05em;}
.sub0101_d > h1 {font-size:25px; coloR:#533939; text-align:center; padding:63px 0 25px 0; font-weight:600; line-height:25px; height:24px; overflow:hidden; width:100%; background:url(/img/bar_0101.jpg) no-repeat center bottom;}
.sub0101_d .px1200 {margin:40px auto 0 auto !important;}
.sub0101_d section {width:334px; margin:0 0 0 99px; float:left; text-align:center;}
.sub0101_d section:first-child {margin:0;}
.sub0101_d section figure {height:317px;  background:#000;}
.sub0101_d section h1 {font-weight:600; color:#222; text-transform:uppercase; height:14px; font-size:17px; line-height:17px; margin:28px 0 17px 0;}
.sub0101_d section p {font-size:15px; color:#7a7a7a; line-height:15px; height:15px;}



/* 0102 */
.sub0102_1 {padding:0 0 100px 0; border-bottom:1px solid #d7d7d7;}
.sub0102_1 > section {width:315px; float:left; text-align:center;  letter-spacing:-0.06em;  text-align:center; }
.sub0102_1 > section p {font-size:12px; font-weight:bold; color:#fff; letter-spacing:0.06em;  text-transform:uppercase; width:315px; height:269px; padding:46px 0 0 0;}
.sub0102_1 > section h1 {color:#1b1b1d; font-family:"NanumSquare"; font-size:17px; line-height:16px; height:16px; margin:24px 0;}
.sub0102_1 > section article {font-size:13px; line-height:22px; color:#909090;}

.sub01021_s2 {margin:0 127px 0 128px;}
.sub01021_s1 > p {background:url(/img/0102img1.png) no-repeat center top;}
.sub01021_s2 > p {background:url(/img/0102img2.png) no-repeat center top;}
.sub01021_s3 > p {background:url(/img/0102img3.png) no-repeat center top;}


.sub0102_2 {margin:70px auto 0 auto;}
.sub01022_s {overflow:hidden; padding:70px 0 0 0; background:url(/img/0102img6.jpg) no-repeat center top; margin:70px 0 0 0;}
.sub01022_s:First-child {background:none; padding:0; margin:0;}
.sub01022_s > div  {float:left; width:480px;}
.sub01022_s article {width:100%;}
.sub01022_s article h1 {font-size:30px; color:#626262; font-family:"NanumSquare"; line-height:28px; letter-spacing:-0.05em; padding:58px 0 20px 0; background:url(/img/0102img4.jpg) no-repeat left top;} 
.sub01022_s article ul li {font-size:15px; color:#626262;  letter-spacing:-0.05em; line-height:22px;} 
.sub01022_s article p {margin:27px 0 0 0 ; padding:27px 0 0 0; background:url(/img/bar_0102.jpg) no-repeat left top; font-size:12px; color:#909090;  letter-spacing:-0.05em; line-heighT:20px;}
.sub01022_s > div iframe {margin:30px 0 0 0;}

.sub01022_s figure {float:right; widtH:688px; border-bottom:1px solid #eee;}



/* 0103 */
.history_0103 {width:1200px; margin:0 auto; overflow:hidden; height:17px; height:53px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url(/img/bar_ddd_verti.jpg) repeat-y left center;}
.history_0103 li {font-family:"NanumSquare"; font-weight:bold; float:left; text-align:center; font-size:17px; letter-spacing:-0.07em; width:300px;  line-height:53px; background:url(/img/bar_ddd_verti.jpg) repeat-y right center;}
.history_0103 li a {display:block; width:100%; height:100%; color:#474747;}
.history_0103 li:hover a, .history_0103 li.active a {color:#fff ; font-weight:600; background:#8d4242;}

.sub0103_contents {margin:0 auto; overflow:Hidden;}
.sub0103_contents > section {width:100%; text-align:center; overflow:hidden; padding:89px 0; height:121px; background:url(/img/0103img1.jpg) no-repeat center top;}
.sub0103_contents > section h1 {font-size:30px; color:#fff; font-family:"NanumSquare"; line-height:28px; letter-spacing:-0.05em; padding:58px 0 17px 0; background:url(/img/0103img2.png) no-repeat center top;} 
.sub0103_contents > section h2 {font-size:15px; font-weight:normal; color:#eee;  letter-spacing:-0.05em; line-height:22px;} 


.history_con {overflow:hidden; border-bottom:1px solid #e4e4e4; background:url(/img/bg_center.jpg) repeat-y center top; padding:30px 0 ;}
.history_con01 {margin:40px auto 0 auto !Important; padding:0 0 30px 0 !important;}
.history_con article {margin:0 0 0 30px; width:570px;  overflow:hidden; }
.history_con article h1 {font-family:"NanumSquare";  float:left; padding :0 15px 0 0; font-size:35px; color:#972b35; letter-spacing:-0.05em;  font-weight:900; background:url(/img/0103bar1.jpg) no-repeat right top; line-height:29px; height:26px;}
.history_con article ul {float:left; margin:0 0 0 15px;}
.history_con article li {font-size:13px; overflow:hidden; margin:10px 0 0 0;}
.history_con article li:first-child {margin:0;}
.history_con article li strong {color:#464646; margin:0 10px 0 0;}
.history_con article li span {color:#898787; letter-spacing:-0.05em; font-weight:200;}
.history_con span, .history_con strong {float:left; Display:block;}
.hc_first {float:left; }
.hc_last {float:right; }




/* 0104 */
.sub0104 article {width:1200px !important; margin:0 auto; border-bottom:1px solid #eee; padding:30px 0;}
.sub0104 article h1 {font-size:18px;  font-family:"NanumSquare"; text-align:Center; margin:0 0 20px 0;}
.sub0104 article ul {overflow:hidden; width:730px; margin:0 auto;}
.sub0104 article ul li {font-size:13px; height:25px; line-height:25px; overflow:hidden; float:left; }
.sub0104 article ul li+li {float:right;}
.sub0104 span, .sub0104 strong {display:block; float:left;}
.sub0104 span {margin:0 0 0 5px; color:#777;}
.sub0104 strong {color:#333;}
.sub0104 strong:first-child {width:3px; height:3px; background:#333; margin:13px 7px 0 0;}




/* 0201 */
.sub0201 {margin-bottom:18px; }
.sub0201 > section {width:386px; border:1px solid #d9d9d9; float:left; margin:0 0 0 18px;}
.sub0201 > section:first-child {margin:0;}
.sub0201 > section figure {width:386px; height:306px;}
.sub0201 > section article {width:346px; padding:30px 20px; overflow:hidden;}

.spec01 section+section article {background:#f9f9f9;}
.spec02 section:first-child article, .spec02 section+section+section article {background:#f9f9f9;}
.spec03 section+section article {background:#f9f9f9;}


.spec01 section:first-child article, .spec01 section+section+section article {background:#fef9f9;}
.spec02 section+section article {background:#fef9f9;}
.spec03 section:first-child article, .spec03 section+section+section article {background:#fef9f9;}


.spec01 article {height:183px;}
.spec02 article {height:140px;}
.spec03 article {height:140px;}


.sub0201 > section article h1 {font-family:"NanumSquare"; letter-spacing:-0.05em; overflow:hidden;}
.sub0201 > section article h1 span {display:block; float:left;}
.sub0201 > section article h1 span:first-child {width:4px; height:19px; background:#404040; margin:0 10px 0 0;}
.sub0201 > section article h1 span+span {font-size:21px; line-height:28px; top:-3px ;letter-spacing:-0.07em;}
.sub0201 > section article ul li {font-family:"NanumGothic"; background:url(/img/bullet1.jpg) no-repeat left 11px ; font-size:15px; color:#404040; padding:0 0 0 5px; letter-spacing:-0.07em; line-height:25px; margin:18px 0 0 0;}





/* 0301 */
.sub0301 {}
#slider_0301 {width:100%; margin:0 0 7px 0; }
#slider_0301_36 {width:100%; margin:0 0 7px 0; }
.sub0301_top .flex-direction-nav {display:none;}

.sub0301_bottom {overflow:hidden; width:100%; margin:20px auto 0 auto; padding:40px 0 0 0; border-top:1px solid #e1e1e1;}
.title_h1 {overflow:Hidden; font-family:"NanumSquare"; }
.title_h1 span {display:block; float:left;}
.title_h1 span:first-child {width:4px; height:19px; background:#404040; margin:0 7px 0 0;}
.title_h1 span+span {font-size:21px; line-height:22px; letter-spacing:-0.07em;}

.s03_detailinfo {width:535px; float:left;}
.s03d_ul1, .s03d_ul2 {width:522px; margin:20px 0 0 13px; overflow:hidden;}
.s03d_ul1 li {font-family:"NanumGothic"; background:url(/img/bullet1.jpg) no-repeat left 11px ; font-size:15px; color:#404040; padding:0 0 0 5px; letter-spacing:-0.07em; line-height:25px; margin:10px 0 0 0;}
.s03d_ul1 li:first-child {margin:0;}
.s03d_ul2 li {float:left; width:92px; margin:0 0 0 15.5px;}
.s03d_ul2 li:first-child {margin:0;}
.s03d_ul2 li span {display:block; text-align:center; font-family:"NanumGothic";  font-size:12px; margin:10px 0 0 0; color:#6c6c6c; font-weight:bold; letter-spacing:-0.05em;}

.s03_detailinfo2 {width:600px; float:right;}
.s03_detailinfo2 figure {width:598px; height:342px; cursor:pointer; background:#fff; border:1px solid #d7d7d7; margin:23px 0 0 0; text-align:center; line-height:340px;}
.s03_detailinfo2 figure a {display:block; width:100%; height:100%;}
.s03_detailinfo2 figure img {vertical-align:middle;}
.s03_detailinfo2 figure:hover {opacity:0.5;}
.s03_detailinfo2 figcaption {width:330px; height:35px; line-height:35px; color:#fff; font-weight:bold; font-size:17px;  font-family:"NanumSquare"; letter-spacing:-0.05em; margin:25px auto 0 auto; background:#833d3d; text-align:center;}


.sub0301_bottom2 {overflow:hidden; width:100%; margin:50px auto 0 auto; }
.s03_detailinfo_35 {width:582px;}
.s03_detailinfo_35 figure {width:580px; height:342px; cursor:pointer; background:#fff; border:1px solid #d7d7d7; margin:23px 0 0 0; text-align:center; line-height:340px;}
.s03_detailinfo_35 figure a {display:block; width:100%; height:100%;}
.s03_detailinfo_35 figure img {vertical-align:middle;}
.s03_detailinfo_35 figure:hover {opacity:0.5;}
.s03_detailinfo_35 figcaption {width:330px; height:35px; line-height:35px; color:#fff; font-weight:bold; font-size:17px; font-family:"NanumSquare"; letter-spacing:-0.05em; margin:25px auto 0 auto; background:#833d3d; text-align:center;}





/* 0401 */
.sub0401 { }
.sub0401 > h1:first-child {font-family:"NanumGothic";  font-size:15px; letter-spacing:-0.05em; text-align:Center; line-height:25px; color:#555; font-weight:600; padding:25px 0; background:#f2f2f2;}

.wrap_lawyerinfo {width:100%; margin:0 auto; padding:45px 0; border-top:1px solid #e2e2e2; overflow:hidden;}
.wrap_lawyerinfo > figure {float:left; width:310px;}

.lawayer_contents {width:830px; float:right;}
.lawayer_contents h1 {font-family:"NanumSquare"; color:#fff; height:30px; font-size:17px; text-align:center; background:#7b2e00; font-weight:600; line-height:30px; letter-spacing:-0.05em; margin:50px 0 0 0;}
.lawayer_contents div:first-child h1 {width:75px; }
.lawayer_contents  h1:first-child {margin:0;}
.lawayer_contents ul {margin:10px 0 0 0;}
.lawayer_contents li {background:url(/img/bullet2.jpg) no-repeat left 13px; font-size:13px; letter-spacing:-0.06em; line-height:25px; padding:0 0 0 6px; color:#555;}
.lawayer_contents li span:first-child {color:#555;}
.lawayer_contents li span+span {color:#a2a2a2;}

.lawayer_contents .flr {width:380px;}
.lawayer_contents h1 {width:246px; }
.lawayer_contents h3 {font-size:15px; color:#1f1f1f; margin:10px 0 0 0; letter-spacing:-0.06em;}





/* 0501 */
.sub0501 {}
.sub0501 ul {overflow:hidden;}
.sub0501 ul:first-child {border-top:1px solid #d4d4d4;}
.sub0501 ul li {overflow:hidden; padding:15px; letter-spacing:-0.05em;}
.sub0501 ul li span {display:block; float:left;}
.sub0501 ul li span:first-child {width:40px; height:40px;font-size:20px; text-align:center; font-weight:Bold; margin:0 10px 0 0; line-height:40px;}

.sub0501 ul li:first-child {}
.sub0501 ul li:first-child span:first-child {background:url(/img/0501img1.png) no-repeat; color:#fff;}
.sub0501 ul li:first-child span+span {font-weight:bold; color:#313131; font-size:13px; line-height:40px;}

.sub0501 ul li+li {background:#f4f4f4; border-bottom:1px solid #d4d4d4;}
.sub0501 ul li+li span:first-child {background:url(/img/0501img2.png) no-repeat; color:#aa3f3e; }
.sub0501 ul li+li span+span {font-weight:bold; color:#696969;  font-size:13px; width:1120px; font-weight:normal; font-size:12px; line-height:25px; }


.dsfpoweifpomskdl {margin:30px auto 0 auto; font-family:"NanumGothic"; overflow:hidden;}
.dsfpoweifpomskdl > p {text-align:center; font-size:13px; color:#333; letter-spacing:-0.06em;}
.dsfpoweifpomskdl > a {Display:block; width:150px; height:45px; line-height:45px; text-align:Center; color:#fff; background:#5d1c1c; font-weight:bold; margin:30px auto 0 auto;}




/* 0601 */
.subboard_inquiry {width:520px; padding:50px; background:#ececec;}
.subboard_inquiry ul {overflow:hidden;}
.subboard_inquiry li {overflow:hidden; width:520px; background:#fff; height:45px; margin:0 0 20px 0;}
.subboard_inquiry li span {display:block; float:left; width:70px; font-weight:bold; padding:0 10px; line-height:45px;}
.subboard_inquiry li span:first-child {font-size:13px; color:#666; margin:0 10px 0 0; width:}
.subboard_inquiry li input {line-height:45px;}

.subboard_inquiry li input, .subboard_inquiry textarea {display:block; font-size:12px; color:#999; border:none; outline:none; widtH:420px; height:45px; line-height:45px;}

#lastli_textarea {height:550px; }
#lastli_textarea textarea {height:535px; float:left; line-height:20px; padding:15px 0 0 0; }

.ansdmlgo {display:block; width:135px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:13px; background:#333; border:none; margin:30px auto 0 auto;}

.linehegiht40 {line-height:40px !Important;}


#tinybox {position:absolute; display:; padding:10px; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}


#allview_picture {display:block; width:150px; background:#333; color:#fff; font-size:17px; font-family:"NanumSquare";  text-align:center; padding:10px 0; float:left;}
#allview_picture2 {float:right ;font-size:17px; font-family:"NanumSquare"; font-weight:400; letter-spacing:-0.07em; line-height:39px;}