@charset "utf-8";

/**************************************************************************************************
* layout style (basic width 1280px)
***************************************************************************************************/
html {min-width:320px; width:100%; height:100%; overflow-y:scroll;}
body {background-color:#d6d6d6; min-width:320px; width:100%; height:100%;}
div.wrapper {min-width:320px; width:100%; padding-top:85px;}

nav.skiNavi a {display:block; width:0; height:0; font-size:0; line-height:0; text-indent:-99999px; overflow:hidden;}


/* header */
div.headerArea {position:fixed; top:0; z-index:10; background:url('../images/layout/header_bg.png') left bottom repeat-x; width:100%; padding-bottom:92px;}
div.headerArea header {position:absolute; bottom:7px; left:50%; width:1200px; margin-left:-600px; height:85px;}
div.headerArea header:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.headerArea h1 {float:left; margin-top:22px;}
div.headerArea h1 a {display:block; background:url('../images/layout/logo.png') center no-repeat; width:147px; height:46px; margin:-5px 5px 5px 5px; font-size:0; line-height:0; text-indent:-99999px;}
div.headerArea div.txt {float:left; margin:25px 0 0 25px; line-height:1.4em;}
div.headerArea div.txt p.t01 {font-size:15px; color:#fff;}
div.headerArea div.txt p.t02 {font-size:12px; color:#a6d6db;}
div.headerArea div.grand{float:left;background: url('../images/img/grand.png') center no-repeat;width:267px;height:37px;font-size:0;margin:24px 0 0 15px;}
div.headerArea nav {float:right;}
div.headerArea nav > ul {float:left; margin-top:29px;}
div.headerArea nav > ul li {background:url('../images/layout/bar02.gif') left 7px no-repeat; display:inline-block; padding:0 7px 0 11px;}
div.headerArea nav > ul li:first-child {background:none;}
div.headerArea nav > ul li a {display:inline-block; padding:5px; color:#fff; font-family:'NanumGothicBold';}
div.headerArea nav > ul li a:hover {text-decoration:underline;}
div.headerArea span.all {float:right; display:block; width:120px; height:85px; padding-right:1px;}
div.headerArea span.all button {display:block; background:#fff url('../images/layout/btn_all_view.gif') center 17px no-repeat; width:120px; height:85px; 
						        font-size:15px; font-family:'NanumGothic'; color:#333; text-align:center; padding-top:30px; border:none; cursor:pointer;}
div.headerArea span.all button.open {background-image:url('../images/layout/btn_all_close.gif')}
div.headerArea div.allNavi {display:none;}
div.allNaviArea {background-color:#fff; width:100%; text-align:center; font-size:12px; font-weight:normal; display:block;margin-top:-480px;}
div.allNaviArea > ul {width:1199px; border-right:1px solid #ebebeb; margin:0 auto; padding:20px 0;}
div.allNaviArea > ul:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.allNaviArea > ul > li {float:left; width:14.3%; height:220px; text-align:left; border-left:1px solid #ebebeb; padding:0 1%;}
div.allNaviArea > ul > li h2 a {font-size:18px; font-weight:normal; color:#222;}
div.allNaviArea ul li a {display:inline-block; color:#939393; padding:5px;}
div.allNaviArea ul li a:hover {color:#008b98;}


/* contents box */
div.container {width:1280px; padding:15px 0; margin:0 auto; position:relative; z-index:1;}
div.container:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}

section.contBox {background:#ffffff url('../images/layout/bg_cont_rt.gif') right top repeat-y; margin:3px 154px 0 230px;}
section.contBox div.contBoxIn {background:url('../images/layout/bg_cont_lt.gif') left top repeat-y;}
section.contBox div.topBg {background:url('../images/layout/bg_cont_top_ct.gif') left top repeat-x; height:15px;}
section.contBox div.topBg:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.contBox div.topBg span.lt {float:left; display:block; background:url('../images/layout/bg_cont_top_lt.gif') left top no-repeat; width:15px; height:15px;}
section.contBox div.topBg span.rt {float:right; display:block; background:url('../images/layout/bg_cont_top_rt.gif') right top no-repeat; width:15px; height:15px;}
section.contBox div.btmBg {background:url('../images/layout/bg_cont_btm_ct.gif') left bottom repeat-x; width:100%; height:15px;}
section.contBox div.btmBg:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.contBox div.btmBg span.lt {float:left; display:block; background:url('../images/layout/bg_cont_btm_lt.gif') left top no-repeat; width:15px; height:15px;}
section.contBox div.btmBg span.rt {float:right; display:block; background:url('../images/layout/bg_cont_btm_rt.gif') right top no-repeat; width:15px; height:15px;}
section.contBox div.contArea {position:relative;min-height:310px; margin:0 5px; padding:30px 30px 50px 30px;}

section.contBox header {height:26px; padding-top:23px; border-bottom:1px solid #dcdcdc; margin:0 5px;}
section.contBox header:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.contBox header h3 {float:left; margin-left:30px; font-size:20px; font-weight:bold; color:#808080;}
section.contBox header nav {float:right; margin-right:30px;}
section.contBox header nav ul li {float:left; color:#808080; padding-left:5px;}
section.contBox header nav ul li.home a {display:block; background:url('../images/layout/icon_home.gif') left top no-repeat; width:17px; height:15px; font-size:0; line-height:0; text-indent:-99999px;}
section.contBox header nav ul li a {color:#808080; font-family:'NanumGothicBold';}
section.contBox header nav ul li a:hover {color:#006498;}

div.visual {background-position:left top; background-repeat:repeat-x; height:150px; margin:0 5px; position:relative;}
div.visual01 {background-image:url('../images/img/visual_bg01.gif');}
div.visual02 {background-image:url('../images/img/visual_bg02.gif');}
div.visual03 {background-image:url('../images/img/visual_bg03.gif');}
div.visual04 {background-image:url('../images/img/visual_bg04.gif');}
div.visual05 {background-image:url('../images/img/visual_bg05.gif');}
div.visual08 {background-image:url('../images/img/visual_bg01.gif');}
div.visual06 {background-image:url('../images/img/visual_bg06.gif');}
div.visual07 {background-image:url('../images/img/visual_bg02.gif');}
div.visual p.img {background-position:center top; background-repeat:no-repeat; width:100%; height:150px;}
div.visual01 p.img {background-image:url('../images/img/visual_img01.jpg');}
div.visual02 p.img {background-image:url('../images/img/visual_img02.jpg');}
div.visual03 p.img {background-image:url('../images/img/visual_img03.jpg');}
div.visual04 p.img {background-image:url('../images/img/visual_img04.jpg');}
div.visual05 p.img {background-image:url('../images/img/visual_img05.jpg');}
div.visual08 p.img {background-image:url('../images/img/visual_img01.jpg');}
div.visual06 p.img {background-image:url('../images/img/visual_img06.jpg');}
div.visual07 p.img {background-image:url('../images/img/visual_img02.jpg');}
div.visual p.txt {background-position:left top; background-repeat:no-repeat; position:absolute;  font-size:0; line-height:0; text-indent:-99999px;}
div.visual01 p.txt {background-image:url('../images/text/visual_txt01.png'); width:253px; height:44px; right:5%; top:70px;}
div.visual02 p.txt {background-image:url('../images/text/visual_txt02.png'); width:253px; height:49px; left:5%; top:55px;}
div.visual03 p.txt {background-image:url('../images/text/visual_txt03.png'); width:220px; height:44px; right:5%; top:55px;}
div.visual04 p.txt {background-image:url('../images/text/visual_txt04.png'); width:220px; height:44px; right:2%; top:80px;}
div.visual05 p.txt {background-image:url('../images/text/visual_txt05.png'); width:220px; height:43px; left:5%; top:70px;}
div.visual06 p.txt {background-image:url('../images/text/visual_txt06.png'); width:220px; height:49px; right:5%; top:70px;}
div.visual07 p.txt {background-image:url('../images/text/visual_txt09.png'); width:253px; height:49px; left:5%; top:55px;}
div.visual08 p.txt {background-image:url('../images/text/visual_txt08.png'); width:253px; height:44px; right:5%; top:70px;}

div.facilityCont {padding:40px 0;}
div.facilityCont p.img{background:url('../images/img/img_ai_facility.jpg')top center no-repeat;width:100%;height:684px;}

/* button */
div.contBtn {padding:0 28px 20px 35px;}
div.contBtn ul {width:100%;}
div.contBtn ul:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.contBtn ul li {float:left; width:25%;}
div.contBtn ul li strong,
div.contBtn ul li span,
div.contBtn ul li em,
div.contBtn ul li a {display:block; cursor:pointer;}
div.contBtn ul li > span {background-position:right top; background-repeat:no-repeat; height:60px; margin-right:7px;}
div.contBtn ul li.b1 > span,
div.contBtn ul li.b3 > span {background-color:#006498; background-image:url('../images/button/btn_cont01_rt.gif');}
div.contBtn ul li.b2 > span,
div.contBtn ul li.b4 > span {background-color:#c3c3c3; background-image:url('../images/button/btn_cont02_rt.gif');}
div.contBtn ul li a {background-position:left top; background-repeat:no-repeat; height:60px; font-size:18px; line-height:1em; font-weight:normal; color:#ffffff;}
div.contBtn ul li.b1 a,
div.contBtn ul li.b3 a {background-image:url('../images/button/btn_cont01_lt.gif');}
div.contBtn ul li.b2 a,
div.contBtn ul li.b4 a {background-image:url('../images/button/btn_cont02_lt.gif');}
div.contBtn ul li strong {background-position:10px center; background-repeat:no-repeat; height:48px; padding-top:12px;}
div.contBtn ul li.b1 strong {background-image:url('../images/button/btn_cont_icon01.gif'); padding-left:70px;}
div.contBtn ul li.b2 strong {background-image:url('../images/button/btn_cont_icon02.gif'); padding-left:60px;}
div.contBtn ul li.b3 strong {background-image:url('../images/button/btn_cont_icon03.gif'); padding-left:70px;}
div.contBtn ul li.b4 strong {background-image:url('../images/button/btn_cont_icon04.gif'); padding-left:65px;}


/* menu */
section.navi {position:absolute; left:40px; top:18px; width:175px;}
nav.menu {background:#fff; width:175px; font-weight:normal;}
nav.menu ul {width:100%;}
nav.menu ul > li {border-top:1px solid #e5e5e5}
nav.menu ul > li:first-child {border-top:none;}
nav.menu ul li.first h2 {}
nav.menu ul li.last h2 {}
nav.menu ul > li.first h2:hover,
nav.menu ul > li.first.current h2 {background-image:url('../images/layout/bg_menu_on_top.gif');}
nav.menu ul > li.last h2:hover {background-image:url('../images/layout/bg_menu_on_btm.gif');}
nav.menu ul > li.last.current h2 {background-image:none;}
nav.menu h2 a {background:url('../images/layout/blt_menu_off.gif') 160px 21px no-repeat; display:block; min-height:16px; padding:17px 10px; font-family:'NanumGothicBold'; font-size:13px; color:#666; font-weight:normal;}
nav.menu h2 a:hover, 
nav.menu ul > li.current > h2 a {background-color:#006498; background-image:url('../images/layout/blt_menu_on.gif'); color:#fff;}
nav.menu ul > li.first h2 a:hover,
nav.menu ul > li.first.current h2 a,
nav.menu ul > li.last h2 a:hover {background-color:transparent;}
nav.menu ul > li.last.current h2 {padding-bottom:0;}
nav.menu ul > li.last.current h2 a:hover {background-color:#006498;}
nav.menu ul > li > div.smenu {display:none; background-color:#f0f0f0; padding:11px 0 10px 0;}
nav.menu ul > li.last.current div.smenu {background-image:none; margin-right:-2px; padding:0 2px 10px 0;}
nav.menu ul > li.last.current div.smenu ul {background-color:#f0f0f0; padding-top:11px;}
nav.menu ul > li.current > div.smenu ul li {border:none;}
nav.menu div.smenu a {display:block; padding:3px 0 3px 13px; font-size:12px; color:#999;}
nav.menu div.smenu a:hover,
nav.menu div.smenu a.current {color:#006498;}

section.navi ul.quick {background:#008b98 url('../images/layout/bg_quick_menu.gif') right top repeat-y; width:122px; margin-top:18px;}
section.navi ul.quick li.m1 {background:url('../images/layout/bg_quick_menu_top.gif') left top no-repeat; margin-right:0; padding-right:2px;}
section.navi ul.quick li.m2 {margin-right:2px;}
section.navi ul.quick li.m3 {background:url('../images/layout/bg_quick_menu_btm.gif') left bottom no-repeat; margin-right:0; padding:0 2px 2px 0;}
section.navi ul.quick li a {display:block; border-top:1px solid #00626b; padding:7px 0 8px 0; text-align:center; font-size:12px; font-weight:normal; color:#ffffff;}
section.navi ul.quick li.m1 a {border-top:none; padding-top:6px;}
section.navi ul.quick li.m3 a {padding:6px 0 9px 0;}
section.navi p.family{margin-top:18px}

/* quick */ 
section.quickArea {position:absolute; right:38px; top:20px; width:252px;}
section.quickArea div.cont {min-height:200px;}
section.quickArea2 {position:absolute; right:40px; top:20px; width:100px;}


article.quickNavi {background:#c6c6c6 url('../images/layout/bg_box01_ct.gif') right top repeat-y; width:100%; margin-top:18px;}
article.quickNavi div.topBg {width:100%; height:10px;}
article.quickNavi div.topBg:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
article.quickNavi div.topBg span.lt {float:left; display:block; background:url('../images/layout/bg_box01_top_lt.gif') left top no-repeat; width:10px; height:10px;}
article.quickNavi div.topBg span.rt {float:right; display:block; background:url('../images/layout/bg_box01_top_rt.gif') right top no-repeat; width:12px; height:10px;}
article.quickNavi div.btmBg {background:url('../images/layout/bg_box01_btm_ct.gif') left bottom repeat-x; width:100%; height:12px;}
article.quickNavi div.btmBg:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
article.quickNavi div.btmBg span.lt {float:left; display:block; background:url('../images/layout/bg_box01_btm_lt.gif') left top no-repeat; width:10px; height:12px;}
article.quickNavi div.btmBg span.rt {float:right; display:block; background:url('../images/layout/bg_box01_btm_rt.gif') right top no-repeat; width:12px; height:12px;}
article.quickNavi h2 {font-size:12px; color:#000000; padding:10px 0 16px 20px;}
section.quickArea article.quickNavi h2 {padding:6px 0 20px 20px;}
article.quickNavi ul {margin:0 0 0 20px;}
article.quickNavi ul:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;} 
article.quickNavi ul li span{font-family:'NanumBarunGothicBold';display:inline-block;padding-top:5px;}
article.quickNavi ul li {float:left; width:60px; margin:0 12px 18px 0; }
article.quickNavi ul li a {background-position:left top; background-repeat:no-repeat; display:block; width:60px; text-align:center;
						   font-size:11px; letter-spacing:-1.2px; font-family:'NanumGothicExtraBold'; color:#888888; padding-top:62px;}

article.quickNavi ul li a:hover,
article.quickNavi ul li a.on {color:#fff;}
article.quickNavi ul li.m1 a {background-image:url('../images/layout/icon_quick01_off.gif');}
article.quickNavi ul li.m1 a.on,
article.quickNavi ul li.m1 a:hover {background-image:url('../images/layout/icon_quick01_on.gif');}
article.quickNavi ul li.m2 a {background-image:url('../images/layout/icon_quick02_off.gif');}
article.quickNavi ul li.m2 a.on,
article.quickNavi ul li.m2 a:hover {background-image:url('../images/layout/icon_quick02_on.gif');}
article.quickNavi ul li.m3 a {background-image:url('../images/layout/icon_quick03_off.gif');}
article.quickNavi ul li.m3 a.on,
article.quickNavi ul li.m3 a:hover {background-image:url('../images/layout/icon_quick03_on.gif');}
article.quickNavi ul li.m4 a {background-image:url('../images/layout/icon_quick04_off.gif');}
article.quickNavi ul li.m4 a.on,
article.quickNavi ul li.m4 a:hover {background-image:url('../images/layout/icon_quick04_on.gif');}
article.quickNavi ul li.m5 a {background-image:url('../images/layout/icon_quick05_off.gif');}
article.quickNavi ul li.m5 a.on,
article.quickNavi ul li.m5 a:hover {background-image:url('../images/layout/icon_quick05_on.gif');}
article.quickNavi ul li.m6 a {background-image:url('../images/layout/icon_quick06_off.gif');}
article.quickNavi ul li.m6 a.on,
article.quickNavi ul li.m6 a:hover {background-image:url('../images/layout/icon_quick06_on.gif');}

article.info {background:#fff url('../images/layout/bg_box02_ct.gif') right top repeat-y; width:100%;}
article.info div.topBg {width:100%; height:10px;}
article.info div.topBg:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
article.info div.topBg span.lt {float:left; display:block; background:url('../images/layout/bg_box02_top_lt.gif') left top no-repeat; width:10px; height:10px;}
article.info div.topBg span.rt {float:right; display:block; background:url('../images/layout/bg_box02_top_rt.gif') right top no-repeat; width:12px; height:10px;}
article.info div.btmBg {background:url('../images/layout/bg_box02_btm_ct.gif') left bottom repeat-x; width:100%; height:12px;}
article.info div.btmBg:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
article.info div.btmBg span.lt {float:left; display:block; background:url('../images/layout/bg_box02_btm_lt.gif') left top no-repeat; width:10px; height:12px;}
article.info div.btmBg span.rt {float:right; display:block; background:url('../images/layout/bg_box02_btm_rt.gif') right top no-repeat; width:12px; height:12px;}
article.info dl {background:url('../images/layout/bg_info_img.gif') left 25px no-repeat; margin-right:2px;background-image: url('../images/layout/bg_info_img02.gif');}
article.info dl dt {font-family:'NanumBarunGothicBold';font-size:12px; font-weight:normal; color:#008b98; padding:4px 0 0 20px;}
article.info dl dd {text-align:center; padding:0 15px;}
article.info dl dd.phone {font-family:'NanumBarunGothicBold';font-size:34px; line-height:40px; color:#008b98; margin:33px 0 11px 0;}
article.info dl dd.time {font-size:16px; color:#888;}
article.info dl dd.cmt {font-size:13px; line-height:18px; color:#777; margin-top:65px;}
article.info dl dd.cmt p {display:none;}
article.info dl dd.cmt p.pcmt {display:block;}


/* footer */
footer {background-color:#d6d6d6; width:100%; text-align:center;}
footer nav.footNavi {background-color:#b1b1b1; width:100%; padding:10px 0;}
footer nav.footNavi ul li {background:url('../images/layout/bar01.gif') left 6px no-repeat; display:inline-block; padding:0 8px 0 10px;}
footer nav.footNavi ul li:first-child {background:none; padding-left:13px;}
footer nav.footNavi ul li a {display:inline-block; padding:3px 5px; color:#fff; font-family:'NanumGothicBold';}
footer nav.footNavi ul li a.on,
footer nav.footNavi ul li a:hover {color:#008b98;}
footer address {font-size:10px; font-weight:bold; color:#777777; padding:5px 0 10px 0;}
footer address p {display:inline; margin:0 3px;}
footer div.footAdd {padding-top:10px;}
footer div.footAdd p.num {display:inline-block;}
footer div.footAdd span {display:inline-block; margin:2px 10px;}


/* popup */
body.popBg {background-color:#fff;}
div.popWrapper {background-color:#fff; border:1px solid #00aebe; position:relative; z-index:100;}
div.popWrapper header {background-color:#00aebe; height:39px;}
div.popWrapper header h1 {font-size:14px; font-weight:bold; color:#fff; padding:10px 20px 0 20px;}
div.popWrapper section.popCont {padding:20px;}
div.popWrapper span.closeBtn {position:absolute; right:9px; top:9px; width:20px; height:20px; display:inline-block; cursor:pointer;
							  background:url('../images/button/btn_close.gif') left top no-repeat; font-size:0; line-height:0; text-indent:-99999px;}


/************************** default ******************************/
@media screen and (max-width:1280px) {
div.headerArea {background-image:none; background-color:#006498; padding-bottom:85px;}
div.headerArea header {min-width:320px; width:100%; left:0; bottom:0; margin:0;}
div.headerArea span.all {padding-right:0;}
div.allNaviArea > ul {width:100%; border-right:none;}

div.container {min-width:320px; width:100%;}

section.navi {left:0; top:0; width:100%; overflow:hidden;}
section.navi ul.quick {display:none;}
section.navi p.family {display:none}
nav.menu {background:none; width:100%; padding:0;}
nav.menu ul, 
nav.menu ul > li > div.smenu {background-color:#ebebeb;}
nav.menu ul > li {border-top:none;}
nav.menu ul li.first h2,
nav.menu ul li.last h2 {margin:0; padding:0;}
nav.menu ul > li.first h2:hover,
nav.menu ul > li.first.current h2,
nav.menu ul > li.last h2:hover,
nav.menu ul li.first h2, nav.menu ul li.last h2,
nav.menu ul li.first h2 a, nav.menu ul li.last h2 a,
nav.menu li.first h2 a:hover, nav.menu ul > li.first.current h2 a,
nav.menu li.last h2 a:hover, nav.menu ul > li.last.current div.smenu {background-image:none;}
nav.menu ul > li > div.smenu {margin:0; padding:0;}
nav.menu h2 a {background-image:none; background-color:#fff; text-align:center; padding-left:0; padding-right:0;}
nav.menu h2 a:hover, 
nav.menu ul > li.current > h2 a {background-image:none; background-color:#006498; color:#fff;}
nav.menu ul > li.first h2 a:hover,
nav.menu ul > li.first.current h2 a,
nav.menu ul > li.last h2 a:hover {background-color:#006498;}
nav.menu ul > li.last.current div.smenu {background:none; padding:0;}
nav.menu ul > li.last.current div.smenu ul {background-color:#ebebeb; padding-top:0;}
}

/************************** tablets default (768px) ******************************/
@media screen and (min-width:768px) and (max-width:1280px) {

/* header */
div.headerArea h1 {margin-left:15px;}

/* contents */
div.container {padding:96px 0 15px 0;}
section.contBox {margin:0 125px 0 15px;}
section.contBox div.contArea {position:relative;min-height:490px; padding:20px;}
section.contBox header {padding-top:13px;}
section.contBox header h3 {margin-left:20px;}
section.contBox header nav {margin-right:20px;}


/* button */
div.contBtn {padding:10px 19px 10px 25px;}
div.contBtn ul li > span {margin-right:6px;}
div.contBtn ul li a {font-size:16px; letter-spacing:-0.05em;}
div.contBtn ul li strong {background-position:5px center; height:47px; padding-top:13px;}
div.contBtn ul li.b1 strong {padding-left:60px;}
div.contBtn ul li.b2 strong {padding-left:50px;}
div.contBtn ul li.b3 strong {padding-left:62px;}
div.contBtn ul li.b4 strong {padding-left:62px;}


/* menu */
nav.menu > ul {border-top:1px solid #d6d6d6; width:100%; height:80px;}
nav.menu ul > li {float:left; margin:0; width:16.64%}
nav.menu ul > li.m2,
/*nav.menu ul > li.m5 {width:20%;}*/
nav.menu h2 a {border-left:1px solid #d6d6d6;}
nav.menu ul li:first-child h2 a {border-left:none;}
nav.menu ul > li > div.smenu {position:absolute; left:0; top:51px; width:100%; padding:0;}
nav.menu ul > li > div.smenu > ul {float:left; width:auto; padding:2px 0 !important;}
nav.menu ul > li.m1 > div.smenu > ul {margin-left:20px;}
nav.menu ul > li.m2 > div.smenu > ul {margin-left:17%;}
nav.menu ul > li.m3 > div.smenu > ul {margin-left:34%;}
nav.menu ul > li.m4 > div.smenu > ul {margin-left:49%;}
nav.menu ul > li.m5 > div.smenu > ul {float:right; margin-right:15px;}
nav.menu ul > li.m6 > div.smenu > ul {float:right; margin-right:15px;}
nav.menu div.smenu ul li {float:none; display:inline-block; width:auto; background:url('../images/layout/bar03.gif') left 8px no-repeat; padding:0 1px 0 8px;}
nav.menu div.smenu ul li:first-child {background:none;}
nav.menu div.smenu a {padding:5px; font-size:12px; color:#999999;}


/* quick */
section.quickArea {right:18px; top:101px; width:92px;}
section.quickArea div.cont {min-height:0; text-align:center;}
section.quickArea article.quickNavi h2 {font-size:12px; padding:5px 0 10px 0;}
section.quickArea article.quickNavi ul {margin-left:15px;}
section.quickArea article.quickNavi ul li {float:none; width:60px; margin:0 0 10px 0;}
section.quickArea article.info dl {text-align:center; background:none;}
section.quickArea article.info dl dt {padding:5px 0 0 0;}
section.quickArea article.info dl dd {padding:0;}
section.quickArea article.info dl dd.phone {font-size:28px; line-height:30px; margin:14px 0;}
section.quickArea article.info dl dd.phone span {display:block; margin:-10px 0;}
section.quickArea article.info dl dd.time {font-size:13px; margin:5px 0;}
section.quickArea article.info dl dd.cmt {margin-top:15px;}
section.quickArea article.info dl dd.cmt p.pcmt,
section.quickArea article.info dl dd.cmt p.mcmt {display:none;}
section.quickArea article.info dl dd.cmt p.tcmt {display:block;}

section.quickArea2 {right:18px; top:101px; width:92px;}
section.quickArea2 div.cont {min-height:0; text-align:center;}
section.quickArea2 article.quickNavi2 h2 {font-size:12px; padding:5px 0 10px 0;}
section.quickArea2 article.quickNavi2 ul {margin-left:15px;}
section.quickArea2 article.quickNavi2 ul li {float:none; width:60px; margin:0 0 10px 0;}

/* member contents */
div.container.memberCont {padding-top:66px;}
div.container.memberCont nav.menu > ul {height:50px;}
div.container.memberCont section.quickArea {top:71px;}

section.mainContArea article.fbArea {display:none;}
}

/************************** mobile default (320px) ******************************/
@media screen and (max-width:767px) {

/* header */
div.headerArea {height:90px; text-align:center; padding:0;}
div.headerArea h1 {float:none; width:100%; padding:6px 0 2px 0; margin-top:0;}
div.headerArea h1 a {width:240px;margin:0 auto;background:url('../images/layout/logo_m.png') center no-repeat;}
div.headerArea nav {float:none; margin:0 auto;}
div.headerArea nav > ul {float:none; margin:0 auto;}
div.headerArea nav > ul li {font-weight:normal; padding:0 3px 0 7px;}
div.headerArea span.all {display:none;}
div.allNaviArea {display:none;}


/* contents */
div.wrapper {padding-top:90px;}
div.container {padding:229px 0 15px 0;}
section.contBox {margin:0 5px 0 5px; min-width:310px;}
section.contBox div.contArea {position:relative;min-height:0; padding:20px 10px;}
section.contBox header {padding-top:11px;}
section.contBox header h3 {font-size:16px; margin-left:15px;}
section.contBox header nav {display:none;}

div.visual {height:50px;}
div.visual01 {background-image:url('../images/img/visual_bg01_m.gif');}
div.visual02 {background-image:url('../images/img/visual_bg02_m.gif');}
div.visual03 {background-image:url('../images/img/visual_bg03_m.gif');}
div.visual04 {background-image:url('../images/img/visual_bg04_m.gif');}
div.visual05 {background-image:url('../images/img/visual_bg05_m.gif');}
div.visual06 {background-image:url('../images/img/visual_bg06_m.gif');}
div.visual07 {background-image:url('../images/img/visual_bg07_m.gif');}
div.visual08 {background-image:url('../images/img/visual_bg01_m.gif');}
div.visual p.img {height:50px;}
div.visual01 p.img {background-image:url('../images/img/visual_img01_m.jpg');}
div.visual02 p.img {background-image:url('../images/img/visual_img02_m.jpg');}
div.visual03 p.img {background-image:url('../images/img/visual_img03_m.jpg');}
div.visual04 p.img {background-image:url('../images/img/visual_img04_m.jpg');}
div.visual05 p.img {background-image:url('../images/img/visual_img05_m.jpg');}
div.visual06 p.img {background-image:url('../images/img/visual_img06_m.jpg');}
div.visual07 p.img {background-image:url('../images/img/visual_img07_m.jpg');}
div.visual08 p.img {background-image:url('../images/img/visual_img01_m.jpg');}
div.visual p.txt {display:none;}

div.facilityCont{padding:20px 0}
div.facilityCont p.img{background:url('../images/img/img_ai_facility_m.jpg')top center no-repeat;height:1235px;}


/* button */
div.contBtn {padding:0 5px 0 15px;}
div.contBtn ul li > span {height:77px; margin-right:10px;}
div.contBtn ul li a {text-align:center; font-size:12px; color:#bbbbbb;}
div.contBtn ul li a:hover {color:#006498;}
div.contBtn ul li strong {background-position:center 10px; height:17px; padding-top:60px;}
div.contBtn ul li.b1 strong {background-image:url('../images/button/btn_cont_icon01_m.gif'); padding-left:0;}
div.contBtn ul li.b2 strong {background-image:url('../images/button/btn_cont_icon02_m.gif'); padding-left:0;}
div.contBtn ul li.b3 strong {background-image:url('../images/button/btn_cont_icon03_m.gif'); padding-left:0;}
div.contBtn ul li.b4 strong {background-image:url('../images/button/btn_cont_icon04_m.gif'); padding-left:0;}
div.contBtn ul li a em {background-color:#fff; height:15px; padding-top:5px;}
div.contBtn ul li a span {display:none;}


/* menu */
nav.menu > ul {border-top:1px solid #d6d6d6; width:100%; height:213px;}
nav.menu ul > li {float:left; margin:0; width:50%;}
nav.menu ul > li.m2,
nav.menu ul > li.m5 {width:50%;}
/*nav.menu ul > li.m6 {width:100%}*/
nav.menu h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;}
nav.menu ul li.m1 h2 a,
nav.menu ul li.m3 h2 a,
nav.menu ul li.m5 h2 a {border-left:none;}
nav.menu ul > li > div.smenu {position:absolute; left:0; top:154px; width:100%; padding:0;}
nav.menu ul > li > div.smenu > ul {float:none; width:100%; padding:2px 0 !important; margin:0 auto; text-align:center;}
nav.menu div.smenu ul li {float:none; display:inline-block; width:auto; background:url('../images/layout/bar03.gif') left 5px no-repeat; padding:0 1px 0 8px;}
nav.menu div.smenu ul li:first-child {background:none;}
nav.menu div.smenu a {padding:2px 5px; font-size:12px; color:#999999;}


/* quick */
section.quickArea {position:static; width:auto; min-width:302px; margin:15px 8px 0 10px;}
section.quickArea div.cont {min-height:0;}
section.quickArea article.quickNavi h2 {padding:5px 0 10px 10px;}
section.quickArea article.quickNavi ul {float:none; height:80px; overflow:hidden; margin:0 auto; text-align:center; padding-left:6px;}
section.quickArea article.quickNavi ul li {float:none; display:inline-block; margin:0 9px 5px 0;}
section.quickArea article.info dl {position:relative; background:none; padding:0 10px;}
section.quickArea article.info dl dt {padding:0;}
section.quickArea article.info dl dd {padding:0;}
section.quickArea article.info dl dd.phone {font-size:28px; line-height:30px; margin:8px 0 5px 0;}
section.quickArea article.info dl dd.phone span {display:inline;}
section.quickArea article.info dl dd.time {background-color:transparent; padding:0; position:absolute; right:10px; top:0; font-size:13px;}
section.quickArea article.info dl dd.cmt {margin-top:0;}
section.quickArea article.info dl dd.cmt p.pcmt,
section.quickArea article.info dl dd.cmt p.tcmt {display:none;}
section.quickArea article.info dl dd.cmt p.mcmt {display:block;}

section.quickArea2 {position:static; width:auto; min-width:302px; margin:15px 8px 0 10px;}
section.quickArea2 div.cont {min-height:0;}
section.quickArea2 article.quickNavi2 h2 {padding:5px 0 10px 12px;}
section.quickArea2 article.quickNavi2 ul {float:none; height:85px; overflow:hidden; margin:0 auto; text-align:center; padding-left:6px;}
section.quickArea2 article.quickNavi2 ul li {float:none; display:inline-block; margin:0 9px 5px 0;}

/* member contents */
div.container.memberCont {padding-top:168px;}
div.container.memberCont nav.menu > ul {height:153px;}

/* popup */
div.popWrapper header h1 {padding:10px 10px 0 10px;}
div.popWrapper section.popCont {padding:20px 10px;}

section.mainContArea article.fbArea {display:none;}
}


/************************** etc ******************************/
@media screen and (max-width:920px) {
div.allNaviArea {margin-top:-480px;}
div.allNaviArea > ul > li {width:28% !important; padding-left:4%;}
}
@media screen and (max-width:500px) {
footer address p {display:block;}
}
@media screen and (max-width:940px) {
div.headerArea div.txt {display:none;}
div.headerArea div.grand {display:none;}
}