@import url("common.css");

/*font-set*/
@charset "utf-8";



/*--------------------------------------------------------*/
				  /*--- intro ---*/
/*--------------------------------------------------------*/
.intro-wrap {min-width:1200px;background: url(../images/intro_bg.jpg) no-repeat 50% 50%;background-size: cover;}
.intro_area {max-width:1920px; margin:0 auto; position:relative;text-align:center;}
.intro_area .intro_left {float:left; width:50%; box-sizing:border-box; height:1020px; background:url(../images/intro_img1.png) no-repeat center bottom;}
.intro_area .intro_right {float:left; width:50%; box-sizing:border-box; height:1020px; background:url(../images/intro_img2.png) no-repeat center bottom;}
.intro_area:after {clear:both; display:block; content:"";}
.intro_area .line {position:absolute; left:50%; top:0; width:0; height:1020px; border-left:1px solid #ccc;}
.intro_area .intro_icon {position:absolute; left:50%; top:448px; margin-left:-92px;}
.intro_area .logo_img {padding-top:61px; margin-bottom:56px;}
.intro_area .txt1 {font-size:50px; color:#806f68; font-weight:300; letter-spacing:-3px;}
.intro_area .txt1 b {font-weight:600; color:#806f68;}
.intro_area .txt2 {font-size:18px; line-height:25px; color:#333; font-weight:300; padding-top:20px; margin-bottom:30px;}
.intro_area .btn_h {display:inline-block; vertical-align:top; width:200px; height:40px; background:#666; line-height:38px; font-size:16px; color:#fff;}
.intro_area .btn_h:hover {opacity:.8;}
.intro-wrap .footer {text-align:center; height:59px; line-height:57px; border-top:1px solid #e5e5e5; background:#fff; font-size:14px; color:#333;}


/*--------------------------------------------------------*/
				  /*--- layout ---*/
/*--------------------------------------------------------*/
.wrap {min-width:640px; margin:0 auto; position:relative; padding-top:80px;}
.top_area {position:fixed; left:0; top:0; width:100%; height:80px; background:#fff; z-index:110;border-bottom:1px solid #e5e5e5;}
.top_menu {position:relative; }
.top_menu .logo {position:absolute; left:0; top:0;}

.top_menu .m {width:500px;height: 100%;background: #fff;position: fixed;top: 0;bottom: 0;z-index: 999;overflow: hidden;overflow-y: auto; left:-100%;
-webkit-overflow-scrolling: touch;
transition: left 200ms ease-in-out;
-o-transition: left 200ms ease-in-out;
-ms-transition: left 200ms ease-in-out;
-moz-transition: left 200ms ease-in-out;
-webkit-transition: left 200ms ease-in-out;
}

.top_menu .m .m_tit {height: 80px;background: #333;position: relative;padding-left:20px; padding-top:24px;}
.top_menu .m .m_tit button {background:none; border:0; vertical-align:top;font-size:30px; color:#fff; font-family: 'Roboto';}
.top_menu .m .m_tit button img {vertical-align:top; margin-right:13px;}

.top_menu .m .con {position: relative;height: 100%;background: #fff;}
.top_menu .m ul {}
.top_menu .m ul li {position:relative;}
.top_menu .m ul li a.depth1 {display:block; font-family: 'Roboto';height:78px; background:#f8f8f8 url(../images/m_bg.png) no-repeat right bottom; font-size:28px; color:#333; font-weight:600; line-height:78px; padding-left:40px; border-bottom:1px solid #e5e5e5;}
.top_menu .m ul li.on a.depth1 {background:#f8f8f8 url(../images/m_bg.png) no-repeat right top;}
.top_menu .m ul li span {position:absolute; left:50%; bottom:-2px; width:100px; height:3px; background:#666; margin-left:-50px; display:none;z-index: 10;}
.top_menu .m ul li.on span, .top_menu .m ul li:hover span {display:block;}
.top_menu .m ul li:first-child a.depth1 {border-left:0;}
.top_menu .m ul li:last-child a.depth1 {border-right:0;}
.top_menu .m ul li .sub_m {background:#fff; box-sizing:border-box; height:0; overflow:hidden; padding:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_menu .m ul li:hover .sub_m {}
.top_menu .m ul li.on .sub_m {height:auto;}
.top_menu .m ul li .sub_m a {display:block; height:70px; line-height:70px; padding-left:40px; font-size:26px; color:#333;border-bottom:1px solid #e5e5e5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_menu .m ul li .sub_m a:hover {background:#f8f8f8;}
.top_menu .m .phone {padding:20px; border-bottom:1px solid #e5e5e5;background: #fff;}
.top_menu .m .phone a {display:block; height:80px; line-height:80px; text-align:center; background:#666; font-size:28px; color:#fff;}
.top_menu .m .phone a img {vertical-align:top; margin-top:22px; margin-right:12px;}
.m_menu {position:absolute; right:20px; top:24px; background:none; border:0;}



.top_menu .m .bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
display: none;
transition: left 200ms ease-in-out;
-o-transition: left 200ms ease-in-out;
-ms-transition: left 200ms ease-in-out;
-moz-transition: left 200ms ease-in-out;
-webkit-transition: left 200ms ease-in-out;
}

.top_menu.on .m {left:0;}
.top_menu.on .m .bg {display: block;}


/*--------------------------------------------------------*/
				  /*--- main ---*/
/*--------------------------------------------------------*/
.main_visual {opacity: 0;}
.main_visual li img {width:100%;}
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-wrapper {width:100%; margin:0 auto; position:relative;}
.main_visual .bx-pager {position:absolute; left:0; bottom:25px; width:100%; text-align:center;}
.main_visual .bx-pager .bx-pager-item {display:inline-block; vertical-align:top; margin:0 6px;}
.main_visual .bx-pager .bx-pager-item a {display:block; background:#fff; opacity:.0; filter:alphd(opacity=0); width:0px; height:0px; border-radius:0px; text-indent:-9999px;}
.main_visual .bx-pager .bx-pager-item a.active {opacity:1; filter:alphd(opacity=100);}
.main_visual .bx-wrapper ul li {position:relative;}

.main_txt1 {text-transform:uppercase; text-align:center; font-family: 'Roboto'; font-size:46px; font-weight:100; margin-bottom:105px; padding-top:98px;}
.main_txt1 a {display:inline-block; vertical-align:top; height:75px; overflow:hidden;}
.main_txt1 a:hover img {margin-top:-75px;}
.main_txt1 b {font-weight:600;}
.main_txt1 p {font-family:'Noto Sans KR'; font-size:24px; font-weight:300; padding-top:7px; margin-bottom:27px;}


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {display:none;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}


/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}


.main_list1 {height:500px; background:url(../images/gallery_bg.jpg) no-repeat center top; padding-top:68px; position:relative; margin-bottom:143px;}
.main_list1 .more {position:absolute; left:50%; bottom:-32px;margin-left: 205px; display:block; width:75px; height:75px; background:#ccc; border-radius:75px; text-align:center; line-height:75px; font-size:14px; color:#fff;font-family: 'Roboto';}
.main_list1 .more:hover {background:#333;}
.main_list1 ul {}
.main_list1 ul li {background:#fff; border:1px solid #e5e5e5;}
.main_list1 ul li:first-child {}
.main_list1 ul li .img {border-bottom:1px solid #e5e5e5;}
.main_list1 ul li .img img {width:100%;}
.main_list1 ul li .txt {height:78px; text-align:center;}
.main_list1 ul li .txt dl {display:table; width:100%; height:100%;}
.main_list1 ul li .txt dl dd {display:table-cell; vertical-align:middle; font-size:18px; line-height:21px; font-weight:400;}
.main_list1 ul li a {display:inline-block; vertical-align:top; width:90px; height:28px; background:#fbfbfb; line-height:28px; border:1px solid #ccc; font-size:13px; font-weight:300; cursor:pointer;}
.main_list1 ul li a:hover {background:#666; color:#fff;}
.main_list1 ul:after {clear:both; display:block; content:"";}



.pop1 {width:100%; height:340px; position:fixed; left:0; top:50%;  margin-top:-170px; z-index:200; display:none; padding:0 20px;}
.black {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.pop1 iframe {position:relative; width:100% !important;}

.main_box1 {position:relative; height:716px; background:url(../images/gallery_bg.jpg) no-repeat center top; box-sizing:border-box; padding-top:66px; width:1920px; margin:0 auto; overflow:hidden;}
.main_box1 .banner {position:relative;width:2440px;height:323px;overflow:hidden; margin-left:-256px;}
.main_box1 .banner .aligncenter {position:relative;width:2440px;;height:323px;overflow:hidden; margin:0 auto}
.main_box1 .banner button {position:absolute;top:16px;display:inline}
.main_box1 .banner button.btn_baner_01{left:0px;width:15px;height:21px}
.main_box1 .banner button.btn_baner_02{right:15px;width:15px;height:21px}
.main_box1 .banner button.btn_baner_03{right:15px;width:15px;height:21px}
.main_box1 .banner button.btn_baner_04{right:0px;width:15px;height:21px}
.main_box1 .banner .overhidden {position:absolute;width:2440px;left:0;top:0;height:323px;overflow:hidden}
.main_box1 .banner ul {position:absolute;top:0px;left:0px;height:40px;overflow-y:hidden}
.main_box1 .banner ul li {height:323px;width:380px;float:left;margin-right:32px;border:1px solid #e5e5e5; box-sizing:border-box; background:#fff; text-align:center;}
.main_box1 .banner ul li .img {width:378px;height:242px; border-bottom:1px solid #e5e5e5; position:relative;}
.main_box1 .banner ul li .img a {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.5); opacity:0; filter:alpha(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_box1 .banner ul li:hover .img a {opacity:1; filter:alpha(opacity=100);}
.main_box1 .banner ul li .img a img {margin-top:91px; vertical-align:top;}
.main_box1 .banner ul li span {display:block; height:78px; line-height:78px; font-size:18px; font-family: 'Roboto';}

.main_box2 {height:350px; box-sizing:border-box; text-align:center; position:relative;}
.main_box2 p {font-size:26px; line-height:36px; color:#fff; margin-bottom:24px;}
.main_box2 span {display:block; font-size:60px; color:#fff; font-family: 'Roboto'; letter-spacing:12px; margin-bottom:32px;}
.main_box2 a {display:inline-block; vertical-align:top; box-sizing:border-box; width:170px; height:45px; line-height:43px; border:1px solid #e5e5e5; background:rgba(0,0,0,.2); font-size:16px; color:#fff; font-family: 'Roboto';
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.main_box2 a:hover {background:#fff; border:1px solid #e5e5e5; color:#333;}

.bg1 {
background-image:url(../images/main_box2_bg.jpg);
			background-repeat: repeat;
			height:350px;
			width:100%;
			top: 0;
			left: 0;
			position: absolute;
			z-index:5;
			background-size: 100% auto;
			background-position: center top;
}

.bg2 {padding-top:68px;
			background-repeat: repeat;
			height:350px;
			width:100%;
			top: 0;
			left: 0;
			position: absolute;
			z-index:10;
}


.insta_area {text-align:center; padding-top:131px; padding-bottom:134px;}
.insta_area .list {margin-top:-1px; margin-left:-1px; padding-top:35px;width: 640px; margin:0 auto;}
.insta_area .list li {display:inline-block; vertical-align:top; margin-top:1px; margin-left:1px; position:relative;}
.insta_area .list li a {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.5); opacity:0; filter:alpha(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.insta_area .list li a img {margin-top:70px; vertical-align:top;}
.insta_area .list li:hover a {opacity:1; filter:alpha(opacity=100);}

.bottom_m {text-align:center; line-height:59px;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.bottom_m .area {position:relative; font-size:16px; color:#ccc;font-family: 'Roboto';}
.bottom_m .area .m {border-bottom:1px solid #e5e5e5;}
.bottom_m .area a {display:inline-block; vertical-align:top; height:55px; line-height:55px; color:#333; margin:0 22px; cursor:pointer;text-transform:uppercase;}




.footer {position:relative; box-sizing:border-box; padding-top:52px;padding-bottom:47px; text-align:center;}
.footer .f_logo {margin-bottom:30px;}
.footer .sns {margin-bottom:22px;}
.footer .sns a {display:inline-block; vertical-align:top; margin:0 9px;}
.footer p {font-size:18px; line-height:30px; margin-bottom:24px;font-family:'Nanum Gothic';}
.footer span {display:block; font-size:18px; color:#999;font-family:'Nanum Gothic';}



/*--------------------------------------------------------*/
				  /*--- sub ---*/
/*--------------------------------------------------------*/
.sub_contents {margin:0 auto; padding:0 20px; padding-bottom:119px;}


.paging{margin-top:-50px;text-align:center}
.paging a{display:inline-block;padding:0 5px;margin:0 5px;font-size:14px;line-height:28px;position:relative}
.paging a.on:before{content:"";display:block;height:1px;background:#949494;position:absolute;left:4px;right:4px;bottom:-1px}
.paging .prev{margin:0 10px 0 0;padding:0}
.paging .next{margin:0 0 0 10px;padding:0}
.paging .first,
.paging .end{margin:0;padding:0}

.bg-box{border:1px solid #e5e5e5;background:#f8f8f8}
.form-search{margin-top:57px;text-align:center;padding:34px 0}
.form-search .select{width:140px}
.form-search .select,
.form-search .inp-txt,
.form-search .btn{margin:0 1px}
.select {height: 40px;border: 1px solid #e5e5e5;vertical-align: middle;padding: 0 10px;outline: none;font-size: 15px;}
.inp-txt {height: 40px;border: 1px solid #e5e5e5;padding: 10px;line-height: 18px;font-size: 15px;color: #666;}
.btn.btn-lg2 {background: #666;border-color: #666;}
.btn.btn-sm {width: 140px;height: 40px;line-height: 38px;font-size: 15px;}
.form-search .select, .form-search .inp-txt, .form-search .btn {margin: 0 1px;}
.form-search .select, .form-search .inp-txt, .form-search .btn {margin: 0 1px;}


/* btn */
.btn {display:inline-block;width:140px;height:45px;line-height:43px;font-size:20px;color:#fff;text-align:center;cursor:pointer;vertical-align:middle}
.btn.btn-xsm{width:70px;height:30px;line-height:28px;font-size:20px}
.btn.btn-sm{width:140px;height:50px;line-height:50px;font-size:20px}
.btn.btn-lg{width: 200px;height: 60px;line-height: 58px;font-size: 22px;background: #666;border-color: #666;}
.btn.btn-default{color:#fff;background:#666}
.btn.btn-lighter{border:1px solid #999;background:#999}
.btn.btn-line{border:1px solid #e5e5e5;color:#666}
.btn.btn-success{border:1px solid #689658;background:#689658}
.btn.btn-cancel{width: 200px;height: 60px;line-height: 58px;font-size: 18px;border:1px solid #e5e5e5; font-size:22px;color:#333;}

.sub_top_tit {text-align:center; font-family: 'Roboto';font-size:30px; font-weight:600; height:58px; line-height:58px; border-bottom:1px solid #e5e5e5;}
.sub_top_menu {padding:20px; padding-bottom:0;}
.sub_top_menu select {width:100%; background:#f8f8f8 url(../images/select_bg.jpg) no-repeat right top; height:60px; border:1px solid #e5e5e5; font-size:24px; padding-left:18px;}
.sub_top_menu select::-ms-expand {display: none;}
.sub_top_menu select {-webkit-appearance: none;}
.sub_top_menu2 {background:#f8f8f8; height:60px; border:1px solid #e5e5e5; font-size:24px; padding-left:18px; margin:20px; margin-bottom:40px; line-height:60px;}


.gall_list_area {width:600px; margin:0 auto;}
.gall_list {margin-left:-20px; margin-top:-26px; padding-top:40px;}
.gall_list li {float:left; box-sizing:border-box; width:290px; height:250px; border:1px solid #fff;background:#f8f8f8; text-align:center; margin-left:20px; margin-top:26px;}
.gall_list li .img {position:relative;}
.gall_list li .img a {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; filter:alphd(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gall_list li:hover .img a {opacity:1; filter:alphd(opacity=100);}
.gall_list li .img a img {vertical-align:top; margin-top:91px;}
.gall_list li dl {height:78px; display:table; width:100%;}
.gall_list li dl dd {font-size:18px; font-family: 'Roboto'; display:table-cell; vertical-align:middle; line-height:24px;}
.gall_list:after {clear:both; display:block; content:"";}

.gall_tit {text-align:center; border:1px solid #e5e5e5;height:80px; line-height:78px; font-size:28px; margin-top:40px;}
.gall_tit2 {text-align:center; border:0px solid #e5e5e5;height:78px; line-height:30px; font-size:20px; margin-top:0px;}
.gall_view {text-align:center; padding-top:40px; padding-bottom:130px; border-bottom:1px solid #e5e5e5;}
.gall_view .img {margin-bottom:70px;}
.btn_area1 {text-align:center; padding-top:34px; margin-bottom:128px;}
.btn_area1 a {}
.btn1 {width:140px; height:45px; line-height:45px; background:#666; font-size:16px; color:#fff; display:inline-block; vertical-align:top; text-align:center;}

.sub_tit {font-size:40px; text-align:center; margin-bottom:50px;padding-top:40px;}
.sub_tit span {display:block; width:40px; height:3px; margin:0 auto; background:#333; margin-bottom:29px;}

.p_slide {position:relative; margin-bottom:75px;}
.p_slide .bx-controls-direction {display:none;}
.p_slide .bx-pager {position:absolute; left:0; bottom:19px; text-align:center; width:100%;}
.p_slide .bx-pager .bx-pager-item {display:inline-block; vertical-align:top; margin:0 6px;}
.p_slide .bx-pager .bx-pager-item a {width:12px; height:12px; border-radius:12px; display:block; overflow:hidden; text-indent:-9999px; background:rgba(255,255,255,.5);}
.p_slide .bx-pager .bx-pager-item a.active {background:rgba(255,255,255,1);}

.sub_tit2 {text-align:center; font-size:30px; margin-bottom:32px;}

.table1 {border-top:2px solid #ccc;}
.table1 thead th {height:59px; vertical-align:middle; text-align:center; background:#f7f7f7; border-bottom:1px solid #e5e5e5; font-size:20px; font-weight:400;border-left:1px solid #e5e5e5;}
.table1 thead th:first-child {border-left:0;}
.table1 tbody th, .table1 tbody td {vertical-align:middle; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; line-height:26px; font-size:20px; font-weight:300;}
.table1 tbody td input[type=checkbox] {width:20px; height:20px;}
.table1 tbody th {text-align:left; padding:20px 25px;}
.table1 tbody td {text-align:center;}
.table1 tbody tr td:first-child {border-left:0;}
.table1 tbody th b {font-weight:400;}
.table1 tbody th strong {font-size:24px; font-weight:400;}

.mab100 {margin-bottom:100px;}
.mab90 {margin-bottom:90px;}

.sub_txt1 {text-align:center; padding-top:17px; font-size:20px; line-height:30px;font-weight: 300;}

.img_box1 {text-align:center;}
.img_box2 {border:1px solid #e5e5e5; margin-bottom:34px;}
.img_box2 .img {position:relative;}
.img_box2 .img img {width:100%;}
.img_box2 .img span {display:block; position:absolute; left:0; top:0; width:117px; height:117px; background:url(../images/num.png) no-repeat; padding-left:14px; padding-top:17px; font-size:38px; color:#fff; font-weight:600;font-family: 'Roboto';}
.img_box2 b {display:block;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; padding:28px; padding-bottom:20px; font-size:36px; line-height:46px; font-weight:600;}
.img_box2 p {padding:27px 28px 33px 28px; font-size:24px; line-height:45px; font-weight:300;}

.mov_iframe {width:100% !important;}

.sub_txt2 {text-align:center; font-size:20px; line-height:36px; margin-bottom:43px;}
.mab23 {margin-bottom:23px;}

.btn_area2 {text-align:center;}
.btn2 {width:260px; height:60px; line-height:60px; background:#666; font-size:20px; color:#fff; display:inline-block; vertical-align:top; text-align:center;}

.table2 {border-top:2px solid #ccc;}
.table2 thead th {text-align:center; vertical-align:middle; height:59px;background:#f7f7f7; border-bottom:1px solid #e5e5e5; font-size:24px; font-weight:600;}
.table2 tbody td {text-align:center; vertical-align:middle; height:49px;border-bottom:1px solid #e5e5e5; font-size:20px; font-weight:300;}
.table2 thead th:first-child, .table2 tbody td:first-child {border-right:1px solid #e5e5e5;}

.mab68 {margin-bottom:0px;}

.sub_txt3 {text-align:center; font-size:18px; line-height:28px; font-weight:300;}
.sub_txt3 p {font-size:26px; line-height:40px; margin-bottom:42px;}
.sub_txt3 b {font-size:22px; font-weight:500;}

.sub_txt4 {text-align:center; font-size:20px; padding-top:28px; line-height:30px;}

.list-table {margin-top:40px;}
.list-table table{width:100%;border-collapse:collapse;border-top:2px solid #ccc;font-size:15px; box-sizing:border-box;}
.list-table th{height:59px;background:#f7f7f7;font-weight:normal;border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle;}
.list-table td{box-sizing:border-box;padding:14px 0;line-height:20px;border-bottom:1px solid #e5e5e5; vertical-align:middle;}
.list-table td.left{text-align:left}
.list-table td span.s1 {display:inline-block; width:100px; height:36px; line-height:36px; background:#999; font-size:15px; color:#fff; font-weight:300;}
.list-table td span.s2 {display:inline-block; width:100px; height:36px; line-height:36px; background:#6699cc; font-size:15px; color:#fff; font-weight:300;}
span.icon {display:inline-block; padding-left:7px;vertical-align: top;margin-top:9px;}
span.icon img {width:auto;}
span.icon img.ico1 {margin-right:10px;}
span.icon img.ico2 {margin-right:6px;}
span.icon img.ico3 {margin-right:10px;}

.form-list{border-top:2px solid #ccc;}
.form-list li{border-bottom:1px solid #e5e5e5}
.form-list a{display:block;padding:20px;font-size:20px;color:#333;}
.form-list .tit{display:inline-block;max-width:66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 36px;}
.form-list .tit span.s1 {width:90px; height:36px; background:#999; text-align:center; line-height:36px; display:inline-block; font-size:18px; color:#fff; margin-right:5px;}
.form-list .tit span.s2 {width:90px; height:36px; background:#6699cc; text-align:center; line-height:36px; display:inline-block; font-size:18px; color:#fff; margin-right:5px;}
.form-list .cmt{color:#e67c00;vertical-align:top}
.form-list .date{display:block;font-size:18px;margin-top:15px}
.form-list .bar{margin:0 6px}
.form-list .re {font-size:20px; color:#ff6600; display:inline-block; vertical-align:top;line-height: 36px;}


.bo_btn1 {text-align:right; padding-top:17px;}
.bo_btn1 a.btn1 {display:inline-block; vertical-align:top; width:140px; height:50px; text-align:center; line-height:50px; background:#666; font-size:20px; color:#fff;}

.form-view{text-align:center;}
.form-view .tit-area{text-align:left;position:relative}
.form-view .tit{border-top:2px solid #ccc;background:#f7f7f7; font-size:26px;color:#333;font-weight:normal;padding:17px 20px;line-height:28px;}
.form-view .date{font-size:20px;color:#666;display:block; height:49px; line-height:49px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:300; padding:0 20px;}
.form-view .date .bar{margin:0 12px}
.form-view .cont{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:20px;font-weight:300;line-height:34px;padding:60px 20px 70px 20px}
.form-view .img{margin-bottom:33px}

.form-comment{border:1px solid #e5e5e5;margin-top:26px;padding:24px 20px 50px 20px}
.form-comment .tit{display:inline-block;padding:0 6px;font-size:22px;color:#333;line-height:30px;font-weight:normal}
.form-comment .num{font-size:18px;line-height:30px; color:#666;}
.form-comment .form{margin-top:10px;padding-right:150px;position:relative}
.form-comment .form textarea.inp-txt{width:100%;height:140px}
.form-comment .form .btn{width:140px;height:140px;line-height:140px;position:absolute;right:0;top:0; color:#333; border:1px solid #e5e5e5; box-sizing:border-box; font-size:22px; font-weight:400;}
.form-comment .list{border-top:1px solid #e5e5e5;margin-top:43px}
.form-comment .list li{border-bottom:1px solid #e5e5e5;position:relative}
.form-comment .list .top{border-bottom:1px solid #e5e5e5;line-height:54px;position:relative; height:54px;}
.form-comment .list .name{display:inline-block;padding:0 6px;font-size:20px}
.form-comment .list .date{font-size:18px;color:#999}
.form-comment .list .util{font-size:20px;line-height:54px;position:absolute;right:0;top:0}
.form-comment .list .util a{padding:0 3px;margin:0 5px}
.form-comment .list .util a:hover{text-decoration:underline}
.form-comment .list .cont{min-height:75px;padding:25px 6px;font-size:20px;line-height:28px;position:relative; font-weight:300;}

.btn-list{padding:20px 12px 70px 12px;overflow:hidden}
.btn-list .left{float:left}
.btn-list .right{float:right}
.btn-list .btn{float:left}
.btn-list .left .btn{margin-right:5px}
.btn-list .right .btn{margin-left:5px}


.form-table table{width:100%;border-collapse:collapse;border-top:2px solid #ccc;font-size:20px;}
.form-table th{background:#f8f8f8;font-weight:normal;border-bottom:1px solid #e5e5e5;text-align: center; vertical-align: middle; height:59px; line-height:24px;}
.form-table td{padding: 12px 14px;border-bottom: 1px solid #e5e5e5;text-align: left;vertical-align: middle;}
.form-table td.txt {vertical-align:top; height:162px;}
.form-table .inp-txt{width:100%; height:40px;}
.form-table .wid-157p{width:157px}
.form-table .wid-235p{width:235px}
.form-table .wid-300p{width:300px}
.form-table .wid-120p{width:120px}
.form-table .wid-80p{width:80px}
.form-table .sb{margin:0 10px}
.form-table textarea.inp-txt{height:330px}
.form-table .btn-file{box-sizing:border-box;border:1px solid #e5e5e5;color:#666;margin-left:6px}

.hidden {overflow: hidden;position: absolute;width: 1px;height: 1px;}

.cluse-wrap .tit{padding:24px 4px 10px 4px;font-size:26px;line-height:22px;font-weight:normal}
.cluse-wrap .cluse{border:1px solid #e5e5e5;overflow-y:auto;font-size:20px;line-height:30px;padding:26px 20px; font-weight:300;}
.cluse-wrap .cluse.join{height:400px}
.cluse-agree{text-align:right;padding:18px 9px 46px 9px}
.cluse-agree label{font-size:20px;font-weight:300}
.cluse-wrap.form{padding-top:21px}
.cluse-wrap.form .cluse{height:200px}
.cluse-agree.form{padding-bottom:30px}


.sub_txt5 {font-size:18px; padding-top:19px;}
.checkbox{width:20px;height:20px;border:1px solid #e5e5e5;background:#fff;margin-right:4px;}
.inp-txt{height:50px;border:1px solid #e5e5e5;padding:10px;line-height:18px;font-size:18px;color:#666}
textarea.inp-txt{resize:none}
.select{height:50px;border:1px solid #e5e5e5;vertical-align:middle;padding:0 10px;outline:none;font-size:18px;}
.form-table td label {color: #666;font-weight: 300; font-size:16px;}

.mar13 {margin-right:13px;}

.form-table td span.t1 {display:inline-block; padding-left:11px; padding-right:20px; font-size:16px; color:#666; line-height:40px;}
.btn-set{margin:40px 0 70px 0;text-align:center}
.btn-set .btn{margin:0 4px}


.pw_tit {text-align:center; font-size:32px; margin-bottom:27px; padding-top:40px;}
.pw_box {text-align:center; background:#f8f8f8; box-sizing:border-box; border:1px solid #e5e5e5; height:220px; margin:0 auto; padding-top:54px;}
.pw_box p {font-size:20px; font-weight:400; margin-bottom:13px; line-height:28px;}
.pw_box input[type=password] {width:200px; height:40px; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff; padding-left:10px;font-size:18px; color:#999; font-weight:300;}

.sub_txt6 {text-align:center; font-size:20px; line-height:30px; padding-top:33px; padding-bottom:12px; border-bottom:1px solid #ccc;}
.sub_txt7 {text-align:center; font-size:32px; padding-top:43px; padding-bottom:16px; border-bottom:2px solid #ccc;}
.sub_txt8 {font-size:26px; line-height:67px;}

.borT1 {border-top:1px solid #e5e5e5 !important;}
.mab46 {margin-bottom:46px;}
.h136 {height:136px !important;}
.mab70 {margin-bottom:70px;}

.list_box1_area {width:600px; margin:0 auto;}
.list_box1 {margin-left:-20px; margin-top:-37px;}
.list_box1 li {float:left; width:290px; height:276px; border-bottom:1px solid #e5e5e5; margin-left:20px; margin-top:37px;}
.list_box1 li .img {border:1px solid #e5e5e5;}
.list_box1 li .t {text-align:center; padding-top:17px;}
.list_box1 li .t b {display:block; font-size:18px; font-weight:300;}
.list_box1 li .t p {padding-top:7px; font-size:28px; font-weight:400;}
.list_box1:after {clear:both; display:block; content:"";}

.root_daum_roughmap_landing {width:100% !important;}

.mab12 {margin-bottom:12px;}
.pop_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:200;display:none;}


#studioArea .studioItem {margin-top:60px;}
#studioArea .studioItem:first-child {margin-top:0;}