@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;}

/*
299 6ce blue
008 294 xi


*/

/* header */
div.headerArea {position:fixed; top:0; z-index:10; background: none; /* 원하는 배경색으로 설정 */  width:100%; padding-bottom:92px;}
div.headerArea header {position:absolute; bottom:7px; left:50%; width:1200px; margin-left:-600px; height:90px;}
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:12px;}
div.headerArea h1 a {
    display: block;
    width: 255px;
    height: 49px;
    padding: 5px;
    font-size: 20px; /* 원하는 글자 크기 설정 */
    line-height: 49px; /* 텍스트를 박스 안에서 중앙 정렬 */
    text-align: center; /* 텍스트를 가운데 정렬 */
    color: #fdfbfb; /* 텍스트 색상 설정 */
    background: none; /* 배경 이미지를 제거 */
    text-indent: 0; /* 텍스트 위치 설정 */
}

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:#4a5152;}
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:277px;height:33px;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:#4a5152; 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; 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:#4a5152; 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:#008294;}


/* 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:0 305px 0 175px;}
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:#008294;}

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,
div.visual08 {background-image:url('/images/img/visual_bg05.gif');}
div.visual06 {background-image:url('/images/img/visual_bg06.gif');}
div.visual07 {background-image:url('/images/img/visual_bg07.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,
div.visual08 p.img {background-image:url('/images/img/visual_img05.jpg');}
div.visual06 p.img {background-image:url('/images/img/visual_img06.jpg');}
div.visual07 p.img {background-image:url('/images/img/visual_img07.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:222px; height:49px; left:5%; top:55px;}
div.visual03 p.txt {background-image:url('/images/text/visual_txt03.png'); width:183px; height:44px; right:5%; top:55px;}
div.visual04 p.txt {background-image:url('/images/text/visual_txt04.png'); width:220px; height:44px; left:5%; top:70px;}
div.visual05 p.txt {background-image:url('/images/text/visual_txt05.png'); width:307px; height:75px; right:5%; top:50px;}
div.visual06 p.txt {background-image:url('/images/text/visual_txt06.png'); width:187px; height:49px; left:5%; top:50px;}
div.visual07 p.txt {background-image:url('/images/text/visual_txt07.png'); width:147px; height:45px; left:50%; top:75px; margin-left:-200px;}
div.visual08 p.txt {background-image:url('/images/text/visual_txt08.png'); width:307px; height:75px; right:5%; top:50px;}

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:#008294; 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:122px;}
nav.menu {background:#fff url('/images/layout/bg_menu_ct.gif') right top repeat-y; width:120px; padding-right:2px; 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 {background:url('/images/layout/bg_menu_off_top.gif') left top no-repeat; margin-right:-2px; padding:2px 2px 0 0;}
nav.menu ul li.last h2 {background:url('/images/layout/bg_menu_off_btm.gif') left bottom no-repeat; margin-right:-2px; padding:0 2px 2px 0;}
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') 106px 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:#008294; 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:#008294;}
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:url('/images/layout/bg_menu_on_btm02.gif') left bottom no-repeat; 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:#008294;}

section.navi ul.quick {background:#008294 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 #008294; 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;}

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:1px 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 16px 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:#008294;}
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:#008294; padding:4px 0 0 20px;}
article.info dl dd {text-align:center; padding:0 15px;}

/* �ʷϻ�     e71808 -> e71808    */
article.info dl dd.phone {font-family:'NanumBarunGothicBold';font-size:28px; line-height:40px; color:#008294; 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:1px 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:'NanumGothic';}
footer nav.footNavi ul li a.on,
footer nav.footNavi ul li a:hover {color:#008294;}
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:#008 c99; padding-bottom:85px;} header_bg_K
*/
div.headerArea { background: none;  padding-bottom:92px;}
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:#008294; 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:#008 c99;}
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;}
*/
nav.menu h2 a:hover, 
nav.menu ul > li.current > h2 a {background-image:none; background-color:#008294; 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:#dd4868;} ������

nav.menu ul > li.last h2 a:hover {background-color:#4ea6d7;} �Ķ���
*/
nav.menu ul > li.last h2 a:hover {background-color:#008294;} 


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.contBox2 {margin:0 125px 0 25px;}
section.contBox2 div.contArea2 {position:relative;min-height:250px; 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 #4ea6d7; width:100%; height:80px;}

/*
nav.menu ul > li {float:left; margin:0; width:24.95%}
*/



nav.menu ul > li {float:left; margin:0; width:32.99%}




nav.menu ul > li.m2,
/*nav.menu ul > li.m5 {width:20%;}*/

/* nav.menu h2 a {border-right: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:20px;}
*/

nav.menu ul > li.m1 > div.smenu > ul {margin-left:20px;}
nav.menu ul > li.m2 > div.smenu > ul {margin-left:34%;}
nav.menu ul > li.m3 > div.smenu > ul {margin-left:34%;}



/*
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:24px; 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;}

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

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


div.headerArea {height:85px; text-align:center; padding:0; }
div.headerArea h1 {float:none; width:100%; padding:0px 0px 0px 0; margin-top:0;}
div.headerArea h1 a {width:240px;margin:0 auto;background: none; /* 배경 이미지를 제거 */ }

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:85px;}
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.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.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:#008294;}
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:33%;}
nav.menu ul > li.m2
nav.menu ul > li.m3 {width:34%;}
/*nav.menu ul > li.m4 {width:34%;}
nav.menu ul > li.m6 {width:100%}*/
nav.menu h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}


/*
nav.menu ul li.m1 h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;},
nav.menu ul li.m2 h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;},
nav.menu ul li.m3 h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;},
nav.menu ul li.m4 h2 a {border-left:none;}
*/
nav.menu ul li.m1 h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;},
nav.menu ul li.m2 h2 a {border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;},
nav.menu ul li.m3 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:24px; 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;}

/*  ����Ͽ��� Ư�� ���� hiddel */
/*section.quickArea article.quickNavi  {display:none;}

section.quickArea article.info  {display:none;}

/* 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;}
}


/************************** 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;}
}