@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:100%; font-family: 'Nanum Gothic';opacity:1.0 !important;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;;font-size:1em;-webkit-appearance:none;}
button {cursor:pointer}
ul li{list-style:none;}
textarea, select {;font-size:1em;-webkit-appearance:none;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}


@font-face { /* 나눔고딕 Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

	 
.animate-box { opacity: 0;}


.mobile{display:none;}
.web{display:block;}
#loading { 
 width: 100%;  
 height: 100%;  
 top: 0px; 
 
 position: fixed;  
 display: block; 
 margin:0 auto;
 opacity: 1;  
 background-color: #fff;  
 z-index: 99999;  
 text-align: center; 
 -webkit-transition-delay:.3s;
	 -moz-transition-delay:.3s;}  
#loading span{position:relative;margin:0 auto;width:100%;overflow:hidden;text-align:center;}
#loading-image {
 position: relative;  
text-align:center;margin:0 auto; 
 z-index: 100;   margin-top:5%;} 

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

/* 상단 레이아웃 */
#hd {z-index:10;position:absolute;min-width:1242px;width:100%;margin:0 auto;text-align:center;}
#main_hd {z-index:10;position:absolute;min-width:1242px;width:100%;margin:0 auto;text-align:center;}

.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;width:100%;margin:0 auto;padding:20px 0 0 0;max-width:1500px;text-align:center;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0;margin-top:20px;}


.header {/*position: fixed; top: 0; left: 0; width: 100%; background: #cc5350;color:#fff; z-index: 1000; overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    text-align:center;
    line-height:160px;*/
	min-height: 200px;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.header.shrink {
	position: fixed !important; top: 0px; left: 0; 
    min-height: 130px;
	-webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
	background-color: rgba(0,0,0,0.5);
}


.header.shrink h1
{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 메인메뉴*/
#gnb {position:relative;margin:-1px 0 0;float:right;margin-top:30px;padding:0;z-index:90;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;box-sizing:border-box;position:relative;float:left;padding:0 30px;}
.gnb_1da {text-transform:uppercase;height:auto;z-index:90;display:block;padding:20px 0;margin:0 auto;text-align:center; color:#fff;font-size:15px;letter-spacing:1px;font-weight:bold;}
a:hover.gnb_1da{display:block;text-decoration:none;background:rgba(255,255,255,0.0);}
.gnb_1da:after{display:block;}
/*.gnb_1da:after {
	position:absolute;
	 bottom:-2px;
	 left:0%;
	 display:block;
	 text-decoration:none;
	 content:"";
	 width:100%;
	 margin:0 auto;
	 height:1px;
	 background-color:#fff;
	 transform:scale3d(0,1,1);
	 transform-origin:center center;
	 transition:transform .3s;
	 z-index:90

}
.gnb_1da:active,
.gnb_1da:hover:after {
	transform:scale3d(1,1,1);

}*/

.single-item img{max-width:100%;}

.gnb_1dli_over {display:block;}
.gnb_1dli_air .gnb_1da {display:block;color:#fff;}
.gnb_1dli_on .gnb_1da {display:block;color:#fff;}
.gnb_2dul {display:none;position:absolute;top:50px;width:100%;left:0;border:1px solid rgba(255,255,255,0.5);z-index:50;}
.gnb_2dli{display:block;}
.gnb_2da {display:block;padding:13px 10px;text-align:center;text-decoration:none;background:rgba(42,38,35,0.7) repeat;}
.gnb_1dli_air .gnb_2da {color:#fff;font-size:14px;}
.gnb_1dli_on .gnb_2da {color:#fff;font-size:14px;}
.gnb_2da:focus, .gnb_2da:hover {background:rgba(42,38,35,0.5);text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;}

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


/* 메인메뉴
#gnb {position:relative;margin:-1px 0 0;float:right;margin-top:30px;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:20px 40px 20px 40px;text-transform:uppercase;font-weight:bold;line-height:2.95em;text-decoration:none;text-align:center; color:#fff;font-size:14px;}
.gnb_1da:focus, .gnb_1da:hover {display:block;text-decoration:none}
.gnb_1dli_air .gnb_1da {display:block;color:#fff}
.gnb_1dli_on .gnb_1da {display:block;color:#fff}
.gnb_2dul {display:none;position:absolute;top:50px;width:100%;}
.gnb_2da {display:block;padding:13px 10px;text-align:center;text-decoration:none;background:rgba(42,38,35,0.7) repeat;}
.gnb_1dli_air .gnb_2da {color:#fff}
.gnb_1dli_on .gnb_2da {color:#fff}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;border-bottom:1px solid #fff;}
.gnb_1dli_over .gnb_2dul {display:block;left:0;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;}

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


.hidden { display:none; }
.openBtn{position:absolute;right:10px;top:0px;}
.closeBtn{position:absolute;right:20px;top:0px;z-index:90;cursor:pointer}

/* 모바일메뉴 */
#mo_gnb {position:relative;margin:-1px 0 0;margin-top:10px;width:100%;}
#mo_gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mo_gnb_1dul {margin:0 auto !important;padding-left:0;padding-right:0px;zoom:1;}
#mo_gnb_1dul > li:first-child{border-top:1px solid rgba(255,255,255,0.1);}
#mo_gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.mo_gnb_1dli {z-index:10;position:relative;display:block;width:100%;margin:0 auto;box-sizing:border-box;line-height:60px;text-transform:uppercase;}
.mo_gnb_1da {width:100%;display:block;color:#fff;font-weight:normal;box-sizing:border-box;font-size:16px;letter-spacing:0.1px;font-weight:bold;text-decoration:none;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);}
.mo_gnb_1da:focus, .mo_gnb_1da:hover {text-decoration:none;box-sizing:border-box; background-color:#222;border:none;
	 transition:width .45s;
	 -webkit-transition:width .45s;
	 -moz-transition:width .45s;}
.mo_gnb_1dli_air .mo_gnb_1da {color:#fff}
.mo_gnb_1dli_on .mo_gnb_1da {color:#fff}
.mo_gnb_2dul {display:block;position:relative;;width:100%;left:0;box-sizing:border-box;background-size:100% auto;border-bottom:1px solid rgba(255,255,255,0.1);}
.mo_gnb_2da {display:block;padding:3px 0px;text-align:center;text-decoration:none;box-sizing:border-box;line-height:30px;color:#999;font-size:12px;}
.mo_gnb_1dli_air .mo_gnb_2da {color:#fff;font-size:12px;}
.mo_gnb_1dli_on .mo_gnb_2da {color:#fff;font-size:12px;}
.mo_gnb_2da:focus, .mo_gnb_2da:hover {background:#222;text-decoration:none}
.mo_gnb_1dli_over .mo_gnb_2dul {display:block;left:0;}
.mo_gnb_1dli_over2 .mo_gnb_2dul {display:block;right:0;}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}
.asideUnfold{position:absolute;width:100%;height:100%;}
.mo_gnb_overlay{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.9);width:100%;height:100%;z-index:50;}

/* 메인 레이아웃 */
#main_wrap{position:relative;margin:0 auto;overflow:hidden;width:100%;background:#e6e7e8}
#wrap{background:#fff;position:relative;margin:0 auto;overflow:hidden;width:100%;}
#spot{position:relative;top:0;width:100%;overflow:hidden;height:1000px;background:url(../img/img_vis01.png) no-repeat center top;}
#sub_spot{position:relative;top:0;width:100%;overflow:hidden;height:480px;}

.overlay_main{position:absolute;width:100%;height:158px;bottom:0;z-index:2;}
.overlay{position:absolute;width:100%;height:158px;bottom:0;/*background:url(../img/bg_white_vis.png) no-repeat center top;*/}
.vistxt {position:relative;margin:0 auto;overflow:hidden;}
.vistxt span{position:absolute;z-index:10;width:100%;overflow:hidden;margin:0 auto;text-align:center;font-size:30px;color:#222;top:25%;}
.vistxt span img{position:relative;margin:0 auto;}
.vistxt span strong{display:block;font-size:50px;text-align:center;text-transform:uppercase;letter-spacing:-1px;}
.vistxt img{z-index:5;}
.porlist{display:block;width:100%;max-width:1500px;margin:0 auto;overflow:hidden;}
.main_por{position:relative;margin:0 auto;width:100%;text-align:center;margin-bottom:30px;}
.main_por h3{display:block;margin-bottom:80px}
.main_por i{display:block;margin:0 auto;margin-bottom:10px;}
.main_por h3 strong{display:block;margin:0 auto;font-size:35px;margin-bottom:30px;color:#222}
.main_por h3{font-size:19px;line-height:32px;color:#828282;letter-spacing:0.1px;font-weight:normal;}
.map{position:relative;width:100%;margin:0 auto;height:423px;z-index:1;}

.main_reserch{position:relative;margin:0 auto;width:100%;text-align:center;margin-bottom:100px;}
.main_reserch h3{display:block;margin-bottom:80px;font-size:35px;}
.main_reserch ul{padding:0;margin:0 auto;;max-width:1300px;overflow:hidden;}
.main_reserch ul li{float:left;width:24.00%;margin:0 0.5%;}
.main_reserch ul li p{display:block;font-size:15px;color:#888;text-align:left;padding:15px 0;border-bottom:2px solid #000;vertical-align:top;}
.main_reserch ul li img{max-width:100%;}
.main_reserch ul li p strong{font-size:18px;color:#000;display:block;margin-bottom:5px;}
.main_reserch ul li span{display:block;margin-top:15px;text-align:left;font-size:14px;color:#4d4d4d;line-height:170%;text-align:justify;}

.main_center{position:relative;width:100%;height:575px;background:#1c1c1c;z-index:10;}
.main_center .mcontact{width:50%;float:left;background:url(../img/bg_main_contact.png) no-repeat center top;min-height:575px;}
.main_center .mcontact div.mcen01{width:589px;float:right;padding:60px 40px;}
.main_center .mcontact div.mcen01 dl{position:relative;border:2px solid #d1d4d3;min-height:25px;padding:8px 10px 10px 10px;}
.main_center .mcontact div.mcen01 dl dt{float:left;width:20%;font-size:13px;font-weight:bold;color:#fff;line-height:25px;vertical-align:middle;}
.main_center .mcontact div.mcen01 dl dd{float:left;width:72%;margin-left:0;color:#fff;vertical-align:middle;}
.main_center .mcontact div.mcen01 dl dd.end{width:80%;}
.main_center .mcontact div.mcen01 dl dd div.callnum{float:left;width:20%;min-width:120px;}
.main_center .mcontact div.mcen01 dl dd span{position:absolute;right:10px;top:10px;color:#fff;font-weight:bold;font-size:12px;}
input.trainput{width:100%;height:25px;background-color:transparent;border-color:rgba(0,0,0,0.0);color:#fff;font-weight:bold;font-size:14px;line-height:20px;vertical-align:middle;}
input.trainput2{width:25%;height:25px;background-color:transparent;border-color:rgba(0,0,0,0.0);color:#fff;font-weight:bold;font-size:14px;line-height:20px;vertical-align:middle;}
.morder_btn{display:block;width:100%;background:#fff;margin:0 auto;text-align:center;padding:5px 0;}
.morder_btn img{margin:0 auto;max-width:100%;text-align:center;}
.main_center .mcenter{width:50%;float:left;max-height:575px;}
.main_center .mcenter div.mcen02{width:589px;float:left;padding:60px 20px;}
.main_center .mcenter div dl{width:100%;display:block;margin:0;padding:0;}
.main_center .mcenter div dl dt{display:block;font-size:16px;text-align:center;color:#fff;}
.main_center .mcenter div dl dd{display:block;font-size:16px;text-align:center;color:#fff;padding:0 0 30px 0;}
.main_center .mcontact div h3,
.main_center .mcenter div h3{text-align:center;display:block;color:#fff;font-size:30px;margin-bottom:60px;margin-top:20px;color:#fff;text-transform:uppercase;}






/* 서브상단 */
.motto{background:url(../img/sub_motto.png) no-repeat center top;}
.contact{background:url(../img/sub_contact.png) no-repeat center top;}
.about{background:url(../img/sub_about.png) no-repeat center top;}
.portfolio{background:url(../img/sub_portfolio.png) no-repeat center top;}
.inspiration{background:url(../img/sub_inspiration.png) no-repeat center top;}
.link{background:url(../img/sub_link.png) no-repeat center top;}
.subvis_txt{display:block;margin:0 auto;box-sizing:border-box;height:480px;}
.subvis_txt p{display:block;margin:0 auto;text-align:center;padding:220px 0 20px 0;width:300px;}
.subvis_txt p img{max-width:100%;}
.subvis_txt span{display:block;margin:0 auto;text-align:center;padding:10px 0 20px 0;color:#333;font-size:18px;}
.subvis_txt h3{text-align:center;display:block;overflow:hidden;font-size:30px;color:#fff;text-transform:uppercase;padding-top:240px;}
/* 중간 레이아웃 */
#main_wrapper {z-index:5;margin:0 auto;width:100%;zoom:1;position:relative;margin-top:60px;overflow:hidden;}
#wrapper {z-index:5;margin:0 auto;width:100%;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;margin:0 auto;padding:0px;min-width:1178px;min-height:500px;height:auto !important;height:500px;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#sub_container{z-index:4;position:relative;margin:0 auto;padding:0px;width:100%;min-width:1178px;min-height:500px;height:auto !important;height:500px;zoom:1;background:#e6e7e8}

/* 게시판 부분 */
.w40{width:20%;}


.prof_profile{display:block;margin:0 auto;text-align:center;padding:30px 0;}
.prof_profile p{display:block;margin:0 auto;margin-bottom:15px;}
.prof_profile h3{display:block;font-size:15px;color:#000;font-weight:normal;margin-bottom:10px;}
.prof_profile h3 strong{display:block;font-size:20px;}
.prof_profile span{display:block;margin:0 auto;font-size:20px;font-weight:bold;}

.prof_txt{display:block;margin:0 auto;text-align:center;max-width:1333px;border-top:1px solid #cdcdcd;padding:30px 0;overflow:hidden;}
.prof_txt dl{float:left;width:50%;margin:0;padding:0;}
.prof_txt dl dt{font-weight:bold;color:#000;display:block;margin-bottom:20px;font-size:13px;margin-bottom:10px;text-align:left;}
.prof_txt dl dd{font-weight:normal;color:#000;display:block;margin:0;margin-bottom:20px;font-size:13px;margin-bottom:20px;text-align:left;padding:0;line-height:160%;}

.prof_txt02{display:block;margin:0 auto;text-align:center;max-width:1333px;border-top:1px solid #cdcdcd;padding:30px 0;overflow:hidden;}
.prof_txt02 dl{margin:0;padding:0;width:100%;}
.prof_txt02 dl dt{font-weight:bold;color:#000;display:block;margin-bottom:20px;font-size:13px;margin-bottom:10px;text-align:left;}
.prof_txt02 dl dd{font-weight:normal;color:#000;display:block;margin:0;margin-bottom:20px;font-size:13px;margin-bottom:20px;text-align:left;padding:0;line-height:160%;}

.prof_t{display:block;margin:0 auto;text-align:center;max-width:1333px;border-top:1px solid #cdcdcd;padding:30px 0;overflow:hidden;font-size:13px !important;}
.prof_t h3{display:block;font-size:15px;color:#000;font-weight:bold;text-align:left;margin-bottom:10px;}
.prof_t ul {display:block;margin:0;padding:0;width:100%;overflow:hidden;}
.prof_t ul li{float:left;padding:10px 0;text-align:left;font-size:13px !important;}
.prof_t ul li.w10{width:10%;}
.prof_t ul li.w20{width:20%;}
.prof_t ul li.w35{width:35%;}
.prof_t ul li.w50{width:50%;}
.prof_t ul li.w55{width:55%;}
.prof_t ul li.w60{width:60%;}
.prof_t ul li.w70{width:70%;}

.prof_left{float:left;width:20%;max-width:217px;padding-top:43px;;}
.prof_left h2{font-weight:bold;color:#fff;text-align:center;padding:15px 0;background:#031533;font-size:23px;border-top-left-radius:20px;border-top-right-radius:20px}
.prof_left ul{padding:0;margin:0;}
.prof_left ul li{display:block;border-top:1px solid #031533;}
.prof_left ul li a{display:block;font-size:18px;color:#fff;text-align:center;display:block;padding:15px 0;background:#3a4157;}
.prof_left ul li a:hover,
.prof_left ul li a.on{background:#6e758b;}
.prof_left ul li a:hover{ 
		transition:background .3s;
	 -webkit-transition:background .3s;
	 -moz-transition:background .3s;}

.profall{position:relative;overflow:hidden;max-width:1333px;margin:0 auto;}
.profbox{float:right;max-width:1075px;overflow:hidden;padding-top:43px;width:80%;}
.prof_profile_box{display:block;overflow:hidden;margin:0 auto;text-align:center;padding:30px 0 0 0;}
.prof_profile_box p{float:left;margin-bottom:15px;}
.prof_profile_box > div{float:right;width:70%;margin-left:20px;text-align:left;}
.prof_profile_box > div h3{display:block;font-size:27px;color:#000;font-weight:normal;margin-bottom:30px;}
.prof_profile_box > div span{display:block;margin:0 auto;font-size:18px;font-weight:normal;font-size:16px;line-height:180%;width:100%;text-align:justify;}

.profbox01_txt{display:block;margin:0 auto;text-align:center;max-width:1333px;padding:30px 0 0 0;overflow:hidden;}
.profbox01_txt h3{display:block;border-top:2px solid #031533;border-bottom:1px solid #031533;font-size:25px;padding:25px 0;margin-bottom:25px;}
.profbox01_txt dl{display:block;width:100%;margin:0;padding:0;}
.profbox01_txt dl dt{font-weight:bold;color:#000;display:block;margin-bottom:20px;font-size:18px;margin-bottom:10px;text-align:left;}
.profbox01_txt dl dd{font-weight:normal;color:#000;display:block;margin:0;margin-bottom:20px;font-size:15px;margin-bottom:20px;text-align:left;padding:0;line-height:160%;}

.profbox01_txt ul {display:block;margin:0;padding:0;width:100%;overflow:hidden;}
.profbox01_txt li{float:left;padding:10px 0;text-align:left;font-size:14px !important;}
.profbox01_txt ul li.w10{width:10%;}
.profbox01_txt ul li.w20{width:20%;}
.profbox01_txt ul li.w35{width:35%;}
.profbox01_txt ul li.w50{width:50%;}
.profbox01_txt ul li.w55{width:55%;}
.profbox01_txt ul li.w60{width:60%;}
.profbox01_txt ul li.w70{width:70%;}

.linkbox{display:block;margin:0 auto;text-align:center;padding:60px 0;max-width:1333px;overflow:hidden;}
.linkbox .ml9{margin-left:9%;}
.linkbox_left{float:left;width:45%;}
.linkbox_left dl{display:block;margin:0;padding:0;background:url(../img/line_bk_repeat.png) repeat-x center top;margin-bottom:50px;}
.linkbox_left dl dt{background:url(../img/line_bk_first.png) no-repeat left top;font-weight:bold;color:#000;display:block;padding-top:30px;font-size:18px;margin-bottom:30px;text-align:left;}
.linkbox_left dl dd{font-weight:normal;color:#000;display:block;margin:0;margin-bottom:20px;font-size:16px;margin-bottom:20px;text-align:left;padding:0;line-height:160%;}
.linkbox_left dl dd span{display:block;margin-bottom:5px;}
.linkbox_left dl dd span a{color:#000;}
.linkbox_left dl dd span a:hover{color:#04279b;font-weight:bold;}
td.one{background:transparent;display:inline-block; text-align:center;width:100%;}
td.one p{display:inline-block; text-align:center;}


.abbox{display:block;margin:0 auto;text-align:center;width:100%;overflow:hidden;}
.ab01{display:block;margin:0 auto;text-align:center;background:#fff;padding:60px 0;}
.ab01 > div{display:block;margin:0 auto;max-width:1333px;overflow:hidden;}
.ab01 > div h3{display:block;text-align:left;font-size:25px;color:#000;margin-bottom:20px;overflow:hidden;}
.ab01 > div p{float:left;width:53%;text-align:left;}
.ab01 > div span{float:left;font-size:16px;line-height:190%;width:45%;text-align:justify;}

.ab02{display:block;margin:0 auto;text-align:center;padding:40px 0;max-width:1333px;overflow:hidden;}
.ab02 h3{display:block;text-align:left;font-size:25px;color:#000;margin-bottom:20px;overflow:hidden;border-bottom:1px solid #2a2623;padding-bottom:20px;}
.ab02 .abb{overflow:hidden;margin-top:20px;margin-bottom:40px;}
.ab02 .abb h4{display:block;text-align:left;overflow:hidden;margin-bottom:40px;font-size:15px;color:#888;}
.ab02 .abb h4 strong{display:block;color:#000;font-size:18px;margin-bottom:5px;}
.ab02 .abb ul {margin:0;padding:0;}
.ab02 .abb ul li:first-child{float:left;width:53%;text-align:left;padding:0;margin-left:0;}
.ab02 .abb ul li{float:left;font-size:16px;line-height:190%;width:45%;text-align:justify;}



/* 하단 레이아웃 */
#footer{position:relative;padding:40px 0 30px 0;background:#2f2f2f;width:100%;margin:0 auto;overflow:hidden;}
#footer .ft{position:relative;max-width:1242px;margin:0 auto;overflow:hidden;}
#footer .ft p{display:inline-block;color:#fff;text-transform:uppercase;font-weight:700;padding-bottom:25px;letter-spacing:0.1px;vertical-align:top}
#footer .ft ul{display:inline-block;padding:0;margin:0;margin-top:10px;}
#footer .ft ul li{display:block;padding:0 10px 0px 10px;font-size:13px;color:#fff;line-height:20px;font-weight:bold;}

#footer .ft ul li img{margin-left:10px;}
#footer .ft ul li:nth-child(4){padding-top:10px;}
#footer .ft span{float:right;right:0;font-size:11px;letter-spacing:1px;color:#fff;}
#footer .ft span a{display:inline-block;margin-left:30px;color:#fff;}
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

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

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

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

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

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

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

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

.btn_submit {padding:8px 15px 13px 15px;border:1px solid #0c5093;background:#0c5093;color:#fff;letter-spacing:-0.1em;cursor:pointer;vertical-align:top;}
.btn_submit2 {padding:20px 8px;border:0;background:#b5b5b5;color:#fff;letter-spacing:-0.1em;cursor:pointer;font-weight:bold;font-size:15px;}
input:hover.btn_submit2{background:#555;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

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

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

/* 게시판용 버튼 */
input.btn_b01,
a.btn_b01 {display:inline-block;padding:8px 15px 10px 15px;margin-right:4px;border:1px solid #7196dc;background:#b3c5e7;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:8px 15px 10px 15px;border:1px solid #0c5093;background:#064e94;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:none;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

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

/* about us */
.aboutwrap{position:relative;margin:0 auto;width:100%;background:#e6e7e8}
.aboutbox{display:block;width:100%;margin:0 auto;padding-top:100px;max-width:1041px;max-height:840px;;}
.aboutbox h3{display:block;text-align:center;font-size:26px;color:#222;padding-bottom:80px;letter-spacing:0.1px;background:url(../img/line_blue.png) no-repeat center bottom;
	text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2) ; 
	-webkit-text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2) ; 
	-moz-text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2) ; 
}
.aboutbox span{display:block;font-size:16px;letter-spacing:-0.1px;line-height:32px;color:#000;font-weight:normal;text-align:center;line-height:170%;margin:60px 0;}
.aboutbox span strong{font-weight:bold;letter-spacing:0.1px;}
.aboutbox span.marup{margin-top:85px;}
.aboutbox p{display:block;margin:0 auto;margin-top:40px;margin-bottom:150px;text-align:center;}
.aboutbox p img{display:block;margin:0 auto;margin-bottom:30px;}
.aboutbox p strong{display:block;text-align:center;font-size:19px;letter-spacing:-0.1px;line-height:32px;font-weight:normal;color:#848488;}

.featuer{position:relative;margin:0 auto;width:100%;text-align:center;;padding:90px 0 80px 0;border-top:1px solid #565656;max-width:1334px;}
.featuer h3{display:block;text-align:center;font-size:26px;color:#222;margin-bottom:80px;letter-spacing:0.1px;
	text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2) ; 
	-webkit-text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2) ; 
	-moz-text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.2) ; 
}
.featuer span{display:block;font-size:19px;background:url(../img/bg_blue.png) no-repeat center top;letter-spacing:-0.1px;width:100%;padding:32px 0;border-radius:5px;line-height:40px;color:#fff;font-weight:normal;text-align:center;line-height:170%;}
.featuer ul{display:block;padding:0;margin:0;width:633px;margin:0 auto;overflow:hidden;text-align:center;}
.featuer ul li{display:inline-block;background:#064e94;margin-left:-4px;vertical-align:top;width:289px;height:289px;line-height:32px;color:#fff;font-size:19px;letter-spacing:-0.1px;padding:55px 0 0px 0;box-sizing:border-box;margin-bottom:55px;}
.featuer ul li strong{display:block;font-size:26px;font-weight:bold;margin-bottom:20px;}
.featuer ul li:first-child{margin-right:55px;background:#b3c5e7;}
.featuer ul.fir{padding-top:60px;}
.featuer ul.fir li{background:#b3c5e7;}
.featuer ul.fir li:first-child{margin-right:55px;background:#064e94;}

.sugarman{display:block;width:100%;margin:0 auto;padding:100px 0;max-width:1041px;text-align:center;}
.sugarman h3{display:block;text-align:center;font-size:35px;color:#222;margin-bottom:25px;letter-spacing:0.1px;}
.sugarman span{display:block;font-size:19px;letter-spacing:-0.1px;line-height:32px;font-weight:normal;text-align:center;margin-bottom:100px;}
.sugarman ul{position:relative;padding:0;margin:0 auto;text-align:center;height:620px;}
.sugarman ul li img{display:block;margin:0 auto;margin-bottom:20px;}
.sugarman ul li {font-size:15px;color:#848488;letter-spacing:0.1px}
.sugarman ul li.su01{position:absolute;margin:0 auto;top:100px;text-align:center;width:100%;}
.sugarman ul li.su02{position:absolute;margin:0 auto;top:0px;left:0;text-align:center;}
.sugarman ul li.su03{position:absolute;margin:0 auto;top:0px;right:0;text-align:center;}
.sugarman ul li.su04{position:absolute;margin:0 auto;bottom:0px;left:0;text-align:center;}
.sugarman ul li.su05{position:absolute;margin:0 auto;bottom:0px;right:0;text-align:center;}

/* contact us */
.map{position:relative;width:100%;display:block;margin:0 auto;text-align:center;width:100%;overflow:hidden;height:750px;}
.map h3{font-size:25px;display:block;padding:50px 0 50px 0;color:#222;display:block;margin:0 auto;text-align:center;font-size:35px;}
.mapiframe{position:absolute;width:100%;z-index:1;}
.mapinfo{position:absolute;right:0;width:20%;background:rgba(0,0,0,0.7);color:#fff;height:750px;z-index:999;}
.mapinfo dl{display:block;text-align:left;;margin:0;padding:20px 0 20px 50px;}
.mapinfo dl:first-child{padding:150px 0 20px 50px;}
.mapinfo dl dt{font-weight:bold;font-size:25px;padding-bottom:5px;color:#fff;letter-spacing:-0.1px;text-transform:uppercase;margin-bottom:10px;}
.mapinfo dl dd{font-size:19px;padding:0;font-weight:normal;text-align:left;margin:0;color:#fff;}

.contac_box{display:block;background:#d5d5d5;width:100%;margin:0 auto;padding-bottom:100px;}
.contac_box h3{display:block;padding:100px 0 80px 0;text-align:center;margin:0 auto;text-align:center;font-size:35px;}
.contac_box ul{display:block;max-width:1100px;text-align:center;margin:0 auto;padding:0;}
.contac_box ul li{width:19%;display:inline-block;padding:0;margin:0;white-space:normal;white-space:normal;font-size:13px;}
.contac_box ul li a{color:#222}
.contac_box ul li a:hover{text-decoration:none;}
.contac_box ul li strong{display:block;padding-bottom:5px;font-size:18px;text-transform:uppercase;}
.contac_box ul li img{display:block;margin:0 auto;margin-bottom:20px;}

.contac_reser{display:block;margin:0 auto;max-width:800px;}
.contac_reser h3{display:block;padding:120px 0 80px 0;text-align:center;margin:0 auto;text-align:center;font-size:35px;}

.reser_tbox{display:block;margin:0 auto;max-width:650px;width:100%;margin-bottom:150px;}
.wr_content_con textarea{height:80px !important;border:1px solid #fff;width:98% !important;}
.reserform{width:100%;overflow:hidden;}
.reserform dl{display:block;border:0.0625rem solid #dbdbdb;border-radius:3px;padding:5px;min-height:60px;box-sizing:border-box;width:100%;}
.reserform dl:hover{border:0.0625rem solid #222;}
.reserform dl.end{min-height:120px;padding:10px 5px;}
.reserform dl dt{width:20%;float:left;padding:0;margin:0;line-height:50px;font-weight:normal;color:#252729;}
.reserform dl dd{width:80%;float:left;padding:0;margin:0;line-height:40px;}
 dl dd input{border:1px solid #fff;height:40px !important;width:80%;
	-webkit-appearance:none; }


/* 셀렉트 스타일 */
.style select {
width: 100%;
    height: 40px;
    padding-left: 5px;
    font-size: 15px;
    color:#000;
    border: 1px solid rgba(255,255,255, .0);
    border-radius: 3px;
  /* 네이티브 외형 감추기 */

	 appearance: none;
	-webkit-appearance: none;  
	-moz-appearance: none;
	-o-appearance: none;
	 /* 화살표 적용 */
 background:#fff url(../img/ic_selectdown.png) no-repeat 98% 15px;}
.style2 select {
width: 100%;
    height: 40px;
    padding-left: 5px;
    font-size: 15px;
    color:#000;
    border: 1px solid rgba(255,255,255, .0);
	transition:border-color 0.15s cubic-bezier(0.694, 0.0482, 0.335, 1), background-color 0.15s cubic-bezier(0.694, 0.0482, 0.335, 1), box-shadow 0.15s cubic-bezier(0.694, 0.0482, 0.335, 1)
    border-radius: 3px;
  /* 네이티브 외형 감추기 */

	 appearance: none;
	-webkit-appearance: none;  
	-moz-appearance: none;
	-o-appearance: none;
	 /* 화살표 적용 */
 }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}


.inspi_tbox{display:block;margin:0 auto;max-width:1100px;width:100%;margin-bottom:80px;margin-top:40px;}
.porlist_tbox{display:block;margin:0 auto;max-width:1500px;width:100%;padding-bottom:80px;padding-top:40px;}





/* 미디어쿼리 */

@media screen and (max-width: 1400px) {

#main_hd{min-width:1000px;width:100%;margin:0 auto;text-align:center;}
#hd_wrapper{min-width:1000px;width:95%;padding:20px 0;}
#hd {min-width:1000px;width:100%;margin:0 auto;}
#container{min-width:1000px;width:95%;}
#sub_container{min-width:1000px;width:100%;}
#gnb{margin-top:20px;}
#footer .ft{max-width:1000px;width:95%;}
.linkbox{max-width:1000px;}
.featuer{max-width:1000px;}
.featuer span{border-radius:5px;}
.prof_txt{max-width:1000px;}
.prof_txt02{max-width:1000px;}
.mapinfo dl{width:80%;}
.mapinfo dl dd{font-size:15px;}
.mapinfo dl dt{font-size:18px;}
.mapinfo dl dd br{display:none;}
.aboutbox{max-width:1000px;}
.porlist_tbox{max-width:1000px}



.ab01 > div{max-width:1000px;}
.ab01 > div h3{font-size:20px;}
.ab01 > div p img{max-width:100%;}
.ab01 > div span{font-size:15px;margin-left:20px;}

.ab02{max-width:1000px;}
.ab02 h3{font-size:20px}
.ab02 .abb h4 strong{color:#000;font-size:15px;}
.ab02 .abb ul {margin:0;padding:0;}
.ab02 .abb ul li img{max-width:100%;}
.ab02 .abb ul li{font-size:14px;margin-left:20px;width:43%;}

.grid figure{min-width:300px !important;}

}

@media screen and (max-width: 1200px) {

#main_hd{min-width:1000px;width:100%;margin:0 auto;}
#hd_wrapper{min-width:1000px;width:100%;padding:20px 0;}
#hd {min-width:1000px;width:100%;margin:0 auto;}
#container{min-width:1000px;width:100%;}
#sub_container{min-width:1000px;width:100%;}
#gnb{margin-top:20px;}
.gnb_1dli {padding:0 20px;}


}


@media screen and (max-width: 992px) {
	
#hd {max-width:600px;min-width:100%;}
#main_hd{max-width:600px;min-width:100%;}
#hd_wrapper{max-width:600px;padding:20px 0;min-width:100%;}
#container {max-width:600px;min-width:100%;}
.mobile{display:block;}
.web{display:none;}
#logo{margin-top:5px;padding-bottom:20px;margin-left:5px;}
#logo img{width:180px;}
#spot{height:500px;}

.vistxt span{font-size:16px;color:#222;top:15%;}
.vistxt span img{width:250px;}
.vistxt span strong{font-size:25px;}

.main_center{}
.main_center .mcontact{width:100%;}
.main_center .mcenter{width:100%;background:#111;}
.map{overflow:hidden;}

.motto{background-size:cover;}
.contact{background-size:cover;}
.about{background-size:cover;}
.portfolio{background-size:cover;}
.inspiration{background-size:cover;}
.link{background-size:cover;}

.linkbox_left{float:none;margin:0 auto;width:100%;max-width:800px;}
.linkbox .ml9{margin:0 auto;}
.main_por h3{width:80%;margin:0 auto;font-size:15px;margin-bottom:30px;line-height:150%;}
.main_por h3 strong{font-size:20px;}
.main_por h3 br{}
.main_center .mcontact div h3, .main_center .mcenter div h3{margin-bottom:30px;}
.main_center .mcontact div.mcen01 dl dd div.callnum{width:10%;}
.main_center .mcontact div.mcen01 dl{padding:5px;}

.main_center .mcontact div.mcen01{width:300px;float:none;padding:40px 0;margin:0 auto;text-align:center;}
.main_center .mcenter div.mcen02{width:300px;float:none;padding:40px 0;margin:0 auto;text-align:center;}
.main_center .mcontact div.mcen01 dl{border:none;margin-bottom:10px;}
.main_center .mcontact div.mcen01 dl dt{width:100%;text-align:left;font-size:12px;}
.main_center .mcontact div.mcen01 dl dd{width:100%;border:2px solid #d1d4d3}
.main_center .mcontact div.mcen01 dl dd.end{width:100%;}
.main_center .mcenter div dl dt{margin:0 auto;text-align:center;}
.main_center .mcenter div dl dd{margin:0 auto;text-align:center;font-size:13px;}

.morder_btn{display:block;padding:0;}

#sub_container{min-width:300px;min-height:500px;}
#sub_spot{height:350px;}
.subvis_txt h3{padding-top:160px;}
.subvis_txt{height:350px;}
.subvis_txt p{display:block;margin:0 auto;text-align:center;padding:150px 0 20px 0}
.subvis_txt p img{max-width:200px;}

.aboutbox{padding-top:30px;max-width:600px;min-height:400px;}
.aboutbox h3{font-size:25px;padding-bottom:30px;}

.aboutbox span{font-size:15px;max-width:600px;margin:0 auto;margin-top:30px;}
.aboutbox p strong{font-size:15px;max-width:600px;margin:0 auto;}
.aboutbox span strong{font-size:18px;}
.aboutbox p{margin-bottom:80px;}
.aboutbox p img{max-width:100%;}
.aboutbox span.marup{margin-top:80px;}
/*
.featuer dl{padding:0 ;margin:0;}
.featuer dl dt{display:block;}
.featuer dl dd{display:block;font-size:13px;color:#777;margin:0 auto;padding:15px 0;max-width:300px;}
.featuer dl dd strong{display:block;font-size:15px;color:#222;padding-bottom:10px;}
*/
.featuer{padding:40px 0;max-width:600px;}
.featuer h3{margin-bottom:40px;}
.featuer ul{margin:0 auto;width:600px;}
.featuer ul li{display:inline-block;margin:0 auto;text-align:center;margin-bottom:5px;width:250px;height:250px;padding-top:30px;}
.featuer ul.fir li{margin-bottom:10px;}
.featuer ul.fir li:first-child{display:inline-block;margin:0 auto;margin-right:0px !important;margin-bottom:10px;}
.featuer ul li:first-child{display:inline-block;margin:0 auto;margin-right:0 !important;margin-bottom:10px;}
.featuer ul li strong{font-size:18px;}
.featuer ul li{font-size:15px;line-height:160%;}
.featuer h3{font-size:25px;}
.featuer span{font-size:13px;}
.sugarman{padding-top:30px;max-width:300px;}
.sugarman h3{font-size:25px;}
.sugarman span{font-size:18px;margin:0 auto;margin-bottom:50px;color:#3a3a3a}
.sugarman br{display:none}

.sugarman ul{height:auto;}
.sugarman ul li img{display:block;margin:0 auto;margin-bottom:20px;}
.sugarman ul li {font-size:15px;color:#848488;padding-bottom:20px;}
.sugarman ul li.su01{position:relative;top:0px;overflow:hidden;}
.sugarman ul li.su01 img{width:225px;}
.sugarman ul li.su02{position:relative;top:0px;overflow:hidden;}
.sugarman ul li.su03{position:relative;top:0px;overflow:hidden;}
.sugarman ul li.su04{position:relative;top:0px;overflow:hidden;}
.sugarman ul li.su05{position:relative;top:0px;overflow:hidden;}
.map{overflow:auto;height:auto;}
.map h3{font-size:20px;padding-top:50px;}
.mapiframe{position:relative;height:400px;width:100%;float:none;display:block;overflow:hidden;}
.mapinfo{position:relative;background:#000;width:100%;float:none;display:block;overflow:hidden;height:350px}
.mapinfo dl:first-child{padding:50px 0 10px 5%;}
.mapinfo dl{padding:20px 0 20px 5%;}
.mapinfo dl dt{color:#fff;font-size:18px;}
.mapinfo dl dd{color:#fff;font-size:15px;}
.contac_box h3{padding:50px 0;font-size:20px;}
.contac_box ul li{height:auto;width:40.33%;margin:0 0px 30px 0px;font-size:13px;}
.contac_box ul li a{display:block;}
.contac_box{padding-bottom:50px;}
.reser_tbox{max-width:600px;}
.reserform dl dt{font-size:12px;width:18%;}
.reserform dl dd{}
.contac_reser h3{padding:50px 0;font-size:20px;}
.style select{font-size:12px;background-size:10px auto}
.reserform dl.end{min-height:220px;padding:10px 5px;}
.reserform dl.end dt{width:30%;}
.reserform dl.end dd{width:68%;line-height:18px;}
.porlist_tbox{width:90%;}
.inspi_tbox{width:90%;  margin-top: 0;}
.w40{width:40%;}
.tbl_frm01 th{font-size:13px;}
.btn_bo_adm{float:left !important;margin-top:4px !important;padding:0!important;}
.btn_bo_adm li{float:left;}
.btn_bo_adm li:nth-child(3){margin-left:0;}
.btn_bo_user {float:left !important;}
.btn_bo_user li:nth-child(1){margin-left:0!important;margin-top:5px }
#footer .ft{width:90%;min-width:300px;}
#footer .ft p{font-size:15px;margin:0 auto;text-align:center;}
#footer .ft ul li{padding-left:0;font-size:12px;padding-bottom:5px;}
.bo_v_nb{margin-bottom:5px !important;}
.bo_v_com{float:left !important;}
.bo_v_com li{margin-bottom:5px !important;margin-left:0 !important;}
.prof_txt{max-width:800px;}
.prof_txt02{max-width:800px;}
.prof_txt dl{width:100%;}
.prof_t{max-width:800px;border:none;}
.prof_t ul{border-bottom:1px solid #ccc;}
.prof_t ul li.w10{width:50%;}
.prof_t ul li.w20{width:50%;}
.prof_t ul li.w35{width:50%;}
.prof_t ul li.w55{width:100%;}
.prof_t ul li.w60{width:60%;}
.prof_t ul li.w50{}
.prof_t ul li.w70{width:50%;}
.profall{max-width:800px;}
.prof_left{float:none;display:block;overflow:hidden;width:100%;max-width:none;}
.prof_left ul li{float:left;width:33.33%;}
.prof_left ul li.aw50{float:left;width:50%;}
.profbox{float:none;display:block;padding-top:0;width:100%;}
.prof_profile_box p{float:none;display:block;}
.prof_profile_box div{float:none;display:block;width:100%;}
.profbox01_txt{}
.profbox01_txt dl{width:100%;}
.profbox01_txt ul.first{display:none;height:0;padding:0;}
.profbox01_txt ul{border-bottom:1px solid #ccc;}
.profbox01_txt ul li.w10{width:50%;}
.profbox01_txt ul li.w20{width:50%;}
.profbox01_txt ul li.w35{width:50%;}
.profbox01_txt ul li.w55{width:100%;}
.profbox01_txt ul li.w60{width:60%;}
.profbox01_txt ul li.w50{}
.profbox01_txt ul li.w70{width:50%;}

.ab01 > div{max-width:800px;}
.ab01 > div p{margin-left:0px;display:block;margin-bottom:15px;float:none;width:100%;}
.ab01 > div span{margin-left:0px;display:block;margin-bottom:15px;float:none;width:100%;}

.ab02{max-width:800px;}
.ab02 .abb ul li:first-child{margin-left:0px;display:block;margin-bottom:15px;float:none;width:100%;}
.ab02 .abb ul li{margin-left:0px;display:block;margin-bottom:15px;float:none;width:100%;}
.main_reserch h3{font-size:20px;}
.main_reserch ul li{width:48%;min-height:550px;max-width:300px;display:inline-block;margin:0 auto;margin-left:10px;float:none;vertical-align:top;}
.main_reserch ul li p strong{font-size:15px;}


}

@media screen and (max-width: 768px) {
	
#loading-image {width:300px;} 
#spot{background-size:auto 100%;}
.header.shrink {min-height:100px;}
.main_por{margin-bottom:0;}
.main_por h3 br{display:none;}
.aboutbox br{display:none;}
.prof_txt{max-width:600px;}
.profall{max-width:600px;}
.linkbox_left{max-width:600px;}
.prof_t{max-width:600px;}
.prof_t table{width:1000px;}
.prof_t table td{padding:3px 0}
.prof_t ul.first{display:none;height:0;padding:0;}
.prof_t ul li.w10{width:100%;}
.prof_t ul li.w20{width:100%;}
.prof_t ul li.w35{width:100%;}
.prof_t ul li.w50{width:100%}
.prof_t ul li.w70{width:100%;}

.profbox01_txt{max-width:600px;}
.profbox01_txt ul li.w10{width:100%;}
.profbox01_txt ul li.w20{width:100%;}
.profbox01_txt ul li.w35{width:100%;}
.profbox01_txt ul li.w50{width:100%}
.profbox01_txt ul li.w70{width:100%;}



.ab01 > div{max-width:600px;}

.ab02{max-width:600px;}



}



@media screen and (max-width: 480px) {
#hd {min-width:300px;}
#main_hd{min-width:300px;}
#hd_wrapper{min-width:300px;padding:20px 0;}
#container {min-width:300px;}
.aboutbox{max-width:300px;}
.aboutbox span{max-width:290px;margin-bottom:30px;}
.aboutbox p strong{max-width:250px;margin:0 auto;}
.aboutbox br{display:none;}
.featuer span{font-size:13px;}
.featuer span br{display:none;}
.featuer ul{margin:0 auto;width:250px;}
.featuer ul li{display:block}
.reser_tbox{max-width:300px;}
#loading-image {
 margin-top:30%;} 

.prof_txt{max-width:300px;}
.profall{max-width:300px;}


.prof_txt02{max-width:300px;}
.linkbox_left{max-width:300px;}
.linkbox_left span a{display:block;margin-bottom:10px;}
td.one p{float:none;display:block;text-align:center;margin-bottom:10px;padding-left:10px;font-size:13px;}
.prof_t{max-width:300px;font-size:13px;}
.prof_t table{width:1000px;font-size:13px !important;}
.prof_t table td{width:1000px;font-size:13px !important;}
.main_reserch ul li{width:98%;margin:0 auto;float:none;display:block;max-width:330px;margin-bottom:20px;}
.main_reserch ul li img{max-width:100%;}

.ab01 > div{max-width:300px;}
.ab01 > div span{font-size:13px;}

.ab02{max-width:300px;}
.ab02 .abb ul li{font-size:13px;}

.grid figure{max-width:300px !important;width:100%;}

}