@charset "utf-8";

@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Opan+Sans);
/*나눔고딕 폰트설정 시작*/
@font-face {font-family:nanum; src:url(images/NanumGothic.eot);}
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);}
/*400 Regular*/
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');}
/*700 Bold*/
@font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');}
/*800 Extrabold*/
@font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');}
/*나눔고딕 폰트설정 끝*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800,300);

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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font: inherit;
	vertical-align: baseline;
	font-family:'Nanum Gothic', dotum, sans-serif;
	letter-spacing:-0.2px; font-weight:300;
	line-height:100%;
}

* {margin:0; padding:0;}
html, body {height:100%;}
body {margin:0; padding:0; background-color:#fff; color:#333; font-style:normal; font-size:12px; word-break: break-all; word-wrap: break-word; min-width:320px; overflow-x:hidden;}

div, ul, ol, li, dl, dt, dd, form, fieldset, input,textarea, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0;-webkit-text-size-adjust:none}
img {border: 0 none; vertical-align:middle; max-width:100%;}
li {list-style:none;}
button{background:transparent; cursor:pointer; vertical-align:middle; margin:0; }
button span{display:none;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-style:normal;}

/* table */
table { border-collapse:collapse; border-spacing:0; width:100%; }
th {vertical-align:middle;}
th, td { border-collapse:collapse; }
legend, hr { display:none; }
caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; }

/* form */
form { display:inline; }
select, input, textarea { color:#444; font-family:'Nanum Gothic', dotum, sans-serif; font-size:inherit; vertical-align:middle; }
fieldset, blockquote, iframe, button { border:none; }

/* font */
i, em, u, cite {font-style:normal;}
em{font-weight:bold;}

/* link */
a {color:#444; text-decoration:none; cursor:pointer;}
a:visited{text-decoration: none}
a:focus{text-decoration: none}
a:active{text-decoration: none}
a:hover{text-decoration: none}

h2.blind {display:none; font-size:0; letter-spacing:-9999px;}

.file_list img {padding-left:3px;}

/* side */
#menu {position:fixed; top:0; left:100%; width:100%; z-index:6000; background-color:#fff; height:100%; z-index:9000; transition:400ms ease;}
#menu.active {left:0;}
.asideBlindView { display:none; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background-color:#000; opacity:0.7; z-index:5000;}

#menu {background:#000;}
#menu .category_top{background:#000; background-size:100% 100%; padding:0 0 43px 0;}
#menu .category_top:after{clear:both; content:""; display:block;}
#menu .category_top .category_logo{float:right;padding:10px 20px 0 0;}
#menu .category_top .btnClose{float:left; padding-top:2px; cursor:pointer;}

#menu ul.slidemenu_btn .slide_map {background:url("../img/common/category_map.png") no-repeat center 18px; background-size:50px 50px;}
#menu ul.slidemenu {text-align:center; padding:0 25px;}
#menu ul.slidemenu > li {}
#menu ul.slidemenu > li.now > ul {display:block;}
#menu ul.slidemenu > li > a {display:inline-block; width:92%; padding:6% 4% 5%; font-size:20px; color:#fff; font-weight:bold; font-family:'Open Sans',sans-serif; border-bottom:1px solid #2a2a2a;}
#menu ul.slidemenu > li:last-child > a {border:none;}
#menu ul.slidemenu > li > a.now {color:#fff;}
#menu ul.slidemenu > li > a.now > ul {display:block;}
#menu ul.slidemenu > li > ul {padding:4%; display:none; border-bottom:1px solid #2a2a2a;}
#menu ul.slidemenu > li > ul.membership {border-top:1px solid #2a2a2a;}
#menu ul.slidemenu > li > ul > li a {display:inline-block; width:100%; font-size:17px; color:#fff; line-height:33px; font-weight:400;}

#menu h2.btnClose {cursor:pointer; position:absolute; left:1.2%; top:0; z-index:111;} 


#wrap {position:relative;}

#header {background-color:#fff; height:55px;}
#header:after{clear:both; content:""; display:block;}
#header h1 {float:right; padding:10px 20px 0 0;}
#header h2 {float:left;}

#content {position:relative; overflow:hidden;}
#container{}
#container:after {clear:both; content:""; display:block;}
#container .lnb{}
#container .lnb:after{clear:both; content:""; display:block;}
#container .lnb ul{height:46px; background-color:#2d64a7;}
#container .lnb ul li{float:left; width:25%; text-align:center;}
#container .lnb ul li a{font-size:15px; font-weight:600; color:#fff; height:29px; display:block; padding-top:17px;}

#content div.main_slide {position:relative;}
#content div.main_slide:after {clear:both; content:""; display:block;}
#content div.main_slide .bxslider {}
#content div.main_slide .bxslider li {overflow:hidden; position:relative; margin-right:1px;}
#content div.main_slide .bxslider li a img {display:block; width:320px; z-index:1000;}
#content div.main_slide .bx-controls {position:absolute; top:0; left:0; width:100%; height:100%;}
#content div.main_slide .bx-controls .bx-pager {position:absolute; left:50%; bottom:-25px; margin-left:-20px;}
#content div.main_slide .bx-controls .bx-pager-item {float:left; margin-right:2px;}
#content div.main_slide .bx-controls .bx-pager-item:last-child {margin-right:0;}
#content div.main_slide .bx-controls .bx-pager-item a {display:inline-block; text-indent:-9999px; background:url("../img/btn_off.png") no-repeat; background-size:9px 10px; width:13px; height:14px;}
#content div.main_slide .bx-controls .bx-pager-item a.active {background:url("../img/btn_on.png") no-repeat; background-size:9px 10px; width:13px; height:14px;}

.main_visual {}
.main_visual ul.visual_ul {width:100%;padding:0;margin:0;overflow:hidden;}
.main_visual ul.visual_ul li.slick-slide {list-style:none;float:left;}
.main_visual ul.visual_ul li.slick-slide {display:block;background:#221e1f;float:left;width:100%;height: 300px;position:relative;z-index:1;}
.main_visual ul.visual_ul li.slick-slide a {position:absolute;width:100%;height:100%;top:0;left:0;}
.main_visual .visual_txt_wrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;text-align: center;z-index: -1;}
.main_visual .visual_txt_wrap h3,
.main_visual .visual_txt_wrap ul li {display:block;opacity:0;transition:all 0.3s;transition-timing-function:linear;position:relative;bottom:-20px;display:block;transition-delay:0;}
.main_visual .visual_txt_wrap h3 {width:280px;margin:0 auto;}
.main_visual .visual_txt_wrap h3.sign {display:inline-block;width: 130px;}
.main_visual .visual_txt_wrap ul {display:inline-block;vertical-align: middle;margin-left: 60px;}
.main_visual .visual_txt_wrap ul li {display:block;font-size: 20px;line-height:1;color:#fff;font-weight: 600;}
.main_visual .visual_txt_wrap ul li + li {margin-top: 25px;}
.main_visual .visual_txt_wrap ul li:nth-child(1) {transition-delay:0.0s;}
.main_visual .visual_txt_wrap ul li:nth-child(2) {transition-delay:0.2s;}
.main_visual .visual_txt_wrap ul li:nth-child(3) {transition-delay:0.4s;}
.main_visual .visual_txt_wrap ul li:nth-child(4) {transition-delay:0.6s;}
.main_visual li.active .visual_txt_wrap h3,
.main_visual li.active .visual_txt_wrap li {opacity:1;bottom:0;vertical-align: middle;}

#content .main_cont {}
#content .main_cont:after {clear:both; content:""; display:block;}
#content .main_cont .build_value {position:relative; width:100%; height:auto; /* background:url("../img/build_value.gif") no-repeat center top; background-size:100% 100%; */ text-align:center;}
#content .main_cont .build_value ul {width:100%;padding:0;margin:0;overflow:hidden;}
#content .main_cont .build_value ul li {float:left;}
#content .main_cont .build_value p.bv_tit {color:#fffefe; font-weight:300; font-size:44px; font-family:'Open Sans',sans-serif; padding:178px 0 11px;}
#content .main_cont .build_value p.bv_tit span {color:#fffefe; font-weight:bold; font-size:42px; font-family:'Open Sans',sans-serif;}
#content .main_cont .build_value p.bv_cont {color:#fff; font-size:16px; font-weight:500; padding:0 0 6px;}
#content .main_cont .build_value p.bv_btn {position:absolute; left:50%; top:308px; margin-left:-83px; width:166px; border:1px solid #fff; border-radius:3px; text-align:center;}
#content .main_cont .build_value p.bv_btn a {color:#fff; font-size:12px; font-weight:bold; font-family:'Open Sans',sans-serif; display:block; padding:10px 0 9px;}
#content .main_cont .banner_architecture {position:relative; width:100%; height:349px; background:url("../img/banner_architecture.gif") no-repeat center top; background-size:100% 100%;}
#content .main_cont .banner_architecture p.ba_img {position:absolute; left:22px; top:198px;} 
#content .main_cont .banner_architecture p.ba_tit {position:absolute; left:24px; top:214px; color:#fff; font-size:22px; font-weight:900;}
#content .main_cont .banner_architecture p.ba_cont {position:absolute; left:24px; top:255px; color:#fff; font-size:12px; letter-spacing:-0.08em;}
#content .main_cont .banner_architecture p.ba2 {position:absolute; left:24px; top:272px;}
#content .main_cont .banner_architecture p.ba_man {position:absolute; left:24px; top:298px; color:#fff; font-size:10px; font-size:11px;}
#content .main_cont .banner_interior {position:relative; width:100%; height:410px; background:url("../img/banner_interior.gif") no-repeat center top; background-size:100% 100%;}
#content .main_cont .banner_interior p.bi_tit {position:absolute; left:23px; top:251px; color:#000; font-size:28px; font-weight:400; font-family:'Open Sans',sans-serif;}
#content .main_cont .banner_interior p.bi_tit span {color:#000; font-size:28px; font-weight:bold; font-family:'Open Sans',sans-serif;}
#content .main_cont .banner_interior p.bi_cont {position:absolute; left:23px; top:292px; color:#000; font-size:13px;}
#content .main_cont .banner_interior p.bi2 {position:absolute; left:23px; top:309px;}
#content .main_cont .banner_interior p.bi_btn {position:absolute; left:23px; top:338px; border:2px solid #000; border-radius:3px; background:url("../img/arrow.png") no-repeat 121px center; background-size:5px 8px;}
#content .main_cont .banner_interior p.bi_btn a {color:#000; font-size:12px; font-weight:bold; font-family:'Open Sans',sans-serif; display:block; padding:10px 51px 9px 10px;}
#content .main_cont .main_board {padding:18px 12px 0;}
#content .main_cont .main_board ul {/* padding-bottom:33px; */ margin-left:-3%;}
#content .main_cont .main_board ul:after {clear:both; content:""; display:block;}
#content .main_cont .main_board ul li.gallery {float:left; width:47%; padding-bottom:23px; margin-left:3%; text-align:right;}
#content .main_cont .main_board ul li.gallery2, #content .main_cont .main_board ul li.gallery4 {float:right;}
#content .main_cont .main_board ul li.gallery p.g_img {padding-bottom:12px;}
#content .main_cont .main_board ul li.gallery p.g_tit {color:#000; font-size:19px; font-weight:900; font-family:'Open Sans',sans-serif; padding-bottom:7px;}
#content .main_cont .main_board ul li.gallery p.g_cont {color:#000; font-size:13px; line-height:16px; padding-bottom:10px;}
#content .main_cont .main_board ul li.gallery p.g_day {color:#000; font-size:12px; font-weight:600;}
#content .main_cont .main_board ul li.gallery p.g_con {text-align:center;display:inline-block;width:100px;}
#content .main_cont .main_board ul li.gallery p.g_con span {display:inline-block;width:100%;}
#content .main_cont .main_board ul li.gallery p.g_con span.top {font-size:27px;color:#000000;font-weight:bold;letter-spacing:0.18em; font-family:'Open Sans',sans-serif;}
#content .main_cont .main_board ul li.gallery p.g_con span.btm {font-size:10px;font-weight:bold;color:#777777;letter-spacing:0.8em;}
#content .main_cont .main_board ul li.gallery2 p.g_con span.top {letter-spacing:0.4em;}
#content .main_cont .main_board ul li.gallery3 p.g_con span.top {letter-spacing:0.2em;}
#content .main_cont .main_board ul li.gallery4 p.g_con span.top {letter-spacing:0.18em;}
#content .main_cont .we_are {background:#f5f5f5; text-align:center;}

#content .main_cont .we_are .w_tit {color:#000; font-size:20px; font-weight:700; font-family:'Open Sans',sans-serif; padding:30px 0 30px;}
#content .main_cont .we_are .w_cont {color:#000; font-size:16px; font-weight:500; padding:0 20px; line-height:18px; letter-spacing:-0.7px;}
#content .main_cont .we_are .wc1 {padding-top:22px;}
#content .main_cont .we_are .wc3 {padding-bottom:47px;}
#content .main_cont .we_are ul {}
#content .main_cont .we_are ul li {padding-bottom:44px;text-align:center;}
#content .main_cont .we_are ul li p.s_img {}
#content .main_cont .we_are ul li p.s_tit {color:#000; font-size:20px; font-weight:800; font-family:'Open Sans',sans-serif; padding:14px 0;}
#content .main_cont .we_are ul li p.s_cont {color:#333; font-size:15px; font-weight:500; line-height:18px; padding:0 20px;}
#content .main_cont .we_are ul li p.s_content {font-size:15px;color:#000000;line-height:25px;text-align:left;display:inline-block;white-space:nowrap;padding-top:10px;}
#content .main_cont .we_are ul li p.s_content span {display:inline-block;font-weight:900;}
.s_c01 {width:345px;}
.s_c02 {width:165px;}
.s_c03 {width:235px;}
.s_c04 {width:200px;}
.s_c04 .spaceing {letter-spacing:1.2px;}
.s_c05 {width:210px;}
.s_c05 .spaceing {letter-spacing:5.8px;}
#content .main_cont .we_are ul li p.sc2 {padding:3px 0;}

#content .main_cont .we_are .white {background:#fff;}

#content .main_cont .contact_us {text-align:center;}
#content .main_cont .contact_us ul {}
#content .main_cont .contact_us ul li {padding-bottom:44px;}
#content .main_cont .contact_us ul li p.c_img {padding-bottom:14px;}
#content .main_cont .contact_us ul li p.c_cont {color:#000; font-size:15px; font-weight:600;}

#footer {position:relative; background:#222; text-align:center;}
#footer .bottom_logo {padding:23px 0 19px;}
#footer .footer_nav {padding-bottom:10px;}
#footer .footer_nav ul {text-align:center;color:#666666; font-size:14px; font-weight:400; opacity:0.25;}
#footer .footer_nav ul:after {clear:both; content:""; display:block;}
#footer .footer_nav ul li { display:inline-block; padding:0 7px;}
#footer .footer_nav ul li a {color:#ffffff; font-size:14px; font-weight:bold;}
#footer .comp_name {font-size:14px;color:#ffffff;letter-spacing:-0.05em;font-weight:bold;padding:8px 0 2px;}
#footer address {margin:0 4%; padding:10px 0 13px 0; font-size:13px; color:#666666; line-height:18px;}
#footer address span.line {font-size:8px; padding:0 7px; font-weight:100;}
#footer address p{}
#footer p.top {padding-bottom:16px;}
#footer p.top a {color:#fff; font-size:10px; font-weight:bold; font-family:'Open Sans',sans-serif;}
#footer .footer_search {background:#222; padding:0 3% 5%;}
#footer .footer_search div.search_form {background-color:#fff; border:1px solid #181818; position:relative; padding:8px 0 0 5px; min-height:23px;}
#footer .footer_search div.search_form input {width:100%; background:none; border:none;}
#footer .footer_search div.search_form p {position:absolute; right:0; top:0;}

#btnFoldLayout{display:none;}


/**********서브디자인**********/
#sub_tab {background:#fff; border-bottom:1px solid #ccc; padding:3%;}
#sub_tab table {background-color:#fff;  text-align:center;}
#sub_tab table td {text-align:center;}
#sub_tab table td a {display:inline-block; width:auto; padding:8px 1px 6px 0; margin:-1px 0 0 -1px; font-size:16px; color:#888; font-weight:bold;}
#sub_tab table td.on a { color:#000; font-weight:900;position:relative;}
#sub_tab table td.on a:after {content:'';display:block;width:100%;height:2px;background:#000;left:0;bottom:-3px;}
#sub_cont {padding:9% 4% 10% 4%;}
#sub_cont h2.subtit {padding:8px 0 7px; margin-bottom:20px; font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #333;}
#sub_cont h2.login {text-align:center; margin-top:10px; margin-bottom:15px; font-size:22px; font-weight:bold; color:#333; border:none;}

#sub_cont p.s_title {color:#666; font-weight:400; font-size:15px; text-align:center;}
#sub_cont p.b_title {color:#000; font-weight:400; font-size:28px; text-align:-0.5px;  text-align:center; padding:14px 0 27px;}

/**********인사말***********/
#sub_cont div.sub_greeting {}
#sub_cont div.sub_greeting .top_cont {position:relative; padding:9% 0 54px; background:url("../img/sub/greeting_bg.gif") no-repeat left top;}
#sub_cont div.sub_greeting .top_cont span.house {position:absolute; left:50%; bottom:-46px; margin-left:-46px;}
#sub_cont div.sub_greeting .top_cont .greeting_cont {color:#666; font-size:13px; font-weight:400; line-height:20px; text-align:center; padding:0 4%;}
#sub_cont div.sub_greeting .top_cont .mini_tit {color:#666; font-size:13px; font-weight:600; text-align:center; padding:25px 0 36px;}
#sub_cont div.sub_greeting .top_cont .ceo_name {color:#666; font-size:15px; font-weight:bold; text-align:right;padding:0 15px 35px;}
#sub_cont div.sub_greeting .top_cont .ceo_name img {display:inline-block;padding-left:10px;}
#sub_cont div.sub_greeting .greeting_content {background:#eee; padding-bottom:30px;}
#sub_cont div.sub_greeting .greeting_content .g_tit {color:#666; font-size:15px; font-weight:400; text-align:center; padding:60px 0 9px;}
#sub_cont div.sub_greeting .greeting_content .grey {color:#000; font-size:26px; font-weight:bold; text-align:center; padding-bottom:22px;}
#sub_cont div.sub_greeting .greeting_content .grey span {font-weight:600;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul {padding:0 4%;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li {padding:0 0 28px 59px;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li.planning {background:url("../img/planning_icon.png") no-repeat left top; background-size:42px 42px;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li.design {background:url("../img/design_icon.png") no-repeat left top; background-size:42px 42px;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li.interior {background:url("../img/interior_icon.png") no-repeat left top; background-size:42px 42px;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li.construction {background:url("../img/construction_icon.png") no-repeat left top; background-size:42px 42px;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li p.bold_tit {color:#000; font-size:16px; font-weight:400; font-family:'Open Sans',sans-serif; padding-bottom:8px;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li p.bold_tit span {color:#000; font-size:16px; font-weight:bold; font-family:'Open Sans',sans-serif;}
#sub_cont div.sub_greeting .greeting_content ul.greeting_ul li p.normal_cont {color:#000; font-weight:400; font-size:13px; line-height:16px;}
#sub_cont div.sub_greeting .img_ul {}
#sub_cont div.sub_greeting .img_ul:after {clear:both; content:""; display:block;}
#sub_cont div.sub_greeting .img_ul li {float:left; width:100%;}

/*.about_chart {position:relative;height:295px;text-align:center;}
.about_chart div {text-align:center;box-sizing:border-box;display:inline-block;}
.about_chart .cht01 {font-size:17px;font-weight:bold;color:#fff;width:140px;height:40px;background:#f00;line-height:40px;border-radius:20px;left:50%;top:0;}
.about_chart .cht02_wrap {width:100%;}
.about_chart .cht02_wrap .cht02 {width:33.3%;float:left;height:30px;padding:0 15px;box-sizing:border-box;}
.about_chart .cht02_wrap .cht02 div {width:100%;height:30px;line-height:30px;font-size:#333333;font-size:15px;border-radius:15px;background:#b3b3b3;}
.about_chart .cht03_wrap {width:100%;height:100%;}
.about_chart .cht03_wrap .cht03 {width:33.3%;float:left;height:33.3%;padding:0 15px;box-sizing:border-box;}
.about_chart .cht03_wrap .cht03 div {width:100%;height:100%;line-height:20px;color:#fff;font-size:14px;background:url("../img/sub/sub01_cht_bg.gif") no-repeat center center;background-size:100% 100%;padding-top:10%;}*/

/**********연혁***********/
#sub_cont div.sub_history {}
#sub_cont div.sub_history ul.history_ul {padding:20px 0 7px;}
#sub_cont div.sub_history ul.history_ul + ul {border-top:1px solid #ccc;padding-top:32px;}
#sub_cont div.sub_history ul.h_ul2 {padding:26px 0 7px;}
#sub_cont div.sub_history ul.history_ul li {position:relative; color:#666; font-size:13px; font-weight:400; line-height:20px; padding-bottom:25px;}
#sub_cont div.sub_history ul.history_ul li br {line-height:30px;}
#sub_cont div.sub_history ul.history_ul li br.small {line-height:20px;}
#sub_cont div.sub_history ul.history_ul li span.year {left:0; top:2px; color:#333; font-size:14px; font-weight:600; display:inline-block; width:100%; padding-bottom:10px;}
#sub_cont div.sub_history ul.history_ul li span.y2 {position:absolute; left:43px; top:2px;}

/**********오시는길***********/
#sub_cont div.sub_location {}
#sub_cont div.sub_location .location_map {padding-bottom:29px;}
#sub_cont div.sub_location ul {padding:0 4% 11%;}
#sub_cont div.sub_location ul li {padding:0 0 16px;font-size:0px;}
#sub_cont div.sub_location ul li p.map_bold {color:#595656; font-weight:900; font-size:17px; padding-bottom:10px;}
#sub_cont div.sub_location ul li p.map_bold.address {letter-spacing:3px;}
#sub_cont div.sub_location ul li p.map_tit {display:inline-block;color:#231815;font-weight:bold;text-align:left;width:74px;font-size:15px;line-height:23px;vertical-align:top;white-space:nowrap;}
#sub_cont div.sub_location ul li p.map_tit.size2 {letter-spacing:33px;}
#sub_cont div.sub_location ul li p.map_tit.size3 {letter-spacing:10px;}
#sub_cont div.sub_location ul li p.map_tit.size4 {letter-spacing:2px;}
#sub_cont div.sub_location ul li p.map_normal {display:inline-block;color:#666666;font-size:15px;line-height:23px;width:calc(100% - 74px);padding-bottom:10px;position:relative;}
#sub_cont div.sub_location ul li p.map_normal:before {content:':';display:block;position:absolute;top:0;left:-9px;}

.trans_icons span {display:inline-block;background-size:auto 17px;background-repeat:no-repeat;background-position:left center;height:23px;vertical-align:top;}
.trans_icons span.metro2 {width:19px;background-image:url('../img/sub/metro2.gif');}
.trans_icons span.metro3 {width:19px;background-image:url('../img/sub/metro3.gif');}
.trans_icons span.metrob {width:45px;background-image:url('../img/sub/metrob.gif');}
.trans_icons span.busb {width:33px;background-image:url('../img/sub/busb.gif');}
.trans_icons span.busg {width:33px;background-image:url('../img/sub/busg.gif');}


/* 고객 */
.clear:after {content:'';display:block;clear:both;}
.client_list {padding:10px 10px 30px;}
.client_list a {display:inline-block;width:33.3%;float:left;}
.client_list a img {width:100%}

/**********게시판css***********/

/*공통사용게시판*/
table.board_css {border:1px solid #ccc; font-size:12px; text-align:left; margin-bottom:20px;}
table.board_css span.guide {display:block; padding-top:8px; line-height:16px;}
table.board_css img {padding-top:8px; width:110px;}
table.board_css tr {border-bottom:1px solid #d3d3d3;}
table.board_css th {font-size:14px; color:#333; font-weight:600; padding:0 10px 0 10px; background-color:#eee; min-width:80px;}
table.board_css td {color:#888; font-weight:100; padding:12px;}
table.board_css td input[type=text], table.board_css td input[type=password]{min-width:90%; padding:0 5%; height:28px; border:1px solid #ccc;}
table.board_css td input[regexptext=number]{min-width:10%;}
table.board_css td input.tel {min-width:50px;}
table.board_css td textarea {min-width:92%; padding:4%; height:200px; border:1px solid #d3d3d3;}

.btn_center {text-align:center;}
.btn_center a {margin:0 2px;}
.btn_center input {margin-top:-4px; border:none;}
.btn {display:inline-block; font-size:15px; color:#fff; font-weight:600; width:105px; height:40px; line-height:40px; text-align:center;}
.gray {background-color:#666;}
.blue {background-color:#000;}
.point {background-color:#000;}
.mini {width:80px;}
.btn_popup {border:none; background-color:#000; display:inline-block; font-size:14px; color:#fff; font-weight:600; width:80px; height:36px; line-height:36px; text-align:center;}
.sub_board div.btn_writing {height:40px; padding-bottom:10px;}
.sub_board div.btn_writing h2 {float:right;}

.sub_join table.board_css td input[type=text], .sub_join table.board_css td input[type=password] {max-width:100px; padding:0 10px; height:28px; border:1px solid #d3d3d3;}
.sub_join table.captcha {}
.sub_join table.captcha th {padding:10px; height:50px; line-height:50px;}
.sub_join table.captcha td {}
.sub_join table.captcha td img {width:80px;}

span.board_line {display:inline-block; padding:0 10px; width:1px; height:9px; background:url("../img/sub/board_line.gif") no-repeat center center; background-size:1px 9px;}

.subboard {padding:17px 10px;font-size:0px;text-align:center;}
.subboard li {width:25%;display:inline-block;text-align:center;position:relative;height:20px;line-height:20px;}
.subboard li:after {content:'';display:block;width:1px;height:13px;background:#999;position:absolute;right:0;top:2px;}
.subboard li:nth-of-type(4n+1):before {content:'';display:block;width:1px;height:13px;background:#999;position:absolute;left:0;top:2px;}
.subboard li a {font-size:14px;color:#5e5b5b;font-weight:600;}
.subboard li a.on {font-weight:900;}
.subboard+#fmList2+#sub_cont {padding-top:0px;}

/*일반형 리스트*/
.sub_board {}
.sub_board .board_search {background-color:#eeeeee; border:1px solid #ccc; text-align:center; padding:17px 0; margin-bottom:15px;}
.sub_board .board_search select {border:1px solid #d3d3d3; height:30px; min-width:70px;}
.sub_board .board_search input.input_text {border:1px solid #ccc; background-color:#fff; height:28px; min-width:140px;}
.sub_board .board_search input.search_btn {width:60px; height:30px; border:none; background-color:#666; color:#fff; font-weight:400; font-size:14px; cursor:pointer;}
.sub_board ul.board_list {border-top:2px solid #888; margin-bottom:20px;}
.sub_board ul.board_list li {border-bottom:1px solid #ccc; padding:15px 10px 7px;}
.sub_board ul.board_list li.board_li {padding:12px 10px 12px;}
.sub_board ul.board_list li h2 {font-size:15px; color:#444; font-weight:600; padding-bottom:7px; line-height:18px;}
.sub_board ul.board_list li h4 {font-size:13.5px; color:#666;}
.paging {text-align:center; height:20px; line-height:20px; padding-top:5px;}
.paging a, .paging span {display:inline-block; font-size:13px; color:#333; font-weight:300; padding:0 8px;}
.paging a.on, .paging span.selected {color:#aaa; font-weight:600;}

/*게시판 보기*/
.sub_board div.board_view {padding-bottom:20px;}
.sub_board div.board_view div.view_tit {border-top:1px solid #333; background-color:#eee; border-bottom:1px solid #ccc; padding:15px;}
.sub_board div.board_view div.view_tit h3 {font-size:13.5px; color:#666; font-weight:300; padding-bottom:7px;}
.sub_board div.board_view div.view_tit h2 {font-size:15px; color:#444; font-weight:600; line-height:18px;}
.sub_board div.board_view div.view_cont {padding:15px 15px 30px 15px; font-size:13px; line-height:20px; min-height:130px; border-bottom:1px solid #ccc;}
.sub_board div.board_view h4 {border-bottom:1px solid #ccc; padding:12px 15px;}
.sub_board .view_btn {height:40px;}
.sub_board .view_btn h2 {float:left;}
.sub_board .view_btn p {float:right;}

/*갤러리형 리스트*/
.sub_board ul.gallery_list {}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {float:left; width:48%; margin-right:4%; padding-bottom:20px;}
.sub_board ul.gallery_list li.mr_cut {margin-right:0;}
.sub_board ul.gallery_list li h2 {border:1px solid #d3d3d3;}
.sub_board ul.gallery_list li h3 {position:relative; font-size:14px; color:#333333; font-weight:600; padding:10px 33px 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board ul.gallery_list li h3 .new_icon{position:absolute; right:1%; top:37%;}
.sub_board ul.gallery_list li h3 .hit_icon{position:absolute; right:1%; top:37%;}
.sub_board ul.gallery_list li p {font-size:13px; color:#888888; font-weight:500;}

/*댓글*/
.sub_board .comment { margin-bottom:20px;}
.sub_board .comment input, .sub_board .comment textarea {background-color:#fff; border:1px solid #ccc}
.sub_board .comment .comment_box {position:relative; border:1px solid #ccc; background-color:#eee; padding:15px;}
.sub_board .comment .comment_box h2 {color:#555; padding-bottom:6px;}
.sub_board .comment .comment_box h2 span {display:inline-block; width:49%;}
.sub_board .comment .comment_box h2 span:first-child {padding-right:2%;}
.sub_board .comment .comment_box h2 span input {width:95%; padding:4% 2%;}
.sub_board .comment .comment_box h3 {position:relative; padding-right:98px;}
.sub_board .comment .comment_box h3 textarea {width:92%; padding:10px 4%; min-height:50px;}
.sub_board .comment .comment_box h3 span {position:absolute; right:0; bottom:0; height:72px; text-align:center; background-color:#000;}
.sub_board .comment .comment_box h3 span a {display:inline-block; width:90px; line-height:72px; font-size:14px; color:#fff; font-weight:600;}
.sub_board .comment .comment_cont {position:relative; font-size:13px; }
.sub_board .comment .comment_cont h2 {color:#888; border-bottom:1px solid #d3d3d3; padding:15px 0 7px 0;}
.sub_board .comment .comment_cont h2 span {color:#333; font-weight:600;}
.sub_board .comment .comment_cont > div {position:relative; border-bottom:1px solid #d3d3d3; padding:12px 15px; background-color:#eee;}
.sub_board .comment .comment_cont > div h3 {color:#333; padding-bottom:8px;}
.sub_board .comment .comment_cont > div div.comment_text {color:#888; line-height:15px;}
.sub_board .comment .comment_cont > div div.comment_btn {position:absolute; right:15px; top:12px;}
.sub_board .comment .comment_cont > div div.comment_btn a { color:#666;}
.sub_board .comment .comment_cont div.comment_modify {position:relative; padding-right:68px;}
.sub_board .comment .comment_cont div.comment_modify textarea {width:96%; height:38px; padding:5px 2%}
.sub_board .comment .comment_cont div.comment_modify h4 {position:absolute; right:0; bottom:0; height:50px; text-align:center; background-color:#888;}
.sub_board .comment .comment_cont div.comment_modify h4 a {display:inline-block; width:60px; line-height:50px; font-size:14px; color:#fff; font-weight:600;}



/**********로그인***********/
.sub_login {margin-bottom:-10px;}
.sub_login .login_box {}
.sub_login .login_box h2 {text-align:center; padding-bottom:30px;}
.sub_login .login_box div.login {position:relative; margin-bottom:10px;}
.sub_login .login_box div.login input.login_input {width:91.5%; padding:0 4%; height:50px; border:1px solid #ccc; font-size:14px; color:#888888; font-weight:400;}
.sub_login .login_box div.login input.mb10 {border-bottom:none;}
.sub_login .login_box div.login h3.btn_login {font-size:15px; margin-top:14px; cursor:pointer; height:48px; line-height:48px; text-align:center; background-color:#aaa; color:#fff; font-weight:600;}
.sub_login .login_box div.login h3.btn_login.password {height:45px; line-height:45px;}
.sub_login .login_box p {width:460px; margin:0 auto; font-size:12px; color:#888888; padding-top:7px;}
.sub_login .login_box p input {border:1px solid #dddddd;}

.sub_login ul.login_btn {margin-right:-2.6%; margin-top:-3px; height:49px;}
.sub_login ul.login_btn li {float:left; margin-right:2%; width:31.1%; background-color:#eee;}
.sub_login ul.login_btn li a {display:inline-block; border:1px solid #dadada; width:99%; height:47px; font-size:15px; color:#666; font-weight:600; line-height:48px; text-align:center;}



/**********로그인 팝업************/
#login_popup {text-align:center;}
#login_popup h2 {font-size:24px; font-weight:600; padding:40px 0 30px 0;}
#login_popup p {font-size:13px; color:#666; font-weight:100; line-height:22px;}
#login_popup p span {font-weight:600; color:#aaa;}
#login_popup h4 {padding-top:30px;}
#login_popup h4 a {display:inline-block; width:80px; height:30px; border:1px solid #ddd; font-size:13px; color:#444; line-height:30px; text-align:center;}
#login_popup h4 a.blue {background-color:#aaa; border:1px solid #aaa; color:#fff; font-weight:600;}



/**********회원가입***********/
.sub_agree {}
.sub_agree h2 {font-size:16px; color:#333333; font-weight:600; padding-bottom:10px;}
.sub_agree .agree_box {margin-bottom:30px; border:1px solid #d3d3d3;}
.sub_agree .agree_box textarea {font-size:12px; color:#888888; width:92%; overflow-y:scroll; height:150px; line-height:20px; padding:12px 4% 0 4%; border:none; background-color:#fff;}
.sub_agree .agree_box div {font-size:12px; color:#666; font-weight:300; padding:20px;}
.sub_agree .agree_box h4 {color:#333333; padding:3% 4%; border-top:1px solid #d3d3d3; background-color:#eee; }
.sub_agree .agree_box #module_policy {line-height:20px;}

h2.join_tit {font-size:16px; color:#333333; font-weight:600; padding-bottom:10px;}

.sub_memberout {}
.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}



/**********팝업***********/
.password_popup {text-align:center;}
.password_popup p {color:#888; padding:40px 0 10px 0;}
.password_popup h2 {}
.password_popup h2 input {border:1px solid #d3d3d3; padding:3px 5px; width:150px;}
.password_popup h3 {padding-top:15px;}
.password_popup input {border:none;}

table.board_mypage {border-top:2px solid #888; margin-bottom:20px;}
table.board_mypage td {border-bottom:1px solid #ccc; padding:15px 10px;}
table.board_mypage td.title {font-size:15px; color:#444; font-weight:600; padding-bottom:7px; line-height:18px;}
table.board_mypage td.title span {font-weight:600;}
table.board_mypage td.date {font-size:13.5px; color:#666; text-align:right;}