@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
a { vertical-align:top; text-decoration:none; color:#000; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { vertical-align:middle;font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum;}
textarea { line-height:1.4; }
select { height:22px; border:1px solid #b3b6bb;}
html{ height:100%;overflow-y: scroll; }
body { font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; font-size:100%; line-height:1; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }

/*  Layout*/
#wrap {width:100%; background:url(../images/common/bg_top.gif) top repeat-x ;
  position:relative; /* needed for footer positioning*/
  height:auto !important; /* real browsers */
  _height:100%; /* IE6: treaded as min-height*/
  overflow:hidden;
  z-index:0; }
#header {position:relative;width:1000px; height:105px;  margin:0 auto; }
#header #hd { height:30px; width:100%; position:relative; vertical-align:middle;}
#header a { float:left;}
#header #topnav {height:75px; width:100%;position:relative;}

#topimg_main { width:100%; height:320px; margin:0 auto; background:url(../images/index/topimg.jpg) top center no-repeat #bcaaa3;}
#topimg {position:relative;width:1000px; margin:0 auto; padding-top:40px; padding-left:30px;}
#topimg_info { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg.jpg) top center no-repeat #d5e4e7;}
#topimg_info1 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg1.jpg) top center no-repeat #bcaaa3;}
#topimg_info2 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg2.jpg) top center no-repeat #bcaaa3;}
#topimg_info3 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg3.jpg) top center no-repeat #d5e4e7;}
#topimg_info4 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg4.jpg) top center no-repeat #d5e4e7;} 
#container { position:relative; width:1000px; margin:0 auto;	}
#footer { width:100%; height:75px; background:#3c3c3c; border-top:1px solid #222;  position:relative; overflow:hidden;}
#foot { position:relative; width:1000px; margin:0 auto;}


/*°øÅë¿ä¼Ò(ÀÎDz,¹öÆ°)*/
.input { width:100%; height:18px; padding-top:2px; padding-left:4px; border:1px solid #b3b6bb; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(../images/common/input_bg.gif) 0 -100px repeat-x;overflow:hidden; }
#button { cursor:pointer; border:1px solid #0970cf; background:#1c7cd4;  padding:4px 10px 4px 10px; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#FFF; line-height:1; }
#button:active{border:1px solid #0664bb; background:#0970cf;  padding:3px 11px 5px 9px;  font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#FFF; line-height:1; }
#buttonB { cursor:pointer; border:1px solid #222222; background:#555555;  padding:4px 10px 4px 10px; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#FFF; line-height:1; }
#buttonB:active{border:1px solid #111111; background:#333333;  padding:3px 11px 5px 9px;  font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#FFF; line-height:1; }
#buttong { cursor:pointer; border:1px solid #555; background:#777;  padding:4px 10px 4px 10px; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#FFF; line-height:1; }
#buttong:active{border:1px solid #444; background:#666;  padding:3px 11px 5px 9px;  font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#FFF; line-height:1; }
#buttonW { cursor:pointer; border:1px solid #aaa; background:#fff;  padding:3px 5px 4px 5px; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#666; line-height:1; }
#buttonW:active {border:1px solid #999; background:#fff;  padding:2px 6px 5px 4px;  font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#222; line-height:1; }
#buttonWb { cursor:pointer; border:1px solid #1c7cd4; background:#fff;  padding:3px 5px 4px 5px; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#1c7cd4; line-height:1; }
#buttonWb:active{border:1px solid #0970cf; background:#fff;  padding:2px 6px 5px 4px;  font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum; color:#0970cf; line-height:1; }

/* header */
#hd_mo { display:none;}/* ¸ð¹ÙÀÏ¿ë ž ÀÔÁÖ¹®ÀÇ»ó´ã */
h1.logo { float:left;  background:url(../images/common/logo.gif) no-repeat left top ; width:210px; height:110px; margin-top:3px; cursor:pointer;}
.tmn {float:right; right:0px; margin-top:15px;}
.tmn li {float:left; }
.tmn a {width:100%; height:48px; line-height:48px; font-size:100%; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum;  color:#444; font-weight:bold; padding-left:16px; padding-right:16px; 
}
.tmn a:hover { color:#0697bb; padding-left:16px; padding-right:16px; }
#bnr_right {position: absolute; left: 50%; top: 98px; margin-left:520px; width: 105px; height: 115px; z-index: 21;}/* ¿ìÃø°íÁ¤º£³Ê */

/*¸ð¹ÙÀÏ¿ë¼­ºê¸Þ´º*/
.Mnav2 { display:none;}/* ¼­ºê¸Þ´º2°³ */
.Mnav3 { display:none;}/* ¼­ºê¸Þ´º3°³ */
.Mnav4 { display:none;}/* ¼­ºê¸Þ´º4°³ */
/*#contents .bcmap_m { display:none;}*/
#contents .bcmap_m {display:block; float:left; width:100%; margin-top:15px; margin-bottom:15px; font-size:81.3%; color:#111;font-weight:normal; letter-spacing:0px; line-height:1.6; }
#contents .bcmap_m p{margin-top:10px; }
#contents .bcmap_m b{color:#0668c3;font-size:110%; font-weight:bold; letter-spacing:0px; }


/* leftnav */
h1.navtit {  height:30px; font-size:120%; color:#000; font-weight:bold; margin-left:38px; margin-top:40px; line-height:1.4;}
/* ÁÂÃø¼­ºê¸Þ´º(Ä÷¯º°css) */
.nav { margin-top:15px; margin-left:20px;}
.nav li { height:25px; margin-top:10px;background:url(../images/common/nav_list.png) no-repeat 5px 8px;}
.nav li a {display:block; height:25px; line-height:25px; font-size:87.5%;color:#fff; font-weight:bold; padding-left:20px;}
.navon a {padding-left:20px; background:url(../images/common/nav.png) no-repeat 0px 0px; }
.navon span {color:#fff; font-weight:bold;}
.navoned a {padding-left:20px; background:url(../images/common/nav_on.png) no-repeat 0px 0px; }
.navoned span {color:#fff; font-weight:bold;}
.nav li a:hover { color:#fff; padding-left:20px;background:url(../images/common/nav_on.png) no-repeat 0px 0px;}
/* ÁÂÃø¼­ºê¸Þ´º2·¹º§(Ä÷¯º°css) */
.snav { margin-top:10px;margin-left:40px;}
.snav li { color:#555; background:#FFF;}
.snav li a { display:block; width:100%; height:25px; line-height:23px; font-size:81.3%; color:#000; font-weight:bold; }
.snav li a:hover { color:#136cd3;}
.snav li.snavon a { color:#136cd3;}

#bnr01 { text-align:center; padding:50px 0px 0px 0px;}
#bnr02 { text-align:center; padding:10px 0px 0px 0px;}
#bnr03 { text-align:center; padding:10px 0px 0px 0px;}



/* container */
#leftnav { width:200px; min-height:100%; float:left; padding:0px; }
#main { width:1000px; margin-top:30px; padding-bottom:50px;  float:left;  min-height:100%; }
#service_main {width:100%;}
#service_main_mo { display:none;}
#service {width:100%;}
#service_mo { display:none;}

#contents { width:756px; margin-top:40px; padding-left:30px; padding-bottom:50px; float:left;  min-height:100%;  border-left:1px solid #ddd;  
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */ }
	
#contents h2 { background:url(../images/common/tit.gif) no-repeat ; padding-left:10px; font-size:150%; letter-spacing:-1px; font-weight:bold; position:relative; }
#contents .location {float:right; margin:2px 0; right:0px; top:0px; font-size:50%; color:#888; font-weight: normal;letter-spacing:0px; line-height:1.4;}
#contents .location a {color:#888; }
#contents .location a:hover { color:#333; }
#contents h3 { margin:23px 0px 18px 0px ;  font-size:100%; color:#666; font-weight:bold; letter-spacing:0px; line-height:1.5; }
#contents h3 p {margin-top:18px; font-size:81.3%; color:#444;font-weight:normal; letter-spacing:0px; line-height:1.5; }
#contents h3 b {color:#0697bb;}

#contents .subtxt {margin-top:15px; margin-bottom:10px;  font-size:75%; line-height:1.4; }
#contents .infoimg {float:left; width:100%; margin:10px 0px;}

#contents .photo { float:left; width:730px;}
#contents .photo ul { margin-top:15px;}
#contents .photo li { float:left; width:82px; height:56px; text-align:center; padding-right:9px; padding-bottom:35px; }
#contents .photo li:nth-child(8n) { padding-right:0px; }
#contents .photo li span {font-size:75%; color:#666; padding-top:4px; display:block;} 

#contents .sphoto { float:left; width:730px;}
#contents .sphoto ul { margin-top:15px;}
#contents .sphoto li { float:left; width:109px; height:70px; text-align:center; padding-right:12px; padding-bottom:10px; }
#contents .sphoto li:nth-child(6n) { width:114px; padding-right:0px; }
#contents .sphoto li span {font-size:75%; color:#666; padding-top:4px; display:block;} 

#contents .bcname { float:left; width:250px; font-size:137.5%; color:#000; letter-spacing:0px; line-height:1.5; font-weight:bold; padding:0px 0px 10px 0px; }
#contents .bcname b { font-size:110%; color:#0697bb; letter-spacing:-1px; font-weight:bold; }

#contents .bcad {float:right;  width:400px; margin-top:3px; right:0px; top:0px; position:relative;}
#contents .bcad ul li { font-size:75%; line-height:1.7; color:#666; font-weight: normal;letter-spacing:0px; 
 padding-left:15px; background:url(../images/common/blit_list.png) no-repeat 0px 7px; overflow:hidden;  width:100%;
	display:box;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	-moz-line-clamp: 1;
	-webkit-line-clamp: 1;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	word-wrap:break-word;}
#contents .bctxt {float:left; width:100%; margin:10px 0px; font-size:87.5%; color:#111;font-weight:bold; letter-spacing:0px; line-height:1.7; }
#contents .bctxt b{color:#0697bb; font-weight:bold; letter-spacing:0px; }
#contents .bcmap {float:left; width:100%; margin-top:15px; margin-bottom:15px; font-size:81.3%; color:#111;font-weight:normal; letter-spacing:0px; line-height:1.6; }
#contents .bcmap p{margin-top:10px; }
#contents .bcmap b{color:#0697bb;font-size:110%; font-weight:bold; letter-spacing:0px; }
#contents .line { float:left; width:100%; height:1px; background:#e2e4e7; margin-top:20px; margin-bottom:20px;}
#contents .ctimg { float:left; width:100%; margin-top:5px; margin-bottom:10px; font-size:85%; font-weight:bold; letter-spacing:0px; line-height:1.6;}
#contents .ctimg p{margin-top:20px;  color:#555;}
#contents .ctimg b{color:#0697bb; font-size:120%;  letter-spacing:0px; }
#contents .ctimg ul li { font-size:90%; line-height:1.7; color:#444; font-weight: normal;letter-spacing:0px; 
 padding-left:15px; background:url(../images/common/blit_list.png) no-repeat 0px 7px; overflow:hidden;  width:100%;}

#contents .serviceimg { display:block; width:100%; text-align:center; margin-top:5px; margin-bottom:20px;}
#contents .franch {float:left;  width:100%; margin-top:10px; margin-bottom:20px; position:relative;}
#contents .franch p{font-size:125%; line-height:2.5; color:#111; font-weight:bold;}
#contents .franch ul li { font-size:81.3%; line-height:1.7; color:#444; font-weight: normal; letter-spacing:0px; 
 padding-left:15px; background:url(../images/common/blit_list.png) no-repeat 0px 7px; overflow:hidden;  width:100%;
	display:box;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	-moz-line-clamp: 1;
	-webkit-line-clamp: 1;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	word-wrap:break-word;}



/*Æ˾÷È­¸é*/
#sendsms{ display:none; padding:20px; width:230px; position:absolute; left:50%; top:450px; margin-left:-50px; background-color:#fff; box-shadow:1px 1px 10px #999; z-index:30;} 
#sendsms td{vertical-align:middle;} 
#reservationcl{ display:none; padding:20px; width:500px; position:absolute; left:50%; top:100px; margin-left:-300px; background-color:#fff; box-shadow:1px 1px 10px #999; z-index:30;} 
#reservationcl td{vertical-align:middle;} 




/*footer*/
#foot_logo { float:left; width:230px; text-align:center;}
#foot_logo img {  margin-top:15px; }
#foot_area { float:left; }
.foot_menu { margin:14px 0px 7px 0px; font-size:75%; color:#fff; }
.foot_menu a{ color:#fff; }
.foot_menu a:hover{ color:#fff; text-decoration: underline;}
.foot_copy { font-size:75%; color:#999; margin:5px 0 0 0px; line-height:14px;} 
/*TOP*/
#gototop {margin:400px 0 0 0px;}


/* ÅÇ*/
.taboff   { cursor:pointer; border-top:1px solid #0697bb; border-left:1px solid #0697bb; border-right:1px solid #0697bb; background:#ffffff; font-size:81.3%; text-align:center; vertical-align:middle;} 
.tabon    { cursor:pointer; border-top:1px solid #0697bb; border-left:1px solid #0697bb; border-right:1px solid #0697bb; background:#1c7cd4; font-size:81.3%; text-align:center; vertical-align:middle;}

/* ÆùƮĮ¶ó */
.c0   {color:#000;}
.cf   {color:#fff;}
.cc   {color:#ccc;}
.c4   {color:#444;}
.c7   {color:#777;}
.cb   {color:#0697bb;} /*±âº»ºí·ç*/
.cb2  {color:#02336b;} /*ÁøÇѺí·ç*/
.cg   {color:#a9c82c;} /*±âº»±×¸°*/
.cg2  {color:#d1ff12;} /*¹àÀº±×¸°*/
.co   {color:#f47300;} /* ¹àÀºÁÖȲ */
.cr   {color:#d9171d;} /* ¹àÀº·¹µå *

/* ÆùÆ®°ü·Ã */
.fb    {font-weight:bold; }
.ls    {letter-spacing:-1px;}
.f700  {font-size:70%; }
.f750  {font-size:75%; }
.f813  {font-size:81.3%; }
.f875  {font-size:87.5%; }
.f100  {font-size:100%; }
.f113  {font-size:113%; }
.f125  {font-size:125%; }
.lh13  {line-height:1.3;}
.lh15  {line-height:1.5;}
.lh17  {line-height:1.7;}

/* Á¤·Ä */
.ac { text-align:center;}
.al { text-align:left;}
.ar { text-align:right;}
.vt { vertical-align:top;}
.vb { vertical-align:bottom;}
.vm { vertical-align:middle;}

/* Æеù */
.p5   { padding:5px;}
.p10  { padding:10px;}
.p15  { padding:15px;}
.p20  { padding:20px;}
.p25  { padding:25px;}
/* º¸´õ */
.bsc   { border:1px solid #CCC;}
/* °Ô½ÃÆÇ ¶óÀÎ ¹è°æÄ®¶ó*/
.notop{ background-color:#444444;}
.noline{ background-color:#cccccc;}
.nodot{ background-image:url(../images/common/notice_dot.gif); background-repeat:repeat-x;}

/* °Ô½ÃÆÇÆäÀÌ¡ ·Ñ¿À¹ö¹× ¸µÅ© */
.paon {  background-image:url(../images/common/page_on.gif); color:#FFFFFF; font-size:75%; font-weight:bold;text-align:center; vertical-align:middle; width:23px; height:23px;}
.paover {  background-image:url(../images/common/page_over.gif);font-size:75%; font-weight:bold;text-align:center; vertical-align:middle; width:23px; height:23px;}
.paoff { background-color:#ffffff; font-size:75%; font-weight:bold; text-align:center; vertical-align:middle; width:23px; height:23px;}

/* °Ô½ÃÆÇ ¹¯°í´äÇϱâ*/
table#faqlist {width:100%;}
#faqlist tr td.q {background:#fff url(../images/common/bullet_q.png) 14px 8px no-repeat;
	padding : 12px 0px 12px 50px ;background-color:#fff;height:15;border-bottom:1px solid #ccc}
#faqlist tr td.q a {font-size:84%; color:#222;}
#faqlist tr td.q a.active { font-weight:bold; color:#222;}
#faqlist tr td.a { font-size:81.3%; background-color:#f7f7f7;min-height:25;border-bottom:1px solid #ccc;
		background:#f7f7f7 url(../images/common/bullet_a.png) 14px 10px no-repeat;
		padding : 10px 20px 12px 50px; line-height:1.5;}

/* responsive web design area */

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


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

@media screen and (max-width:640px) {
#wrap { width:100%; min-height:100%; position:relative; z-index:10; margin:0px auto 0px auto; background:url( ) top repeat-x ;}
#header {position:relative;width:100%; height:90px;  z-index:0; margin:0 auto; }
#header #hd { display:none;}
#header #topnav {height:110px; width:100%;position:relative;}
/* header */
#hd_mo { display: block;float:left; background:url(../images/common/bg_top.gif) bottom repeat-x ; width:100%; text-align:center; padding-top:9px; height:25px;}/* ¸ð¹ÙÀÏ¿ë ž ÀÔÁÖ¹®ÀÇ»ó´ã */
#hd_mo p { font-size:80%;  color:#FFF;}
#hd_mo p a { font-size:110%; color:#fcffac;}
h1.logo { float:left;  background:url(../images/common/logo_400.gif) no-repeat center top ; width:640px; height:40px; margin-top:0px;}
.tmn {float:left; margin-top:0px; width:100%; background:#0664bb;}
.tmn li {float:left; width:16%; text-align:center; font-size:100%; border-right:1px solid #0355a1; border-bottom:1px solid #0355a1; background:#0664bb;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */		
}

.tmn li:nth-child(6n) {width:20%; border-right:none;}
.tmn a {display:block; width:100%; height:38px; line-height:38px; font-size:90%; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum;  color:#fff; font-weight:bold; padding-left:0px; padding-right:0px; 
}
.tmn a:hover { color:#fff; padding-left:0px; padding-right:0px; }
#bnr_right { display:none;}/* ¿ìÃø°íÁ¤º£³Ê */
/* ¸ð¹ÙÀÏ¿ë Àü±¹¼¾Å;ȳ» ¼­ºê¸Þ´º */
.Mnav3 { display:block; float:left; width:100%; text-align:center; margin:0px ; background:#888;}
.Mnav3  li{ float:left; width:33%; text-align:center; border-right:1px solid #666; border-bottom:1px solid #666; 
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */ }
.Mnav3 li:nth-child(3n) { width:34%; border-right:none;}
.Mnav3  a { display:block; width:100%; height:30px; line-height:30px; font-size:75%;color:#FFF; font-weight:bold; padding-left:0px; text-shadow: 0 0 5px;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
.Mnav3  a:hover { color:#fff; padding-left:0px;}
/* ¸ð¹ÙÀÏ¿ë Àü±¹¼¾Å;ȳ» Áöµµº¸À̱â */
#contents .bcmap_m {display:block; float:left; width:100%; margin-top:15px; margin-bottom:15px; font-size:81.3%; color:#111;font-weight:normal; letter-spacing:0px; line-height:1.6; }
#contents .bcmap_m p{margin-top:10px; }
#contents .bcmap_m b{color:#0697bb;font-size:110%; font-weight:bold; letter-spacing:0px; }


#topimg_main { display:none;}
#topimg_info { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg.jpg) top center no-repeat #d5e4e7;}
#topimg_info1 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg1.jpg) top center no-repeat #bcaaa3;}
#topimg_info2 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg2.jpg) top center no-repeat #bcaaa3;}
#topimg_info3 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg3.jpg) top center no-repeat #d5e4e7;}
#topimg_info4 { width:100%; height:160px;  padding:0px; background:url(../images/info/topimg4.jpg) top center no-repeat #d5e4e7;} 
#container { position:relative; width:100%; margin:0 auto;	}
/* container */
#leftnav { display:none;}
#main { width:100%; margin:25px 0px 40px 0px;  float:left;  min-height:100%;}


#contents { width:100% ; margin:20px 0px 30px 0px; float:left; padding-left:15px; padding-right:15px;  min-height:100%;  border-left:none;  
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */ }
#contents h2 { background:url(../images/common/tit.gif) no-repeat ; padding-left:10px; font-size:125%; letter-spacing:-1px; font-weight:bold; position:relative; }
#contents .location { display:none; }
#contents h3 { margin:15px 0px 10px 0px ;  font-size:95%; color:#666; font-weight:bold; letter-spacing:0px; line-height:1.3; }
#contents h3 p {margin-top:5px; font-size:85%; color:#444;font-weight:normal; letter-spacing:0px; line-height:1.3; }
#contents h3 b {color:#0697bb;}

#contents .subtxt {margin-top:15px; margin-bottom:10px;  font-size:75%; line-height:1.4; }
#contents .infoimg {float:left; width:100%; margin:10px 0px;}

#contents .photo { float:left; width:100%;}
#contents .photo ul { margin-top:15px;}
#contents .photo li { float:left; width:69px; height:48px; text-align:center; padding-right:8px; padding-bottom:25px; }
#contents .photo li:nth-child(8n) { width:69px; padding-right:0px; }

#contents .sphoto { float:left; width:100%;}
#contents .sphoto ul { margin-top:15px;}
#contents .sphoto li { float:left; width:95px; height:55px; text-align:center; padding-right:8px; padding-bottom:25px; }
#contents .sphoto li:nth-child(6n) { width:95px; padding-right:0px; }

#contents .bcname { float:left; width:200px; font-size:137.5%; color:#000; letter-spacing:0px; line-height:1.5; font-weight:bold; padding:0px 0px 10px 0px; }

#contents .bctxt {float:left; width:100%; margin:0px 0px; font-size:87.5%; color:#111;font-weight:bold; letter-spacing:0px; line-height:1.4; }

#contents .bcmap {float:left; width:100%; margin-top:15px; margin-bottom:15px; font-size:81.3%; color:#111;font-weight:normal; letter-spacing:0px; line-height:1.6; }
#contents .bcmap p{margin-top:10px; }
#contents .bcmap b{color:#0697bb;font-size:110%; font-weight:bold; letter-spacing:0px; }
#contents .line { float:left; width:100%; height:1px; background:#e2e4e7; margin-top:20px; margin-bottom:20px;}
#contents .ctimg { float:left; width:100%; margin-top:5px; margin-bottom:10px; font-size:85%; font-weight:bold; letter-spacing:0px; line-height:1.6;}
#contents .ctimg p{margin-top:10px;  color:#555; line-height:1.3;}
#contents .ctimg b{color:#0697bb; font-size:110%;  letter-spacing:0px; }
#contents .serviceimg { display:block; width:100%; text-align:center; margin-top:5px; margin-bottom:20px;}




/*footer*/
#footer { width:100%; height:90px; background:#3c3c3c; border-top:1px solid #222;  position:relative; z-index:20; overflow:hidden;}
#foot { position:relative; width:100%; margin:0 auto;}
#foot_logo { display:none;}
#foot_area { float:left; text-align:center; }
.foot_menu { margin:7px 0px 0px 0px; font-size:75%; line-height:1.3; color:#fff; }
.foot_menu a{ color:#fff; }
.foot_menu a:hover{ color:#fff; text-decoration: underline;}
.foot_copy { font-size:75%; color:#999; margin:5px 0px 5px 0px; line-height:14px;} 
}


@media screen and (max-width:480px) {
#header {position:relative;width:100%; height:140px;  z-index:0; margin:0 auto; }
h1.logo { float:left;  background:url(../images/common/logo_400.gif) no-repeat center top ; width:360px; height:40px; margin-top:0px;}
.tmn {float:left; margin-top:0px; width:100%; background:#0664bb;}
.tmn li {float:left; width:33%; text-align:center; font-size:100%; border-right:1px solid #0355a1; border-bottom:1px solid #0355a1; background:#0664bb;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */		
}

.tmn li:nth-child(3n) {width:34%; border-right:none;}
.tmn li:nth-child(6n) {width:34%; border-right:none;}
.tmn a {display:block; width:100%; height:38px; line-height:38px; font-size:90%; font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', '¸¼Àº °íµñ', 'Malgun Gothic',Dotum;  color:#fff; font-weight:bold; padding-left:0px; padding-right:0px; 
}
.tmn a:hover { color:#fff; padding-left:0px; padding-right:0px; }

#main { width:100%; margin:20px 0px 30px 0px; float:left;  min-height:100%; }
#service_main {display:none;}
#service_main_mo { display:block; width:90%; margin-left:15px; }
#service {display:none;}
#service_mo { display:block;  width:100%;}


#contents .photo li { float:left; width:75px; height:48px; text-align:center; padding-right:10px; padding-bottom:25px; }
#contents .photo li:nth-child(4n) { width:75px; padding-right:0px; }
#contents .photo li:nth-child(8n) { width:75px; padding-right:0px; }


#contents .sphoto li { float:left; width:50px; height:35px; text-align:center; padding-right:7px; padding-bottom:25px; }
#contents .sphoto li:nth-child(6n) { width:45px; padding-right:0px; }

#contents .bcname { display:none; }

#contents .bcad {float:left;  width:100%; margin-top:3px; margin-bottom:10px; right:0px; top:0px; position:relative;}
#contents .bcad ul li { font-size:75%; line-height:1.7; color:#666; font-weight: normal;letter-spacing:-1px; 
 padding-left:15px; background:url(../images/common/blit_list.png) no-repeat 0px 7px; overflow:hidden;  width:100%;
	display:box;
	display: -moz-box;
	display: -webkit-box;
	line-clamp: 1;
	-moz-line-clamp: 1;
	-webkit-line-clamp: 1;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	word-wrap:break-word;}
	
	}

h1.h1block { margin:0px 0px 0px 0px; font-size:75%; line-height:1.3; color:#000000; }