/* common */
@media screen and (max-width:752px){
.img_pc {display:none;}
.img_m {display:block}
}

/* SUB TOP IMAGE, TEXT */
.top_area {position:relative; background-color:#f5f5f5}
.top_area.type_bg .alpha_area {height:488px}
.top_inner, .center_inner, .contents_text .inner {max-width:1200px; margin:0 auto; padding:0 50px}

/* 아래 주석 부분은 이미지 최대 1920 해상도에서 최적의 상단 이미지를 보여준다 */ 
/* .top_area   {overflow:hidden; max-width:1920px; margin:0 auto}
.top_area.intro img {position:absolute; z-index:0; top:0; left:50%; width:1920px; margin-left:-960px; transform:matrix(1.1, 0, 0, 1.1, 0, 0);} */
.top_area.intro.on img {transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 2.0s ease; -moz-transition:all 2.0s ease; -ms-transition:all 2.0s ease; -o-transition:all 2.0s ease; transition:all 2.0s ease;}
*/

.top_area   {overflow:hidden; width:100%; max-width:100%; margin:0 auto}
.top_area.intro img {position:absolute; z-index:0; top:0; left:0; width:100%; margin-left:0px; transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
.top_area.intro.on img {transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 2.0s ease; -moz-transition:all 2.0s ease; -ms-transition:all 2.0s ease; -o-transition:all 2.0s ease; transition:all 2.0s ease;}
.top_area.intro .top_inner {position:relative; z-index:1}
.top_inner {position:relative; padding:178px 0 79px 0; }/*서브 이미지안 텍스트 위, 아래 패딩*/
.top_area.intro .top_inner {max-width:1200px;}
.top_inner h3 {font-family:Nanum Gothic, Dotum; font-size:40px; color:#555555; font-weight:700; text-align:right; padding-right:70px; margin-bottom:24px;}
.top_inner .sub-exp {font-family:Nanum Gothic, Dotum; font-size:15px; color:#7d7d7d; font-weight:700; text-align:right; padding-right:72px; line-height:22px; }

@media screen and (max-width:1050px){
.top_inner h3 {font-family:Nanum Gothic, Dotum; font-size:38px; color:#555555; font-weight:700; text-align:right; padding-right:50px; margin-bottom:20px;}
.top_inner .sub-exp {font-family:Nanum Gothic, Dotum; font-size:15px; color:#7d7d7d; font-weight:700; text-align:right; padding-right:52px; line-height:22px; }
}
@media screen and (max-width:992px){
.top_inner {position:relative; padding:100px 0 59px 0; }
.top_area.intro .top_inner {max-width:1200px;}
.top_inner h3 {font-family:Nanum Gothic, Dotum; font-size:38px; color:#555555; font-weight:700; text-align:right; padding-right:50px; margin-bottom:20px;}
.top_inner .sub-exp {font-family:Nanum Gothic, Dotum; font-size:15px; color:#7d7d7d; font-weight:700; text-align:right; padding-right:52px; line-height:22px; }
}
@media screen and (max-width:752px){
.top_area   { max-width:1800px; }
.top_area.intro img { width:1800px; margin-left:-900px;}
.top_inner {padding:80px 0 20px 0; border-bottom:0px solid #f00}
.top_inner h3 {font-size:24px;}
.top_inner .sub-exp { font-size:13px; line-height:20px}
}
@media screen and (max-width:320px){
.top_area.type_bg {background-position:center bottom}
.center_inner, .learn_more_inner, .contents_text .inner {padding:0 16px;}
}

/* SUB Wrap */
/* 일반 게시판 부분 반응형기능의 보완을 위하여 추가 및 수정한 부분 :: 2018.08.31 수정 */
.sub-cont-wrap2 {position:relative; float:center; max-width:1200px; margin-right:0px; margin-top:30px; }

/*
.sub-cont-wrap {position:relative; max-width:1200px; width:100%; margin:0px auto; height:500px;
border-top-left-radius:3px; 
-moz-border-top-left-radius:3px;  
-webkit-border-top-left-radius: 3px; 
border-top-right-radius:3px; 
-moz-border-top-right-radius:3px;  
-webkit-border-top-right-radius: 3px;
}

@media screen and (max-width:752px){
.sub-cont-wrap { margin:0px auto; background:#fff; opacity:0.9}
}
*/

/* SUB MENU **/
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6,
#page07 #sub_menu a.menu7,
#page08 #sub_menu a.menu8,
#page09 #sub_menu a.menu9,
#page16 #sub_menu a.menu10 { color:#555555; background:#e4ebf1;}
#s_navi {position:relative;float:left; width:17%; padding:0; margin:10px 0 50px 42px;}
#s_navi h3 {float:left; width:95%; margin:13px 0 9px 5px; font-family:Nanum Gothic, Dotum; font-size:23px; color:#575757; font-weight:600; line-height:1.60em;}
#s_navi #sub_menu {position:relative;float:left;clear:both; width:100%; border-top:1px solid #222;  }
#s_navi #sub_menu > li {display:block; float: left; width:100%; clear:both; border-bottom:1px solid #d8d8d8; }
#s_navi #sub_menu > li:first-child { margin-left:0;}
#s_navi #sub_menu > li a {display:block; float: left; line-height: 43px; width:92%;  padding:0 0 0 8%; letter-spacing:-.00em; font-size:1.15em; color:#959595; background:#fff; font-weight:600;}
#s_navi #sub_menu li a:hover{ color:#000000; background:#ebf3f8;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms; }

@media screen and (max-width:1920px){
#s_navi {position:relative;float:left; width:17%; padding:0; margin:10px 0 50px 42px;}
#s_navi h3 {float:left; width:95%; margin:13px 0 9px 5px; font-family:Nanum Gothic, Dotum; font-size:18px; color:#575757; font-weight:600; line-height:1.60em;}
#s_navi #sub_menu {position:relative;float:left;clear:both; width:100%; border-top:1px solid #222;  }
#s_navi #sub_menu > li {display:block; float: left; width:100%; clear:both; border-bottom:1px solid #d8d8d8; }
#s_navi #sub_menu > li:first-child { margin-left:0;}
#s_navi #sub_menu > li a {display:block; float: left; line-height: 43px; width:92%;  padding:0 0 0 8%; letter-spacing:-.00em; font-size:1.10em; color:#959595; background:#fff; font-weight:600;}
#s_navi #sub_menu li a:hover{ color:#000000; background:#bfdaef;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;}
}
@media screen and (max-width:780px){
#s_navi {display:none;}
}

/* SUB TITLE */
.title-wrap {position:relative; float:right; width:72%; margin-right:42px; border-bottom:1px solid #ddd;}
.title-wrap .cont-title {float:left; margin:23px 0 9px 0; font-family:Nanum Gothic, 나눔고딕, Dotum; font-size:22px; color:#575757; font-weight:600; line-height:1.60em;}
.title-wrap .rout {position:relative; float:right; margin:3% 0 0 0 }
.title-wrap .rout ul {float:right;}
.title-wrap .rout ul li {display:inline-block; float:left; color:#8c8c8c;width:auto; font-size:12px; background:url(../../img/r_arrow.gif) no-repeat left; line-height:39px; padding:0 10px 0 12px;}
.title-wrap .rout ul li:first-child { background:url(../../img/home.gif) no-repeat center !important; text-indent:-9999px; padding:0 15px 0 10px; border-left:0px solid #ddd; }
.title-wrap .rout ul li:last-child {color:#555555;}
@media screen and (max-width:780px){
.title-wrap {position:relative; float:left; width:96%;margin-left:2%; margin-right:2%;}
.title-wrap .cont-title {float:left; margin:16px 0 0; font-size:23px;}
}
@media screen and (max-width:640px){
.title-wrap .rout {display:none; }
}

/* SUB 본문 */
/* 모바일 디바이스 약 650px~750px 부분에서 링크가 안되는 현상으로 일단 주석처리 함 :: 2018.08.31 */
/*
.body-wrap {position:relative; float:center; width:72%; margin-right:0px; margin-top:30px; }
@media screen and (max-width:1920px){
.body-wrap { float:left; width:96%;margin-left:2%; margin-right:2%; margin-top:20px; border:0px solid #f00}
}
.cont-list {position:relative; float:left; width:100%; margin-top:10px; }
.cont-list li {display:block; float:left; width:100%; font-size:1.25em; line-height:1.60em; margin-bottom:10px; color:#666;}
*/

/* ------------------------------------------------------------------- 본문내용 -----------------------------------------------------------------------------------------*/
/* 인사말 */
.greeting {position:relative; float:left; width:100%; padding-bottom:50px; max-width:860px;}
.greeting .img {width:49%;  float:left; margin:30px 0 30px 0;}
.greeting .img1 {width:49%; float:left;margin:30px 0 30px 10px;}

/*통이미지 가로사이즈 */
.greeting .image01{width:100%; margin-top:20px; max-width:100%;}
.greeting .img2 {width:100%; margin-top:20px; max-width:700px;}
.greeting .img3 {width:100%; margin-top:20px; max-width:860px;}
.greeting .thumb {}
.greeting p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:18px; font-weight:600; line-height:30px;}
.greeting p span {text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#ff8a00; font-size:18px;}
.greeting .text01 {width:100%; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#777777; font-size:14px; font-weight:500; line-height:22px; margin:15px 0 0 0;}
.greeting .text02 {width:100%; float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:14px; font-weight:500; line-height:22px; margin:15px 0 0 0;}
.greeting .t1 {width:100%; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#777777; font-size:17px; font-weight:600; line-height:22px; margin:15px 0 0 0;}
.greeting .t2 {width:100%; float:none; text-align:left; font-family:Nanum Gothic, Dotum; color:#777777; font-size:14px; font-weight:500; line-height:22px; margin:15px 0 0 0;}
@media screen and (max-width:1280px){
.greeting .img {width:46%; margin:10px 1% 10px 3%; float:left;}
.greeting .img1 {width:46%;  margin:10px 3% 10px 1%; float:left;}
.greeting .thumb {}
.greeting p {width:100%; float:none; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:17px; line-height:28px;}
.greeting p span {text-align:center; font-size:17px;}
.greeting .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
.greeting .text02 {width:100%; float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
}
@media screen and (max-width:1008px){
.greeting .img {width:43%; margin:10px 2% 10px 5%; float:left;}
.greeting .img1 {width:43%; margin:10px 5% 10px 2%; float:left;}
.greeting .thumb {}
.greeting p {width:100%;float:none; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:17px; line-height:28px;}
.greeting p span {text-align:center; font-size:17px;}
.greeting .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
.greeting .text02 {width:100%; float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
}
@media screen and (max-width:780px){
.greeting .img {width:100%; margin:30px 0% 10px 0%; float:left;}
.greeting .img1 {width:100%; margin:10px 0% 30px 0%; float:left;}
.greeting p {width:100%; float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:16px; line-height:25px;}
.greeting p span {text-align:center; font-size:16px;}
.greeting .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
.greeting .text02 {width:100%; float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
}
@media screen and (max-width:460px){
.greeting p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:16px; line-height:25px;}
.greeting p span {text-align:center; font-size:16px;}
.greeting p br {display:none;}
.greeting .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
.greeting .text01 br {display:none;}
.greeting .text02 {width:100%; float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
.greeting .text02 br {display:none;}
}

/* 오시는 길 */
.col-mid-2 {width:50%;  float:left;}
.col-mid-3 {width:33.3%;  float:left; text-align:center;}
.map {position:relative; float:left;  width:99%; height:450px; margin:10px 0 25px 0px; border:1px solid #ddd;}

/* table */
.tb_st2 {position:relative; float:left; margin-bottom:50px; width:100%; border-top:1px solid #2b8eb9; font-family:Nanum Gothic, 나눔고딕 font-size:13px; color:#656565;}
.tb_st2 th { text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;}
.tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}
@media screen and (max-width:752px){
#map { height:300px;}
}
@media screen and (max-width:640px){
.col-mid-3 {width:100%;  float:left; text-align:center;}
.title-wrap .rout {display:none; }

/* table */
.tb_st2 {position:relative; float:left; width:100%; border-top:1px solid #ff8a00; font-family:Nanum Gothic, Dotum; font-size:12px; color:#656565;}
.tb_st2 th {text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;}
.tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}
}

/* BUSINESS */
.business {position:relative; float:left; width:100%; padding-bottom:50px;}
.business .thumb {}
.business .texts01 {width:33%; margin-left:0; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts01 img {width:100%; margin:0; padding:0; border:0;}
.business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts01 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts02 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts02 img {width:100%; margin:0; padding:0; border:0;}
.business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts03 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts03 img {width:100%; margin:0; padding:0; border:0;}
.business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
.business p {clear:both; width:100%; float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:18px; font-weight:600; line-height:30px;}
.business p span {text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#ff8a00; font-size:18px;}
.business .text01 {clear:both;width:100%; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#777777; font-size:14px; font-weight:500; line-height:22px; margin:15px 0 0 0;}
@media screen and (max-width:1280px){
.business {position:relative; float:left; width:100%; font-size:15px; line-height:24px; padding-bottom:50px;}
.business .thumb {}
.business .texts01 {width:33%; margin-left:0; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:12px; line-height:20px; padding:30px 0 40px 0; }
.business .texts01 img {width:100%; margin:0; padding:0; border:0;}
.business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts01 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts02 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts02 img {width:100%; margin:0; padding:0; border:0;}
.business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts03 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts03 img{width:100%; margin:0; padding:0; border:0;}
.business .texts03 span{color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts03 div{width:98%; padding-top:10px; border-top:1px solid #767676;}
.business p {width:100%; float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:17px; line-height:28px;}
.business p span {text-align:center; font-size:17px;}
.business .text01 {width:100%; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
}
@media screen and (max-width:1008px){
.business {position:relative; float:left; width:100%; font-size:15px; line-height:24px; padding-bottom:50px;}
.business .thumb {}
.business .texts01 {width:33%; margin-left:0; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts01 img {width:100%; margin:0; padding:0; border:0;}
.business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts01 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts02 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts02 img {width:100%; margin:0; padding:0; border:0;}
.business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts03 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts03 img {width:100%; margin:0; padding:0; border:0;}
.business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
.business p {width:100%; float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#656565; font-size:17px; line-height:28px;}
.business p span {text-align:center; font-size:17px;}
.business .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 0;}
}
@media screen and (max-width:780px){
.business {position:relative; float:left; width:95%; font-size:15px; line-height:24px; padding-bottom:50px;}
.business .thumb {}
.business .texts01 { width:33%; margin-left:0; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts01 img{ width:100%; margin:0; padding:0; border:0;}
.business .texts01 span{ color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts01 div{ width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts02 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts02 img {width:100%; margin:0; padding:0; border:0;}
.business .texts02 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts03 {width:33%;  margin-left:0.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts03 img {width:100%; margin:0; padding:0; border:0;}
.business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
.business p {width:100%; float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:16px; line-height:25px;}
.business p span {text-align:center; font-size:16px;}
.business .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 2%;}
}
@media screen and (max-width:460px){
.business .img {width:95%; margin:0 2.5% 0 2.5%;}
.business .img1 {width:95%; margin:0 2.5% 0 2.5%;}
.business .img2 {width:95%; margin:0 2.5% 0 2.5%;}
.business .thumb {}
.business .texts01 {  width:95%; margin:0 2.5% 0 2.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts01 img{ width:100%; margin:0; padding:0; border:0;}
.business .texts01 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts01 div{ width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts02 {width:95%; margin:0 2.5% 0 2.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts02 img {width:100%; margin:0; padding:0; border:0;}
.business .texts02 span { color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts02 div {width:98%; padding-top:10px; border-top:1px solid #767676; }
.business .texts03 {width:95%; margin:0 2.5% 0 2.5%; float:left; text-align:left; font-family:Nanum Gothic, 나눔고딕; color:#656565; font-size:13px; line-height:20px; padding:30px 0 40px 0; }
.business .texts03 img {width:100%; margin:0; padding:0; border:0;}
.business .texts03 span {color:#656565; margin-left:5px; font-size:16px;line-height:40px; }
.business .texts03 div {width:98%; padding-top:10px; border-top:1px solid #767676;}
.business p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#5e5d5d; font-size:16px; line-height:25px;}
.business p span {text-align:center; font-size:16px;}
.business p br {display:none;}
.business .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; line-height:20px; margin:15px 0 0 2%;}
.business .text01 br {display:none;}
}

/* BUSINESS02*/
.business02 {position:relative; float:left; width:100%; padding-bottom:50px;}
.business02 .img {  width:860px; margin:0 0 0 0; float:left; padding:50px 0 30px 0;}
.business02 .img02 {  width:860px; margin:0 0 0 0; float:left; padding:10px 0 30px 0;}
.business02 .thumb {}
.business02 p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#656565; font-size:18px; font-weight:600; line-height:30px; padding:15px 0 0 0;}
.business02 p span{text-align:center; font-family:Nanum Gothic, 나눔고딕; color:#1e5a8c; font-weight:700; font-size:18px;}
.business02 .textblank {padding:15px 0 0 0;}
.business02 .textblank02 {padding:30px 0 0 0;}
.business02 .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:14px; font-weight:500; line-height:22px; margin:15px 0 0 0;}
.business02 .text0a {width:100%; text-align:left; font-family:Nanum Gothic, Dotum; color:#2d99df; font-size:14px; font-weight:700; line-height:22px; margin:35px 0px 0px 20px;}
.business02 .text0b {width:100%; text-align:left; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; font-weight:500; line-height:22px; margin:-20px 0px 0px 20px;}
.business02 .text0aa {width:100%; text-align:left; font-family:Nanum Gothic, Dotum; color:#2d99df; font-size:14px; font-weight:700; line-height:22px; margin:35px 0px 0px 30px;}
.business02 .text0bb {width:100%; text-align:left; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; font-weight:500; line-height:22px; margin:-20px 0px 0px 30px;}
.business02 .text02a {width:100%; text-align:left; font-family:Nanum Gothic, Dotum; color:#777777; font-size:13px; font-weight:500; line-height:22px; margin:35px 0 0 0;}
@media screen and (max-width:1280px){
.business02 {position:relative; float:left; width:100%; padding-bottom:50px;}
.business02 .img {  width:80%; margin:0 10% 0 10%; float:left; padding:50px 0 30px 0;}
.business02 .img02 {  width:860px; margin:0 0 0 0; float:left; padding:10px 0 30px 0;}
.business02 .thumb {}
.business02 p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#656565; font-size:17px; line-height:28px;}
.business02 p span{text-align:center; font-size:17px;}
.business02 .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
}
@media screen and (max-width:1008px){
.business02 {position:relative; float:left; width:100%; padding-bottom:50px;}
.business02 .img {width:80%; margin:0 10% 0 10%; float:left; padding:50px 0 30px 0;}
.business02 .img02 {  width:860px; margin:0 0 0 0; float:left; padding:10px 0 30px 0;}
.business02 .thumb {}
.business02 p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#656565; font-size:17px; line-height:28px;}
.business02 p span{text-align:center; font-size:17px;}
.business02 .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
}
@media screen and (max-width:780px){
.business02 {position:relative; float:left; width:95%; padding-bottom:50px;}
.business02 .img {width:95%; margin:0 2.5% 0 2.5%; float:left; padding:50px 0 30px 0;}
.business02 .img02 {  width:860px; margin:0 0 0 0; float:left; padding:10px 0 30px 0;}
.business02 .thumb {}
.business02 p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#656565; font-size:16px; line-height:25px;}
.business02 p span{text-align:center; font-size:16px;}
.business02 .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:14px; line-height:22px; margin:15px 0 0 0;}
.business02 .text01 br {display:none;}
}
@media screen and (max-width:460px){
.business02 {position:relative; float:left; width:95%; padding-bottom:50px;}
/*.business02 img {width:100%; margin-bottom:20px; margin-right:10px; margin-top:20px; }*/
.business02 .img {width:95%; margin:0 2.5% 0 2.5%; float:left; padding:50px 0 30px 0;}
.business02 .img02 {  width:860px; margin:0 0 0 0; float:left; padding:10px 0 30px 0;}
.business02 .thumb {}
.business02 p {width:100%;float:none; text-align:center; font-family:Nanum Gothic, Dotum; color:#5e5d5d; font-size:16px; line-height:25px;}
.business02 p span{text-align:center; font-size:16px;}
.business02 p br {display:none;}
.business02 .text01 {width:100%; text-align:center; font-family:Nanum Gothic, Dotum; color:#777777; font-size:12px; line-height:20px; margin:15px 0 0 0;}
.business02 .text01 br {display:none;}}

/* GALLERY */
.gallery > div {width:100%px; margin:0 auto; padding:0px 0 80px 0;}
#container_list .gallery_item_table .item_cell_media img {font-family:Nanum Gothic, 나눔고딕, width:100% !important; height:150px !important;}
.gallery text01 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.gallery text02 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
@media screen and (max-width:1280px){
.gallery > div {width:100%; margin:0 auto; padding:0px 0 80px 0;}
#container_list .gallery_item_table .item_cell_media img {font-family:Nanum Gothic, 나눔고딕, width:100% !important; height:auto !important;}
}
@media screen and (max-width:1008px){
.gallery > div {width:100%;}
#container_list .gallery_item_table .item_cell_media img {font-family:Nanum Gothic, 나눔고딕, width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
}
@media screen and (max-width:752px){
.gallery > div {width:720px; padding:110px 0 70px 0;}
#container_list .gallery_item_table .item_cell_media img {font-family:Nanum Gothic, 나눔고딕, width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
}
@media screen and (max-width:640px){
.gallery > div {width:450px; padding:110px 0 60px 0;}
#container_list .gallery_item_table .item_cell_media img {font-family:Nanum Gothic, 나눔고딕, width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
}
@media screen and (max-width:460px){
.gallery > div {width:300px; padding:100px 0 50px 0;}
#container_list .gallery_item_table{width:96% !important; margin:0% 2% 0% 2% !important;}
#container_list .gallery_item_table .item_cell_media img {font-family:Nanum Gothic, 나눔고딕, width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
.gallery text01 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
.gallery text02 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}

/* CONTACT */
.online {width:100%;}
.online > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
.online text01 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.online text02 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
@media screen and (max-width:1280px){
.online > div {width:100%;}
}
@media screen and (max-width:1008px){
.online > div {width:720px; padding:0px 0 70px 0;}
}
@media screen and (max-width:640px){
.online > div {width:450px; padding:0px 0 60px 0;}
}
@media screen and (max-width:460px){
.online > div {width:300px; padding:0px 0 50px 0; }
.online text01 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
.online text02 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}

/* COMMUNITY */
.community {width:100%;}
.community > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
.community text01 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.community text02 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}

@media screen and (max-width:1280px){
.community > div {width:100%;}
.community > div > h2 {margin:0px 180px 50px 180px;}
}

@media screen and (max-width:1008px){
.community > div {width:720px; padding:0px 0 70px 0;}
/*
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group5{display:none;}
*/
}

@media screen and (max-width:640px){
.community > div {width:450px; padding:0px 0 60px 0;}
/*
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group4{display:none;}
#container_list .general_item_table .item_group5{display:none;}
*/
}

@media screen and (max-width:460px){
.community > div {width:300px; padding:0px 0 50px 0;}
/*
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group3{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group3{display:none;}
#container_list .general_item_table .item_group4{display:none;}
#container_list .general_item_table .item_group5{display:none;}
*/
.community text01 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; min-width:460px;}
.community text02 {width:100%;float:left; font-family:Nanum Gothic, Dotum; color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}