@charset "utf-8";

html, body {min-width:1000px;}
/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:1000px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:20px 0;width:100%;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0 39px;   margin-right:19px;}
#logo img{display:block; width:100%;}



/* 메인메뉴 */
#gnb {float:left; text-align:left;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0;padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;}
.gnb_1dli a:hover {
	color:#888;
}
.gnb_1da {display:inline-block; padding:0 19px;height:4.167em; line-height:4.167em; font-size:1.167em;/*background:url('../img/gnb_bg00.gif') center right no-repeat;*/text-decoration:none; text-transform:uppercase; font-weight:bold;}
.gnb_1da:focus, .gnb_1da:hover {/*background:url('../img/gnb_bg00.gif') #333 center right no-repeat;*/text-decoration:none}
/*.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}*/
.gnb_2dul {display:none;position:absolute;top:35px;width:180px;}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:100%;border-right:0px solid #dde4e9;border-left:0px solid #dde4e9;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:4;position:relative;padding:0;width:100%;min-height:500px;height:auto !important;height:500px;border-right:0px solid #dde4e9;background:#fff;font-size:1em;zoom:1; margin-top:8.2em;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft {min-width:100%;border-top:0px solid #dde4e9;background:#222222; text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_catch {position:relative;margin:0 auto;padding:40px 0 33px;text-align:center; width:4.167em; height:4.167em;}
#ft_catch img{width:100%; display:block; margin:0 auto;}

#ft_company {text-align:center}

#ft_copy {}
#ft_copy div {position:relative;margin:0 auto;padding:0 0 30px 0;width:100%;color:#555555}
#ft_copy a {display:inline-block; line-height:27px; font-size:0.917em; font-weight:700; text-transform:uppercase; color:#727272; text-decoration:none;}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

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


/*20150721*/
.top_right{float:right; margin-right:39px; margin-top:10px;}
.top_right ul li{float:left; margin-left:19px; line-height:36px;}
.top_right ul li a{color:#000; text-decoration:none; font-weight:600; font-size:1.167em}
.top_right ul li.search {position:relative; border:2px solid #dadada; border-radius:5px; width:176px; height:36px; line-height:36px; padding:0 15px;}
.top_right ul li.search input {border:none; }
.top_right ul li.search h4 {position:absolute; right:15px; top:0px;}
.top_right ul li.search img {width:18px; height:18px;}
.top_right ul li a:hover {font-weight:bold; color:#000; border-bottom:2px solid #000;}

.ft_info{text-align:center; line-height:23px; color:#666666; font-size:13px;}
.ft_info span{display:block; text-align:center; font-weight:600; color:#ffffff; font-size:1.083em;}

.top{width:2.167em; height:70px; margin:34px auto 0; font-weight:bold; font-size:1em; color:#ffffff; text-transform:uppercase;}
.top img{display:block; width:100%;}

/*.visual{width:100%; overflow:hidden; height:989px; background:url(../images/main/main_img1.gif) no-repeat top center; background-size:100% 100%; color:#fff; text-align:center}*/
.start-page{text-align:center;
  position:relative;color:#fff;
width:100%; overflow:hidden; height:800px; 
  z-index:10;
  background:url(../images/main/main_img1.gif) top center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.start-page .title1{font-size:100px; margin-top:300px; font-weight:100; line-height:110px; letter-spacing:-5px;}
.start-page .title1 span{font-weight:600;}
.start-page .mainmenu{position:relative; text-align:center; width:990px; margin:60px auto 0;}
.start-page ul{position:absolute; left:0%; top:0;}
.start-page ul.mainmenu-menu li {text-align:left;margin-top:15px}
.start-page ul.mainmenu-menu li a {font-size:25px; color:#fff; font-weight:600; height:50px; }
.start-page ul.mainmenu-menu li a:hover {color:#888;text-decoration:underline;}





.start-page .button1{border:2px solid #fff; height:46px; width:198px; border-radius:3px; line-height:48px; display:block; margin:76px auto; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center}
.visual img {display:block; width:100%;}
.menu_list{clear:both;}

.menu_list1{clear:both; padding-left:42.7%; background:url(../images/main/main_banner1.gif) no-repeat left top; text-align:left; background-size:42.7% 100%;}

.menu_list ul{width:100%;}
.menu_list ul li.fl{float:left; width:42.7%;}
.menu_list ul li.fr{float:right; width:57.3%;}
.menu_list ul li.fl ul li{float:left; width:50%; *width:49.9%;}
.menu_list ul li.fl img,.menu_list ul li.fr img{display:block; width:100%;}

.menu_list1 .redbox{background:#e52d27; text-align:left; padding:5% 5% 9% 6%; font-size:1.2em;}
.menu_list1 .redbox img,.menu_list ul li.fr .whitebox img{width:auto; display:inline-block}
.menu_list1 .redbox a{color:#fff; line-height:1.6em; text-decoration:none;}
.menu_list1 .redbox a span{font-size:2em; line-height:1.5em; margin-bottom:1%; display:block; text-align:left; }
.menu_list1 .redbox a font{font-size:.9em;}

.menu_list1 .whitebox{background:#f9f9f9; text-align:center; padding:5%; font-size:1.2em; }
.menu_list1 .whitebox a{color:#fff; font-weight:bold; font-size:1.8em; text-decoration:none; color:#000; letter-spacing:1em; text-transform:uppercase; line-height:2em;}

.main_banner4_info{font-size:1.2em; line-height:1.8em; text-align:left; color:#000000; margin-top:1.4em; letter-spacing:-0.04em;}
.main_banner4_info p{font-size:2.2em; font-weight:normal; line-height:1.6em;}
.main_banner4_info p span{font-weight:bold;}
.main_banner4_info a{border:2px solid #000; height:2.5em; width:40%; border-radius:3px; line-height:2.5em; display:block; color:#000; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; margin:2em 0}

.list_banner li{clear:both; display:block; width:100%;}
.list_banner li.gallery1 .info_fr{clear:both; background:url(../images/main/main_gallery1.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery2 .info_fr{clear:both; background:url(../images/main/main_gallery2.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery3 .info_fr{clear:both; background:url(../images/main/main_gallery3.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery4 .info_fr{clear:both; background:url(../images/main/main_gallery4.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery .info_fr{text-align:left; padding-left:45%; min-height:13.5em; cursor:pointer}
.list_banner li .info_fr a{display:block; width:100%; text-decoration:none; padding:1.8% 0; font-size:1.1em; color:#727272; line-height:1.3em; }
.list_banner li .info_fr p{font-weight:bold; font-size:2.2em; line-height:1.6em; color:#fff;}
.list_banner li .info_fr span{display:block; text-align:left; margin-top:1em;}

.list_banner li.gallery .on a{color:#fff;}
.list_banner li.gallery1 .on{clear:both; background:url(../images/main/main_gallery1_on.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery2 .on{clear:both; background:url(../images/main/main_gallery2_on.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery3 .on{clear:both; background:url(../images/main/main_gallery3_on.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery4 .on{clear:both; background:url(../images/main/main_gallery4_on.gif) no-repeat left top; background-size:100% 100%;}

.menu_list .copy{padding:15% 15% 0 15%; text-align:left; font-weight:bold; font-size:1.4em; color:#000;}
.menu_list .line{margin:10px 15%; background:#000000; height:4px; width:2.5em}

.arebox{width:100%; background:#f5f5f5; padding:4.167em 0 7em; clear:both; text-align:center; font-size:1.3em; line-height:1.6em;}
.arebox .copy{text-align:center; font-weight:700; font-size:1.6em; color:#000; line-height:1.8em; text-transform:uppercase; letter-spacing:1px;}
.arebox .line{margin:15px auto 20px; background:#000000; height:2px; width:2.5em}

.arebox .are_iconBox{margin:50px auto 0; width:70%;}
.arebox .are_iconBox ul{margin:0 auto}
.arebox .are_iconBox ul li{float:left; width:25%; font-size:0.9em; line-height:1.6em;}
.arebox .are_iconBox ul li img{width:5em; height:5em; display:block; margin:0 auto}
.arebox .are_iconBox ul li p{font-weight:700; font-size:1.3em; color:#000; margin:20px 0; text-transform:uppercase}

.middle_banner{width:100%; text-align:center; background:url(../images/main/main_banner5.gif) no-repeat center center; background-size:100% 100%; height:300px;}
.middle_banner .title1{font-size:22px; line-height:30px; letter-spacing:13px; color:#fff; font-weight:bold; padding-top:115px; text-align:center; text-transform:uppercase; margin-bottom:13px;}
.middle_banner .title2{ font-size:18px; line-height:22px; color:#fff;}
.middle_banner img{display:block; width:100%;}

.ourworks{width:100%; text-align:center;}
.ourworks:after {display:block;visibility:hidden;clear:both;content:""}
.ourworks .copy{text-align:center;font-weight:700; font-size:1.6em; color:#000; line-height:1.8em; text-transform:uppercase; letter-spacing:1px; margin-top:50px; clear:both}
.ourworks .line{margin:10px auto 50px; background:#000000; height:2px; width:2.5em}
.ourworks .ourworks_list{width:100%; padding:0; margin:0 auto; font-size:0; line-height:0; *position:relative;}
.ourworks .ourworks_list li{position:relative; float:left; width:20%; *width:19.98%;}
.ourworks .ourworks_list li img{display:block; width:100%;}
.ourworks .ourworks_list div.gallery_over {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/sub/gallery_over_bg.png") repeat;}
.ourworks .ourworks_list div.gallery_over div {position:absolute; left:0; top:50%; margin-top:-25px; width:100%; text-align:center;}
.ourworks .ourworks_list div.gallery_over div h2 {height:30px; line-height:30px; font-size:24px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px;}
.ourworks .ourworks_list div.gallery_over div p {padding-top:15px;}
.ourworks .ourworks_list div.gallery_over div p img {width:120px; margin:0 auto;}
.ourworks .ourworks_list li:hover div.gallery_over {opacity:1;}

.ourworks .ourworks_iconBox{margin:50px auto 0; width:70%;}
.ourworks .ourworks_iconBox ul{margin:0 auto}
.ourworks .ourworks_iconBox ul li{float:left; width:33.33%; font-size:1.1em; line-height:1.6em; padding-bottom:50px;}
.ourworks .ourworks_iconBox ul li img{width:5em; height:5em; display:block; margin:0 auto 20px}

.menu_list1 .redbox a br{display:none}
img.mobile,.mobile,#layer,.main_banner4_info_m,.start-page .title2 br{display:none;}




@media (max-width:1450px){
.menu_list1{clear:both; padding-left:50%; background:url(../images/main/main_banner1.gif) no-repeat left top; text-align:left; background-size:50% 100%;}

.menu_list1 .whitebox a{color:#fff; font-weight:bold; font-size:1.6em; text-decoration:none; color:#000; letter-spacing:0.8em; text-transform:uppercase; line-height:2em;}
.menu_list1 .redbox a br{display:block}
.menu_list ul li.fl{float:none; width:100%;}
.menu_list ul li.fr{float:none; width:100%;}

.main_banner4_info{display:none;}

.main_banner4_info_m{font-size:1.2em; line-height:1.6em; text-align:left; color:#000000; margin-top:1.4em; letter-spacing:-0.04em; margin-left:15%; display:block}
.main_banner4_info_m p{font-size:2.4em; font-weight:normal; line-height:1.6em;}
.main_banner4_info_m p span{font-weight:bold;}
.main_banner4_info_m a{border:2px solid #000; height:2.5em; width:40%; border-radius:3px; line-height:2.5em; display:block; color:#000; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; margin:12% 0 0}

.arebox .are_iconBox{margin:50px auto 0; width:94%;}
.arebox .are_iconBox ul{margin:0 auto}
.arebox .are_iconBox ul li{float:left; width:25%; font-size:0.7em; line-height:1.6em;}
.arebox .are_iconBox ul li img{width:4em; height:4em; display:block; margin:0 auto}
.arebox .are_iconBox ul li p{ font-weight:700; font-size:1.4em; color:#000; margin:20px 0; text-transform:uppercase}

.ourworks .ourworks_iconBox{margin:50px auto 0; width:95%;}
.ourworks .copy{text-align:center; font-weight:700; font-size:2em; color:#000; line-height:1.8em; text-transform:uppercase; letter-spacing:1px; margin-top:50px; clear:both}

.list_banner li{clear:both; display:block; width:100%;}
.list_banner li.gallery1 .info_fr{clear:both; background:url(../images/main/main_gallery1m.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery2 .info_fr{clear:both; background:url(../images/main/main_gallery2m.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery3 .info_fr{clear:both; background:url(../images/main/main_gallery3m.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery4 .info_fr{clear:both; background:url(../images/main/main_gallery4m.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery .info_fr{text-align:left; padding-left:54%; min-height:12em; cursor:pointer}
.list_banner li .info_fr a{display:block; width:100%; text-decoration:none; padding:1.8% 0; font-size:1.1em; color:#727272; line-height:1.3em; }
.list_banner li .info_fr p{font-weight:bold; font-size:2.2em; line-height:1.6em; color:#fff;}
.list_banner li .info_fr span{display:block; text-align:left; margin-top:1em;}

.list_banner li.gallery .on a{color:#fff;}
.list_banner li.gallery1 .on{clear:both; background:url(../images/main/main_gallery1m_on.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery2 .on{clear:both; background:url(../images/main/main_gallery2m_on.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery3 .on{clear:both; background:url(../images/main/main_gallery3m_on.gif) no-repeat left top; background-size:100% 100%;}
.list_banner li.gallery4 .on{clear:both; background:url(../images/main/main_gallery4m_on.gif) no-repeat left top; background-size:100% 100%;}

.menu_list .copy{padding:15% 15% 0 15%; text-align:left; font-weight:bold; font-size:1.4em; color:#000;}
.menu_list .line{margin:10px 15%; background:#000000; height:4px; width:2.5em}
}




/**********서브디자인***********/
#content_sub {padding-top:98px; padding-bottom:80px;}
#content_sub div.subtit_img {background:url("../images/sub/subtit_img.jpg") no-repeat left top; height:290px; width:100%;}
#content_sub div.subtit_img span {display:inline-block; padding:100px 0 0 130px; font-size:40px; font-weight:600; letter-spacing:-1.5px;}
#content_sub ul.submenu {text-align:center; height:79px; line-height:79px; border-bottom:1px solid #eeeeee;}
#content_sub ul.submenu li {display:inline-block; padding:0 15px;}
#content_sub ul.submenu li a {font-size:13px; color:#888888; font-weight:600;}
#content_sub ul.submenu li a.on {color:#000000; font-weight:bold; text-decoration:underline;}


div.sub_about {position:relative; text-align:center; font-size:14px; color:#666666; font-weight:100;}
div.sub_about .about_text {background:url("../images/sub/about_text_bg.gif") no-repeat; height:400px;}
div.sub_about .about_text h5 {padding-top:65px;}
div.sub_about .about_text h2 {font-size:50px; color:#000000; font-weight:100; padding-bottom:20px;}
div.sub_about .about_text p {line-height:26px;}
div.sub_about .about_text p span {font-weight:600;}
div.sub_about .about_grey {background-color:#f5f5f5; padding-top:100px;}
div.sub_about .about_grey h5 {}
div.sub_about .about_grey h2 {font-size:40px; color:#000000; font-weight:100; padding-bottom:50px;}
div.sub_about .about_grey h2 span {font-size:46px; font-weight:bold;}
div.sub_about .about_grey ul {text-align:left; padding:0 10% 3% 10%;}
div.sub_about .about_grey ul:after {clear:both; content:""; display:block;}
div.sub_about .about_grey ul li {float:left; width:40%; min-height:60px; margin:0 5% 60px 5%;}
div.sub_about .about_grey ul li.icon1 {background:url("../images/sub/about_icon1.gif") no-repeat left center;}
div.sub_about .about_grey ul li.icon2 {background:url("../images/sub/about_icon2.gif") no-repeat left center;}
div.sub_about .about_grey ul li.icon3 {background:url("../images/sub/about_icon3.gif") no-repeat left center;}
div.sub_about .about_grey ul li.icon4 {background:url("../images/sub/about_icon4.gif") no-repeat left center;}
div.sub_about .about_grey ul li h4 {font-size:20px; color:#000; font-weight:100; padding-left:75px; text-transform:uppercase;}
div.sub_about .about_grey ul li h4 span {font-weight:bold;}
div.sub_about .about_grey ul li p {font-size:14px; color:#000; line-height:24px; font-weight:100; padding-left:75px; line-height:20px;}
div.sub_about .about_house {position:absolute; left:50%; top:304px; margin-left:-102px;}
div.sub_about ul.about_img {}
div.sub_about ul.about_img:after {clear:both; content:""; display:block;}
div.sub_about ul.about_img li {float:left; width:50%;}

div.sub_location {}
div.sub_location .location_map {height:530px; width:100%; margin-bottom:40px;}
div.sub_location .location_info {background:url("../images/common/top_logo.gif") no-repeat 40px top; padding-left:120px; padding-bottom:60px;}
div.sub_location .location_info h2 {font-size:14px; color:#000000; font-weight:600; padding-top:10px;}
div.sub_location .location_info p {font-size:12px; color:#666666; font-weight:100; padding-bottom:30px; line-height:20px;}

div.sub_history {text-align:center; background:url("../images/sub/history_bg.gif") repeat;}
div.sub_history h5 {font-size:14px; color:#666666; font-weight:100; padding-top:60px;}
div.sub_history h2 {font-size:40px; color:#000000; font-weight:100;}
div.sub_history h3 {padding:50px 0 80px 0;}
div.sub_history h4 {padding:50px 0 0px 0;}


#content_sub .sub_cont {padding:40px; max-width:1200px; margin:0 auto;}




/**********공통사용게시판***********/

table.board_write {border-top:1px solid #333; border-bottom:1px solid #bbbbbb; font-size:13px; text-align:left; margin-bottom:30px;}
table.board_write tr {border-bottom:1px solid #ddd;}
table.board_write tr:last-child {border:none;}
table.board_write th {color:#444444; font-weight:600; min-width:160px; font-size:14px; padding:10px 25px; background-color:#fafafa; width:110px;}
table.board_write td {color:#888888; font-weight:100; padding:10px 20px;}
table.board_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}
table.board_write td input[type=text], table.board_write td input[type=password]{min-width:240px; padding:0 10px; height:28px; border:1px solid #ddd;}
table.board_write td input.tel {min-width:50px;}
table.board_write td textarea {min-width:96%; padding:2%; height:200px; border:1px solid #d3d3d3;}

.btn_right {position:absolute; bottom:40px; right:40px;}
.btn_center {text-align:center;}
.btn_center a {margin:0 2px;}
.btn {display:inline-block; font-size:15px; color:#ffffff; font-weight:600; width:120px; height:40px; line-height:40px; text-align:center;}
.gray {background-color:#999; border:1px solid #999;}
.orange {background-color:#222; border:1px solid #222;}
.btn_center input {margin-top:-5px;}
span.join_btn {display:inline-block; margin-left:5px; width:110px; height:28px; text-align:center; line-height:26px; font-size:13px; color:#ffffff; font-weight:600; background-color:#aaaaaa; border:1px solid #999999;}

.counseling {padding:40px; max-width:1200px; margin:0 auto;}


/**********게시판css***********/
.sub_board {position:relative; padding:40px; max-width:1200px; margin:0 auto;}
.board_search {background-color:#f4f4f2; padding:20px; text-align:right; margin-bottom:30px; font-size:13px;}
.board_search select {border:1px solid #ddd; height:34px; min-width:130px; padding:0 0 0 5px; color:#666;}
.board_search input.input_text {border:1px solid #ddd; height:32px; min-width:200px; padding:0 5px; color:#666;}
.sub_board table.board_list {margin-bottom:30px; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #bbb;}
.sub_board table.board_list tr {}
.sub_board table.board_list th {text-align:center; font-size:14px; color:#222; font-weight:600; padding:15px 0; border-bottom:1px solid #333;}
.sub_board table.board_list td {text-align:center; font-size:13px; color:#666666; font-weight:100; line-height:50px; padding:0 20px; border-bottom:1px solid #ddd;}
.sub_board table.board_list td.left {text-align:left;}
.sub_board table.board_list tr:last-child td {border:none;}
.paging {text-align:center; height:42px;}
.paging a {display:inline-block; font-size:13px; color:#666666; font-weight:100;}
.paging a img {margin-top:-3px;}
.paging span {display:inline-block; margin:0 20px; height:34px; line-height:34px;}
.paging span a {border:1px solid #d9d9d9; border-right:none; width:35px;}
.paging span a:last-child { border-right:1px solid #d9d9d9;}
.paging span a.selected {font-weight:600; border-bottom:2px solid #222222; height:33px;}

.sub_board h2.btn_writing {position:absolute; right:0; bottom:0}

.sub_board .board_view {margin-bottom:30px; border-top:1px solid #333333; border-bottom:1px solid #bbbbbb; text-align:left;}
.sub_board .board_view div.view_tit {height:20px; line-height:20px; padding:17px 30px; border-bottom:1px solid #333333;}
.sub_board .board_view div.view_tit h2 {float:left; width:85%; font-size:17px; color:#222222; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board .board_view div.view_tit p {float:right; width:15%; font-size:13px; color:#666666; text-align:right;}
.sub_board .board_view div.view_cont {padding:30px; font-size:13px; line-height:25px; min-height:300px;}
.sub_board .board_view h4 {border-top:1px solid #ddd; padding:17px 30px; font-size:13px; color:#666666;}
.sub_board .board_view h4 span {display:inline-block; color:#444; font-weight:600; padding-right:15px; margin-right:15px; background:url("../images/sub/view_line.gif") no-repeat right center;}
.sub_board .view_btn {height:40px;}
.sub_board .view_btn h2 {float:left;}
.sub_board .view_btn p {float:right;}


.sub_board_gallery {position:relative; padding:40px;}
.sub_board_gallery ul.gallery_list {text-align:left; padding-bottom:30px;}
.sub_board_gallery ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board_gallery ul.gallery_list li {position:relative; float:left; width:20%;}
.sub_board_gallery ul.gallery_list li.mrnone {margin-right:0;}
.sub_board_gallery ul.gallery_list li h3 {}
.sub_board_gallery ul.gallery_list li h3 img {width:100%;}
.sub_board_gallery ul.gallery_list li div.gallery_over {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/sub/gallery_over_bg.png") repeat;}
.sub_board_gallery ul.gallery_list li div.gallery_over div {position:absolute; left:0; top:50%; margin-top:-25px; width:100%; text-align:center;}
.sub_board_gallery ul.gallery_list li div.gallery_over div h2 {height:30px; line-height:30px; font-size:24px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px;}
.sub_board_gallery ul.gallery_list li div.gallery_over div p {padding-top:15px;}
.sub_board_gallery ul.gallery_list li div.gallery_over div p img {width:120px; margin:0 auto;}
.sub_board_gallery ul.gallery_list li:hover div.gallery_over {opacity:1;}


.sub_board .comment {}
.sub_board .comment .comment_box {position:relative; border:1px solid #d3d3d3; padding:20px;}
.sub_board .comment .comment_box h2 {color:#555; padding-bottom:10px;}
.sub_board .comment .comment_box h2 span {padding-right:20px;}
.sub_board .comment .comment_box h2 span input {border:1px solid #d3d3d3; padding:5px;}
.sub_board .comment .comment_box textarea {border:1px solid #d3d3d3; width:87%; padding:5px; min-height:60px;}
.sub_board .comment .comment_box h3 {position:absolute; right:20px; bottom:20px; height:72px; text-align:center; width:130px; background-color:#222; line-height:72px;}
.sub_board .comment .comment_box h3 a {font-size:14px; color:#fff; font-weight:600; display:block;}
.sub_board .comment .comment_cont {position:relative;}
.sub_board .comment .comment_cont h2 {color:#888; border-bottom:1px solid #d3d3d3; padding:15px 0 7px 0;}
.sub_board .comment .comment_cont div.com_list {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .comment .comment_cont div.com_list h3 {color:#333; padding-bottom:3px;}
.sub_board .comment .comment_cont div.com_list div.com_view {color:#888;}
.sub_board .comment .comment_cont div.com_list div.com_btn {position:absolute; right:0; top:9px;}
.sub_board .comment .comment_cont div.com_list div.com_btn a { color:#666;}
.sub_board .comment .comment_cont div.com_list div.com_modify {position:relative;}
.sub_board .comment .comment_cont div.com_list div.com_modify textarea {width:90%; height:50px; border:1px solid #d3d3d3;}
.sub_board .comment .comment_cont div.com_list div.com_modify h4 {position:absolute; right:0; top:0; width:9%; height:52px; }
.sub_board .comment .comment_cont div.com_list div.com_modify h4 a {display:inline-block; width:100%; background-color:#aaa; color:#fff; text-align:center; height:52px; line-height:52px; font-size:14px; font-weight:500;}
.sub_board .comment .comment_cont span.board_line {background-color:#999; display:inline-block; height:9px; margin:0 8px; width:1px;}






/**********로그인***********/
.sub_login {max-width:1058px; margin:0 auto; /*border:20px solid #eee; outline:1px solid #ddd;*/}
.sub_login .login_box {width:420px; margin:0 auto; padding:80px 0;}
.sub_login .login_box h2 {padding-bottom:25px; text-align:center;}
.sub_login .login_box h3 {padding-bottom:12px;}
.sub_login .login_box h3 input {padding:0 20px; width:378px; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:600;}
.sub_login .login_box h4 {padding-top:10px;}
.sub_login .login_box ul {border-top:1px solid #cccccc; width:420px; margin-top:40px; text-align:center; height:20px; line-height:20px; padding-top:17px;}
.sub_login .login_box ul li {display:inline-block; padding:0 25px; background:url("../images/login/search_line.gif") no-repeat left center;}
.sub_login .login_box ul li a {color:#999999; font-size:14px; font-weight:600;}
.sub_login .login_box ul li.first {background:none;}





/**********로그인 팝업************/
#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:#222;}
#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.orange {background-color:#222; border:1px solid #222; color:#fff; font-weight:600;}




/**********회원가입***********/
.sub_agree {padding:40px; max-width:1200px; margin:0 auto;}
.sub_agree .agree_box {padding-bottom:20px; text-align:left;}
.sub_agree .line {margin-bottom:40px; padding-bottom:42px; border-bottom:2px solid #eeeeee;}
.sub_agree .agree_box h2 {font-size:18px; color:#222222; font-weight:600; padding-bottom:15px;}
.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:13px; color:#666666; width:96%; height:180px; font-weight:100; line-height:22px; padding:2%;}
.sub_agree .agree_box p {color:#333333; font-size:15px; padding-top:15px;}

h2.join_tit {font-size:18px; color:#222222; font-weight:600; text-align:left; padding-bottom:12px;}
h2.join_tit.pt20 {padding-top:20px;}
.sub_join {padding:40px; max-width:1200px; margin:0 auto;}
.sub_join table.board_write td input[type=text], .sub_join table.board_css td input[type=password] {min-width:240px;}
.sub_join table.captcha {}
.sub_join table.captcha th {text-align:center;}
.sub_join table.captcha td {line-height:50px;}

p.memberout {font-size:14px; color:#666; line-height:20px; padding-bottom:30px;}

.member_agree {font-size:14px; line-height:14px; padding:40px; max-width:1200px; margin:0 auto;}
.member_policy {font-size:14px; line-height:28px; padding:40px; max-width:1200px; margin:0 auto;}


/**********팝업***********/
.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;}






/* 190411 서브페이지 작업 */


.sub_wrap{padding:100px 0 200px;background: url("../images/sub/history_bg.gif") repeat;}
.sub_wrap .relative{position:relative;}
.sub_wrap .fl{float:left;}
.sub_wrap .fr{float:right;}
.sub_wrap .mt_50{margin-top:50px;}
.sub_wrap .w_set{width:860px;margin:0 auto;}
.sub_wrap h3{font-size:30px;color:#040000;line-height:30px;padding-left:24px;box-sizing:border-box;display:block;position:relative;margin:0 0 40px 0;font-weight:500;}
.sub_wrap h3:before{position:absolute;content:"";display:block;width:6px;height:20px;background:#1c76b6;left:0px;top:50%;margin-top:-10px;}

.sub_wrap .img_dl{position:relative;min-height:150px;display:table;width: 100%;}
.sub_wrap .img_dl dt,
.sub_wrap .img_dl dd{display:inline-block;vertical-align:middle;}
.sub_wrap .img_dl dt + dd{padding-left:90px;} 
.sub_wrap .img_dl dd + dt{position:absolute;right:0px;top:0px;} 
.sub_wrap .img_dl dd + dt img + img{padding-left:10px;}
.sub_wrap .img_dl dt{}
.sub_wrap .img_dl dt img{}
.sub_wrap .img_dl dd{display: table-cell;}
.sub_wrap .img_dl dd ul{}
.sub_wrap .img_dl dd ul li{font-size:14px;color:#568cc2;line-height:22px;position:relative;padding-left:30px;}
.sub_wrap .img_dl dd ul li:before{position:absolute;left:0px;top:50%;margin-top:-1px;width:4px;height:1px;background:#568cc2;content:"";display:block;}
.sub_wrap .img_dl dd ul.check li{color:#666;}
.sub_wrap .img_dl dd ul.check li:before{position:absolute;left:0px;top:50%;margin-top:-10px;width:20px;height:20px;background:url('../images/sub/sub3_check.png');content:"";display:block;}
.sub_wrap .img_dl dd ul.check li + li{margin:10px 0 0 0;}

.sub_wrap .img_dl + .img{margin:40px 0 0 0;}

.sub_wrap .img_dl + h3{margin:100px 0 0 0;}

.sub_wrap .img{overflow:hidden;}
.sub_wrap .img .fl{}
.sub_wrap .img .fl.w_150{width:150px;}
.sub_wrap .img .fl + .fr{}
.sub_wrap .img .fl img{}
.sub_wrap .img .fl img + img{}
.sub_wrap .img .fr img{}
.sub_wrap .img .fr img + img{}

.sub_wrap .img + h3{margin:100px 0 40px;}

.sub_wrap .table_area{padding: 30px 0px;width: 800px;margin: 20px auto 80px;background: #fff;}
.sub_wrap .table_area .custom_table{width:100%;}
.sub_wrap .table_area .custom_table.w_400{width:400px;}
.sub_wrap .table_area .custom_table.w_400 + img{position:Absolute;right:0px;top:60px;}
.sub_wrap .table_area .custom_table tr{}
.sub_wrap .table_area .custom_table tr th,
.sub_wrap .table_area .custom_table tr td{vertical-align:middle;font-size:14px;color:#666666;text-align:center;height:50px;line-height:50px;border-right:1px solid #dddddd;}
.sub_wrap .table_area .custom_table tr th{background:#333333;color:#fff;}
.sub_wrap .table_area .custom_table tr td{border:1px solid #dddddd;}
.sub_wrap .table_area .custom_table tr th:last-of-type,
.sub_wrap .table_area .custom_table tr td:last-of-type{border-right:0px;}
.sub_wrap .table_area .custom_table tr td .relative{text-align:left;padding:20px 0 20px 67px;line-height:20px;}
.sub_wrap .table_area .custom_table tr td .relative span{position:absolute;top:20px;left:25px;}
.sub_wrap .table_area .table_txt{margin:24px 0 0 0;}
.sub_wrap .table_area .table_txt ul{}
.sub_wrap .table_area .table_txt ul li{color:#666666;font-size:14px;margin-left:2px;padding-left:35px;position:relative;}
.sub_wrap .table_area .table_txt ul li + li{margin:9px 0 0 0;}
.sub_wrap .table_area .table_txt ul li:before{content:"";display:block;width:6px;height:6px;background:#666666;border-radius:100px;position:absolute;left:0px;top:50%;margin-top:-3px;}

.sub_wrap.sub_media .img{}
.sub_wrap.sub_media .img img{}
.sub_wrap.sub_media .img img + img{padding-left:23px;}

.sub_wrap .data_area{overflow:hidden;}
.sub_wrap .data_area .fl,
.sub_wrap .data_area .fr{width:395px;box-sizing:border-box;padding:34px 20px 40px;border:1px solid #dddddd;background:#fff;}
.sub_wrap .data_area .fl{}
.sub_wrap .data_area .fr{}

.sub_wrap .data_area b{text-align:center;display:block;font-size:14px;color:#666666;line-height:14px;margin:0 0 36px;}
.sub_wrap .data_area p{position:relative;margin:0 0 5px 0;}
.sub_wrap .data_area p span{position:absolute;right:0px;bottom:0px;}
.sub_wrap .data_area p, 
.sub_wrap .data_area p span{color:#666;font-size:12px;line-height:12px;}

.sub_wrap .data_area .custom_table2{}
.sub_wrap .data_area .custom_table2 tr{}
.sub_wrap .data_area .custom_table2 tr th,
.sub_wrap .data_area .custom_table2 tr td{vertical-align:middle;font-size:10px;color:#333333;text-align:center;height:50px;line-height:50px;border:1px solid #888888;}
.sub_wrap .data_area .custom_table2 tr th{background:#dddddd;color:#333333;font-size:12px;}
.sub_wrap .data_area .custom_table2 tr td{padding:0 7px;}
.sub_wrap .data_area .custom_table2 tr td.note{padding:11px 17px;text-align:left;line-height:20px;}
.sub_wrap .data_area .custom_table2 tr th:last-of-type,
.sub_wrap .data_area .custom_table2 tr td:last-of-type{}

.sub_wrap .data_area + h3{margin:100px 0 0 0;}


.sub_wrap.sub_app{}
.sub_wrap.sub_app .img_dl dd{width:50%;height: 440px;vertical-align: middle;}
.sub_wrap.sub_app .img_dl dd ul li{word-break:keep-all;}
.sub_wrap.sub_app .img_dl dd ul li b{font-weight:700;display:block;}

.sub_wrap.sub_app .img_dl dd ul li:before{margin-top:0;top:10px;}
.sub_wrap.sub_app .img_dl dd ul li + li{margin:10px 0 0 0;}

.sub_wrap.sub_app .img + h3{margin:100px 0 0;}

.sub_wrap.sub_app .img{padding:40px 0 ;}
.sub_wrap.sub_app .img img + img{padding-left:22px;}

.sub_wrap.sub_app .img span{display:inline-block;vertical-align:top;font-size:16px;color:#888;text-align:center;}
.sub_wrap.sub_app .img span + span{padding-left:22px;}
.sub_wrap.sub_app .img span img{display:block;margin:0 0 10px 0;}

.sub_wrap .prd_li{overflow:hidden;margin:0 0 60px;}
.sub_wrap .prd_li dl{float:left;padding:25px 20px;box-sizing:border-box;background:#fff;border:1px solid #dddddd;width:200px;height: 240px;}
.sub_wrap .prd_li dl + dl{margin-left:20px;}
.sub_wrap .prd_li dl dt{padding:0 0 20px;border-bottom:1px solid #dddddd;font-size:18px;color:#333333;line-height:20px;letter-spacing: -1px;font-weight:600;}
.sub_wrap .prd_li dl dd{}
.sub_wrap .prd_li dl dd ul{margin:16px 0 0 0;}
.sub_wrap .prd_li dl dd ul li{font-size: 15px;color:#333333;line-height:16px;position:relative;padding-left:10px;letter-spacing: -0.5px;font-weight:600;}
.sub_wrap .prd_li dl dd ul li:before{content:"";display:block;width:4px;height:1px;background:#333;position:absolute;left:0px;top:8px;}
.sub_wrap .prd_li dl dd ul li + li{margin: 14px 0 0 0;}

.sub_wrap .prd_img{overflow:hidden;}
.sub_wrap .prd_img ul{}
.sub_wrap .prd_img ul li{float:left;position:relative;}
.sub_wrap .prd_img ul li span{position:absolute;bottom:0px;left:0px;width:100%;display:block;text-align:center;font-size:20px;padding:0 0 19px;line-height:20px;color:#fff;}
.sub_wrap .prd_img ul li span b{font-weight:400;color:#333333;}

.sub_wrap.sub_prd{position:relative;}
.sub_wrap.sub_prd a{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:590;}
.sub_wrap.sub_prd .contact_btn{margin:50px auto 0;text-align:center;}
.sub_wrap.sub_prd .contact_btn span{width: 160px;height: 50px;text-align:center;background:#333;line-height: 51px;display:inline-block;color:#fff;font-size: 16px;font-weight: 600;}


.sub_wrap.sub_company{}
.sub_wrap.sub_company .custom_table{}
.sub_wrap.sub_company .custom_table tr th{border-bottom:1px solid #ccc;}
.sub_wrap.sub_company .custom_table + h4{margin:100px 0 0 0;}

.sub_wrap.sub_cer{}
.sub_wrap.sub_cer .img{}
.sub_wrap.sub_cer .img img + img{padding-left:23px;}