@charset "utf-8";

html {margin: 0; padding: 0; height: 100%;}
body {margin: 0; padding: 0; height: 100%; /*overflow: hidden;*/}

/* html5 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}

/* common */
body, div, a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table,
caption, thead, tfoot, tbody, th, td, form, fieldset, legend,
input, select, option, textarea, button, img, header, footer, section, article, aside,
nav, details, menu, figure, figcaption {margin: 0; padding: 0; font-weight: normal;}
ul {list-style: none;}
img, fieldset, select, input {border: none;}
legend {display: none;}
img, select, input {vertical-align: middle;}
a {text-decoration: none;}

/* drag color */
::selection {background:#070707; color: #FFF; text-shadow: none;}
::-moz-selection {background:#070707; color: #FFF; text-shadow: none;}
::-webkit-selection {background:#070707; color: #FFF; text-shadow: none;}

/* 메인(백그라운드) */
#main-wrap {position: relative; top: 0; left: 0; width: 100%; height: 100%; /*background: url(/images/main/bg01.jpg) no-repeat; background-size: cover; background-position: 70% 50%;*/ z-index:0;}

.main-bg {position: absolute; z-index: -100; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/main/slide/bg01.jpg) no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}

/* 이벤트 메뉴 이펙트 */
.ba_move_btn {
    position: relative;
    animation:ba_move_btn 1s infinite;
    z-index:10;
	box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.1);
    opacity: 0.9;
    display: inline-block;
}



@keyframes ba_move_btn {
    0% {
        bottom:0px;
    }
    
    50% {
        bottom:3px;
    }

    100% {
        bottom:-2px;
    }
}


/* 메인 */
#main-event {position: fixed; z-index: 20; top: 0; left: 0; width: 60px; height: 100%;}
#main-event a#main-event-btn {position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -11.5px; width: 23px; height: 26px;}

/* Left Menu st */
#main-menu {position: absolute; z-index: 20; top: 0; left: 320px; /*width: 254px;*/ width: 320px; height: 100%; /*background: url(/images/main/menu_bg.png) repeat-y left;*/ /*overflow-y: auto;*/ /*border:1px solid red;*/}
#main-menu #leftmenu {position: relative; clear: both; width: 160px; /*margin: 0 auto;*/ margin: 0 auto 0 47px; padding: 0px;}
#main-menu #leftmenu .logo { position: relative; clear: both; width: 160px; height: 161px; margin: 0; padding: 0px; text-align: center; /* background: url(/images/main/menu_line.png) no-repeat bottom; */ }
#main-menu #leftmenu .logo img	{ margin-top: 34px; }
#main-menu #leftmenu ul.lm {margin: 0px; padding: 46px 0px; list-style: none; background: url(/images/main/menu_line.png) no-repeat bottom;}
#main-menu #leftmenu ul.lm li {height: 31px; margin: 0px; padding: 0 0 0 20px; color: #FFFFFF; font-size: 18px; line-height: 31px; font-weight: 600; font-family: 'Nanum Gothic';}
#main-menu #leftmenu ul.lm li a	{
					color: #FFFFFF; text-decoration: none;
					text-shadow: #333 0.05em 0.05em 0.1em
					}
#main-menu #leftmenu ul.quickbtn {display: inline-block; clear: both; margin: 26px 0 0 0; padding: 0px; list-style: none;}
#main-menu #leftmenu ul.quickbtn li {float: left; margin-top: 6px; margin-bottom: 0px;}
#main-menu #leftmenu ul.quickbtn li:nth-child(1) {margin-right: 10px;}
#main-menu #leftmenu ul.quickbtn li:nth-child(2) {margin-right: 10px;}
#main-menu #leftmenu ul.quickbtn li:nth-child(3) {margin-right: 0px;}
#main-menu #leftmenu ul.quickbtn li:nth-child(4) {margin-right: 10px;}
#main-menu #leftmenu ul.quickbtn li:nth-child(5) {margin-right: 10px;}
#main-menu #leftmenu ul.quickbtn li:nth-child(6) {margin-right: 0px;}

#main-menu #leftmenu .logoNew { position: relative; clear: both; width: 160px; height: 161px; margin: 0; padding: 0px; text-align: center; background: url(/images/main/menu_line.png) no-repeat bottom;}
#main-menu #leftmenu .logoNew img	{margin-top: 34px; }


/* Left Menu New st */
#main-menu #leftmenu_new .smenu		{ position: absolute; top: 0; left: 0; width: 380px; height: 18px; margin: 0px; padding: 0px; }
#main-menu #leftmenu_new .smenu ul	{ position: relative; clear: both; list-style: none; height: 18px; margin: 40px 0 0 225px; padding: 0px; }
#main-menu #leftmenu_new .smenu li	{ float: left; height: 18px; margin: 0px; padding: 0px; list-style: none; line-height: 18px; background: url(/images/menu/btn_ek_line.png) no-repeat right bottom; }
#main-menu #leftmenu_new .smenu li:nth-child(1) { width: 63px; padding: 0 7px 0 0; }
#main-menu #leftmenu_new .smenu li:nth-child(2) { width: 62px; padding: 0 0 0 7px; background:none; }

#main-menu #leftmenu_new { position: relative; clear: both; width: 380px; margin: 0 auto 0 0px; padding: 0px;}
#main-menu #leftmenu_new .leftmenu_bg	{ position: relative; clear: both; width: 190px; background: url(/images/menu/menu_bg.png) repeat-y; }
#main-menu #leftmenu_new .logo { position: relative; clear: both; width: 190px; height: 148px; margin: 0; padding: 0px; text-align: center; background: url(/images/menu/menu_line.png) no-repeat bottom; }
#main-menu #leftmenu_new .logo img	{ margin: 0px; }
#main-menu #leftmenu_new ul.lm {margin: 0px; padding: 0px 0px; list-style: none; }
#main-menu #leftmenu_new ul.lm li { width: 190px; height: 44px; margin: 0px; padding: 0px; background: url(/images/menu/menu_line.png) no-repeat bottom; }
#main-menu #leftmenu_new ul.lm li:hover	{
					background: url(/images/menu/menu_bg_over.png) no-repeat bottom;
					}
#main-menu #leftmenu_new .online		{ position: relative; width: 190px; height: 150px; }
#main-menu #leftmenu_new .kakao		{ position: relative; width: 190px; height: 48px; background: url(/images/menu/menu_bg.png) repeat-y; }
#main-menu #leftmenu_new .misoinfo	{ position: relative; width: 190px; height: 281px; }
#main-menu #leftmenu_new ul.quickbtn { position: relative; clear: both; list-style: none; height: 50px; margin: 0px; padding: 0px; background: url(/images/menu/menu_bg.png) repeat-y; }
#main-menu #leftmenu_new ul.quickbtn li {float: left; height: 50px; margin: 0px; padding: 0px; background: url(/images/menu/btn_line.png) repeat-y right; }
#main-menu #leftmenu_new ul.quickbtn li:nth-child(1) { width: 48px; }
#main-menu #leftmenu_new ul.quickbtn li:nth-child(2) { width: 48px; }
#main-menu #leftmenu_new ul.quickbtn li:nth-child(3) { width: 47px; }
#main-menu #leftmenu_new ul.quickbtn li:nth-child(4) { width: 48px; background:none; }


#main-event-content {position:absolute; top: 0; left: -320px; z-index: 30; width: 100%; max-width: 320px; height: 100%; background: rgba(255, 255, 255, 0.85); overflow-y:hidden;}
#main-event-content a#main-event-content-closer {position: absolute; top: 50%; right: 10px; width: 40px; height: 40px; margin: -15px 0 0 -30px; text-align: center; line-height: 32px; font-size: 25px; color: #000; text-decoration: none;}

#main-slogan {display: none; position: absolute; z-index: 10; width: 100%; height: auto; left: 0; top: 0; text-align: center;}
#main-slogan img {width: 100%; max-width: 467px; margin-top: 230px;}


/* Contents st */
#contents {
	display: none; position: fixed; z-index: 30; width: 100%; height: 100%; /*min-height: 946px;*/
	background: url(/images/main/contents_bg.png); margin: 0px; padding: 0px; right: 0;
}
#contents #con {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(/images/common/contents_bg.png);
	top: 0;
	right: -100%;
	-webkit-overflow-scrolling: touch;
	/*overflow-y: scroll; */
}
#contents #con iframe {margin: 0 0 0 10px; width: 100%; height: 100%; /*min-height: 946px;*/ border: 0px solid red; margin: 0px; padding: 0px; right: 0;}


/* Sub st */
#subwrap		{ position: relative; clear: both; width: 100%; margin: 0 0 0 10px; padding: 0px; overflow-x: hidden; overflow-y: auto; border: 0px solid red; }
/*#subwrap #subtop				{ position: fixed; width: 950px; min-height: 254px; top: 0; left: 0; background: url(/images/common/sub_top_bg.png) no-repeat top; overflow: hidden; z-index: 10; }*/
#subwrap #subtop				{ position: fixed; width: 100%; margin: 0 0 0 0; height: auto; /*min-height: 254px;*/ top: 0; left: 0; background: url(/images/common/sub_top_bg.png) no-repeat top; border: 0px solid red; z-index: 999; }
#subwrap #subtop .topExit {position: absolute; width: 52px; height: 51px; /*right: 56px;*/ right: 7%; /*top: 39px;*/ top: 25%; border: 0px solid red; z-index: 20; transition: all 0.2s ease-in-out; }
#subwrap #subtop .topExit-fixed { width: 22px; height: 21px; top: 12px; transition: all 0.3s ease-in-out; }

#subwrap #subtop .topExit a {display: inline-block; width: 100%; height: 100%;}
#subwrap #subtop .topExit a img {width: 100%;}
#subwrap #subtop .topTit		{ position: relative; height: 150px; margin: 0 auto; padding: 0px; text-align: center; color: #000000; font-size: 45px; line-height: 150px; font-weight: 400; font-family: 'Nanum Gothic'; border: 0px solid red; transition: all 0.2s ease-in-out; }
#subwrap #subtop .topTit-fixed		{ height: 50px; font-size: 28px; line-height: 50px; transition: all 0.3s ease-in-out; }

#subwrap #subtop ul		{ position: relative; clear: both; height: 40px; list-style: none; margin: 0px; padding: 0 11px; background: url(/images/common/sub_menu_bg_off.png) repeat-x top; }
#subwrap #subtop ul li	{ position: relative; float: left; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 38px; font-weight: 600; font-family: 'Nanum Gothic'; height: 40px; list-style: none; background: url(/images/common/sub_menu_bg_line.png) no-repeat right; }
#subwrap #subtop ul li.last		{ background: none; }
#subwrap #subtop ul li.on		{ background: url(/images/common/sub_menu_bg_on.png) repeat-x top; }
#subwrap #subtop ul li a			{ color:#FFFFFF; text-decoration:none; }
#subwrap #subtop ul li a:link	{ color:#FFFFFF; text-decoration:none; }

ul.topMenu2 li		{ width: 395px; }
ul.topMenu3 li		{ width: 266px; }
ul.topMenu4 li		{ width: 200px; }
ul.topMenu5 li		{ width: 155px; }
ul.topMenu6 li		{ width: 132px; }
ul.topMenu7 li		{ width: 155px; }


#subwrap #subcon {position: relative; display: block; width: auto; /*width: 950px;*/ /*min-height: 1000px;*/ top: 0; left: 0; margin: 67px auto 67px auto; /*padding-top: 257px;*/ padding: 0;}
#subwrap #subcon .subTit		{ position: relative; display: inline-block;  height: 80px; margin: 0px; margin-left: 35px; padding: 0 30px 0 0; text-align: left; color: #000000; font-size: 25px; line-height: 50px; font-weight: 600; letter-spacing: -1px; font-family: 'Nanum Gothic'; background: url(/images/common/sub_title_line.gif) no-repeat top left; }
#subwrap #subcon .topimg		{ position: relative; clear: both; margin: 0px; margin-left: -10px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
#subwrap #subcon .subCon	{ position: relative; clear: both; margin: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
#subwrap #subcon .subCon img {max-width: 100%; margin: 0 auto;}
.sub0101img	{ background: url(/images/sub/sub0101_bg.jpg) no-repeat right top; }

/* 온라인 상담 */
#subwrap #csTop	{ position: relative; width: 720px; height: 260px; padding: 0px; margin: 0 auto; margin-top: 20px; background: url(/images/sub/cs/top_img.jpg) no-repeat top center; }
#subwrap #csTop .topExit { position: absolute; width: 56px; height: 55px; /*right: 56px;*/ right: 2%; /*top: 39px;*/ top: 5%; border: 0px solid red; z-index: 20;}
#subwrap #csTop .topExit a {display: inline-block; width: 100%; height: 100%;}
#subwrap #csTop .topExit a img {width: 100%;}
.csTit  { color: #516897; font-weight: bolder; }

/* 다음 맵 */
.mapSize	{ width:738px;height:414px; margin-left:40px; border: 1px solid #204071; }

#btn-subtop {
	position: fixed; bottom: 50px; right: 5px;
}
#btn-subtop a		{ color: #000 ;}

.sub0103_add		{ margin: 10px 0px 0 0; width: 95%; text-align: right;}

@media only screen and (max-width: 1024px) {
	#subwrap #subcon {padding: 0 10px;}

	ul.topMenu2 li		{ width: 395px; }
	ul.topMenu3 li		{ width: 245px; }
	ul.topMenu4 li		{ width: 200px; }
	ul.topMenu5 li		{ width: 155px; }
	ul.topMenu6 li		{ width: 132px; }
	ul.topMenu7 li		{ width: 155px; }

	/* ul.topMenuV li	{ display: inline-block; padding-right: 14px; padding-left: 14px; } */


}


/************** 임시 시안 컨펌용 ****************/
@media only screen and (max-width: 682px) {
	ul.topMenu6 {display: none}
	#subwrap #subcon {margin-top: 0;}
	#subwrap #subtop .topExit {top: 40%;}
	#subwrap #subtop .topExit a {width: 60%; height: 60%;}
}
/************** 임시 시안 컨펌용 ****************/






@media only screen and (max-width: 320px) {
	/* Left Menu st */
	#main-wrap { overflow:hidden;}
	#main-menu #leftmenu .logo {height: 100px;}
	#main-menu #leftmenu .logo img	{margin-top: 20px; width: 90%; }
	#main-menu #leftmenu ul.lm {padding: 40px 0px 10px 0px;}
	#main-menu #leftmenu ul.lm li {height: 24px; margin: 0px; padding: 0 0 0 20px; color: #FFFFFF; font-size: 16px; line-height: 24px; font-weight: 600; font-family: 'Nanum Gothic';}
	#main-menu #leftmenu ul.quickbtn {margin: 5px 0 0 0;}

	#main-slogan {display: none;}
	#main-slogan img{width: 35%; min-width: 240px; margin-top: 177px;}


	#contents #con {
		position: fixed;
		width: 100%; height: 100%;
		background: url(/images/common/contents_bg.png) right;
		top: 0;
		right: -100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
	}

	#subwrap		{ position: relative; clear: both; width: 100%; margin: 0 0 0 0px; padding: 0px; overflow-x: hidden; overflow-y: auto; border: 0px solid red; }
	#subwrap #subtop				{ position: fixed; width: 100%; margin: 0 0 0 0; height: auto; /*min-height: 254px;*/ top: 0; left: 0; background: url(/images/common/sub_top_bg.png) no-repeat top; border: 0px solid red; z-index: 999; }
	#subwrap #subtop .topExit {position: absolute; width: 32px; height: 31px; /*right: 56px;*/ right: 7%; /*top: 39px;*/ top: 25%; border: 0px solid red; z-index: 20; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topExit-fixed { width: 22px; height: 21px; top: 12px; transition: all 0.3s ease-in-out; }
	#subwrap #subtop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #subtop .topExit a img {width: 100%;}
	#subwrap #subtop .topTit		{ position: relative; height: 100px; margin: 0 auto; padding: 0px; text-align: center; color: #000000; font-size: 35px; line-height: 100px; font-weight: 400; font-family: 'Nanum Gothic'; border: 0px solid red; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topTit-fixed		{ height: 50px; font-size: 28px; line-height: 50px; transition: all 0.3s ease-in-out; }

	#subwrap #subtop ul		{ position: relative; clear: both; list-style: none; margin: 0px; padding: 0px; background-color: #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
	#subwrap #subtop ul li	{ position: relative; float: left; height: 30px; text-align: center; color: #FFFFFF; font-size: 12px; letter-spacing:-1px; line-height: 25px; font-weight: 600; font-family: 'Nanum Gothic'; list-style: none; background: none; }
/*	#subwrap #subtop ul li.last		{ border-right: 0px solid #4d4d4d; } */
	#subwrap #subtop ul li.on		{ background-color: #ff5a00; }
	#subwrap #subtop ul li a			{ color:#FFFFFF; text-decoration:none; }
	#subwrap #subtop ul li a:link	{ color:#FFFFFF; text-decoration:none; }

	#subwrap #subtop ul.topMenu2		{ height: 30px; }
	ul.topMenu2 li		{ width: 49%; border-right: 1px solid #4d4d4d; }
	ul.topMenu2 li:nth-child(2) { border-right: 0px; }

	#subwrap #subtop ul.topMenu3		{ height: 30px; }
	ul.topMenu3 li		{ width: 33.1%; border-right: 1px solid #4d4d4d; }
	ul.topMenu3 li:nth-child(3) { border-right: 0px; }

	#subwrap #subtop ul.topMenu4		{ height: 30px; }
	ul.topMenu4 li		{ width: 24.9%; border-right: 1px solid #4d4d4d; }
	ul.topMenu4 li:nth-child(4) { border-right: 0px; }

	#subwrap #subtop ul.topMenu5		{ height: 60px; }
	ul.topMenu5 li		{ width: 33.1%; border-right: 1px solid #4d4d4d; }
	ul.topMenu5 li:nth-child(1) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenu5 li:nth-child(2) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenu5 li:nth-child(3) { border-right: 0px; border-bottom: 1px solid #4d4d4d; }

	#subwrap #subtop ul.topMenuS		{ height: 60px; }
	ul.topMenuS li		{ width: 28%; border-right: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(1) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(2) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(3) { width: 44%; border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(6) { width: 44%; border-right: 0px; }

	#subwrap #subtop ul.topMenuV		{ height: 60px; }
	ul.topMenuV li		{ width: 33.1%; border-right: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(1) { /*width: 27.1%;*/ border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(2) { /* width: 39.1%; */ border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(3) { border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(6) { border-right: 0px; }



	#subwrap #subcon {position: relative; display: block; width: auto; /*width: 950px;*/ /*min-height: 1000px;*/ top: 0; left: 0; margin: 67px 0px; /*padding-top: 257px;*/ padding: 0;}
	#subwrap #subcon .subTit		{ position: relative; display: inline-block;  height: 60px; margin: 0px; margin-left: 20px; padding: 0 30px 0 0; text-align: left; color: #000000; font-size: 23px; line-height: 50px; font-weight: 600; letter-spacing: -1px; font-family: 'Nanum Gothic'; background: url(/images/common/sub_title_line.gif) no-repeat top left; }
	#subwrap #subcon .topimg		{ position: relative; clear: both; margin: 0px; margin-left: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .topimg img { max-width: 100%; margin: 0 0 5px 0; }
	#subwrap #subcon .subCon	{ position: relative; clear: both; margin: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .subCon img { max-width: 95%; margin: 0; }


	/* 온라인 상담 */
	#subwrap #csTop	{ position: relative; width: 100%; height: 150px; padding: 0px; margin: 0 auto; margin-top: 20px; background: url(/images/sub/cs/top_img.jpg) no-repeat; background-size: 100%; }
	#subwrap #csTop .topExit { position: absolute; width: 28px; height: 27px; /*right: 56px;*/ right: 2%; /*top: 39px;*/ top: 5%; border: 0px solid red; z-index: 20;}
	#subwrap #csTop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #csTop .topExit a img {width: 100%;}


	/* 다음 맵 */
	.mapSize	{ width:94%;height:300px; margin-left: 2%; border: 1px solid #204071; }

	#btn-subtop {
		position: fixed; bottom: 100px; right: 15px;
	}
}




@media only screen and (min-width:321px) and (max-width: 767px) {
	#main-wrap { overflow:hidden;}
	#main-menu #leftmenu .logo {height: 100px;}
	#main-menu #leftmenu .logo img	{margin-top: 30px;}
	#main-menu #leftmenu ul.lm {padding: 90px 0px 20px 0px;}
	#main-menu #leftmenu ul.lm li {height: 27px; margin: 0px; padding: 0 0 0 20px; color: #FFFFFF; font-size: 18px; line-height: 27px; font-weight: 600; font-family: 'Nanum Gothic';}
	#main-menu #leftmenu ul.quickbtn {margin: 26px 0 0 0;}

	#main-slogan {display: block;}
	#main-slogan img{width: 40%; margin-top: 22%;}


	#contents #con {
		position: fixed;
		width: 100%; height: 100%;
		background: url(/images/common/contents_bg.png) right;
		top: 0;
		right: -100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
	}

	#subwrap		{ position: relative; clear: both; width: 100%; margin: 0 0 0 10px; padding: 0 0 50px 0; overflow-x: hidden; overflow-y: auto; border: 0px solid red; }
	#subwrap #subtop				{ position: fixed; width: 100%; margin: 0 0 0 10px; height: auto; /*min-height: 254px;*/ top: 0; left: 0; background: url(/images/common/sub_top_bg.png) no-repeat top; border: 0px solid red; z-index: 999; }
	#subwrap #subtop .topExit {position: absolute; width: 32px; height: 31px; /*right: 56px;*/ right: 7%; /*top: 39px;*/ top: 25%; border: 0px solid red; z-index: 20; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topExit-fixed { width: 22px; height: 21px; top: 12px; transition: all 0.3s ease-in-out; }
	#subwrap #subtop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #subtop .topExit a img {width: 100%;}
	#subwrap #subtop .topTit		{ position: relative; height: 100px; margin: 0 auto; padding: 0px; text-align: center; color: #000000; font-size: 35px; line-height: 100px; font-weight: 400; font-family: 'Nanum Gothic'; border: 0px solid red; transition: all 0.2s ease-in-out;}
	#subwrap #subtop .topTit-fixed		{ height: 50px; font-size: 28px; line-height: 50px; transition: all 0.3s ease-in-out; }

	#subwrap #subtop ul		{ position: relative; clear: both; list-style: none; margin: 0px; padding: 0px; background-color: #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
	#subwrap #subtop ul li	{ position: relative; float: left; height: 30px; text-align: center; color: #FFFFFF; font-size: 13px; letter-spacing:-0.5px; line-height: 25px; font-weight: 600; font-family: 'Nanum Gothic'; list-style: none; background: none; }
/*	#subwrap #subtop ul li.last		{ border-right: 0px solid #4d4d4d; } */
	#subwrap #subtop ul li.on		{ background-color: #ff5a00; }
	#subwrap #subtop ul li a			{ color:#FFFFFF; text-decoration:none; }
	#subwrap #subtop ul li a:link	{ color:#FFFFFF; text-decoration:none; }


	#subwrap #subtop ul.topMenu2		{ height: 30px; }
	ul.topMenu2 li		{ width: 49%; border-right: 1px solid #4d4d4d; }
	ul.topMenu2 li:nth-child(2) { border-right: 0px; }

	#subwrap #subtop ul.topMenu3		{ height: 30px; }
	ul.topMenu3 li		{ width: 33.1%; border-right: 1px solid #4d4d4d; }
	ul.topMenu3 li:nth-child(3) { border-right: 0px; }

	#subwrap #subtop ul.topMenu4		{ height: 30px; }
	ul.topMenu4 li		{ width: 33.1%; border-right: 1px solid #4d4d4d; }
	ul.topMenu4 li:nth-child(1) { width: 15%; }
	ul.topMenu4 li:nth-child(4) { width: 18%; border-right: 0px; }

	#subwrap #subtop ul.topMenu5		{ height: 60px; }
	ul.topMenu5 li		{ width: 33.1%; border-right: 1px solid #4d4d4d; }
	ul.topMenu5 li:nth-child(1) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenu5 li:nth-child(2) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenu5 li:nth-child(3) { border-right: 0px; border-bottom: 1px solid #4d4d4d; }

	#subwrap #subtop ul.topMenuS		{ height: 60px; }
	ul.topMenuS li		{ width: 33.1%; border-right: 1px solid #4d4d4d; letter-spacing: -1px; }
	ul.topMenuS li:nth-child(1) { /*width: 27.1%; */ border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(2) { /*width: 39.1%; */ border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(3) { border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(6) { border-right: 0px;  }

	#subwrap #subtop ul.topMenuV		{ height: 60px; }
	ul.topMenuV li		{ width: 24.8%; border-right: 1px solid #4d4d4d; letter-spacing: -1px; }
	ul.topMenuV li:nth-child(1) { /*width: 27.1%; */ border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(2) { /*width: 39.1%; */ border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(3) { border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(4) { border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(6) {  }
	ul.topMenuV li:nth-child(7) {  }



	#subwrap #subcon {position: relative; display: block; width: auto; /*width: 950px;*/ /*min-height: 1000px;*/ top: 0; left: 0; margin: 67px 0px; /*padding-top: 257px;*/ padding: 0;}
	#subwrap #subcon .subTit		{ position: relative; display: inline-block;  height: 60px; margin: 0px; margin-left: 20px; padding: 0 30px 0 0; text-align: left; color: #000000; font-size: 23px; line-height: 50px; font-weight: 600; letter-spacing: -1px; font-family: 'Nanum Gothic'; background: url(/images/common/sub_title_line.gif) no-repeat top left; }
	#subwrap #subcon .topimg		{ position: relative; clear: both; margin: 0px; margin-left: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .topimg img { max-width: 100%; margin: 0 0 5px 0; }
	#subwrap #subcon .subCon	{ position: relative; clear: both; margin: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .subCon img { max-width: 95%; margin: 0; }

	/* 온라인 상담 */
	#subwrap #csTop	{ position: relative; width: 100%; height: 160px; padding: 0px; margin: 0 auto; margin-top: 20px;  margin-bottom: -50px; background: url(/images/sub/cs/top_img.jpg) no-repeat; background-size: 100%; }
	#subwrap #csTop .topExit { position: absolute; width: 8%; height: 8%; /*right: 56px;*/ right: 2%; /*top: 39px;*/ top: 5%; border: 0px solid red; z-index: 20;}
	#subwrap #csTop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #csTop .topExit a img {width: 100%;}


	/* 다음 맵 */
	.mapSize	{ width:94%;height:300px; margin-left:2%; border: 1px solid #204071; }

	#btn-subtop {
		position: fixed; bottom: 100px; right: 15px;
	}
}


@media only screen and (min-width:768px) and (max-width: 840px) {
	#main-menu #leftmenu .logo {height: 100px;}
	#main-menu #leftmenu .logo img	{margin-top: 30px;}
	#main-menu #leftmenu ul.lm {padding: 90px 0px 20px 0px;}
	#main-menu #leftmenu ul.lm li {height: 27px; margin: 0px; padding: 0 0 0 20px; color: #FFFFFF; font-size: 18px; line-height: 27px; font-weight: 600; font-family: 'Nanum Gothic';}
	#main-menu #leftmenu ul.quickbtn {margin: 26px 0 0 0;}

	#main-slogan {display: block;}
	#main-slogan img{width: 40%; margin-top: 22%;}


	#contents #con {
		position: fixed;
		width: 100%; height: 100%;
		background: url(/images/common/contents_bg.png) right;
		top: 0;
		right: -100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
	}

	#subwrap		{ position: relative; clear: both; width: auto; margin: 0 0 0 10px; padding: 0px; overflow-x: hidden; overflow-y: auto; border: 0px solid red; }
	#subwrap #subtop				{ position: fixed; width: 100%; margin: 0 0 0 10px; height: auto; /*min-height: 254px;*/ top: 0; left: 0; border: 0px solid red; z-index: 999; }
	#subwrap #subtop .topExit {position: absolute; width: 32px; height: 31px; /*right: 56px;*/ right: 7%; /*top: 39px;*/ top: 25%; border: 0px solid red; z-index: 20; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topExit-fixed { width: 22px; height: 21px; top: 12px; transition: all 0.3s ease-in-out; }
	#subwrap #subtop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #subtop .topExit a img {width: 100%;}
	#subwrap #subtop .topTit		{ position: relative; height: 100px; margin: 0 auto; padding: 0px; text-align: center; color: #000000; font-size: 35px; line-height: 100px; font-weight: 400; font-family: 'Nanum Gothic'; border: 0px solid red; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topTit-fixed		{ height: 50px; font-size: 28px; line-height: 50px; transition: all 0.3s ease-in-out; }

	#subwrap #subtop ul		{ position: relative; clear: both; width: auto; height: 40px; list-style: none; margin: 0px; padding: 0 11px; background: url(/images/common/sub_menu_bg_off.png) repeat-x top; }
	#subwrap #subtop ul li	{ position: relative; float: left; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 38px; font-weight: 600; font-family: 'Nanum Gothic'; height: 40px; list-style: none; background: url(/images/common/sub_menu_bg_line.png) no-repeat right; }
	#subwrap #subtop ul li.last		{ background: none; }
	#subwrap #subtop ul li.on		{ background: url(/images/common/sub_menu_bg_on.png) repeat-x top; }
	#subwrap #subtop ul li a			{ color:#FFFFFF; text-decoration:none; }
	#subwrap #subtop ul li a:link	{ color:#FFFFFF; text-decoration:none; }

	ul.topMenu2 li		{ width: 49%; }
	ul.topMenu3 li		{ width: 33.3%; }
	ul.topMenu4 li		{ width: 24.9%; }
	ul.topMenu5 li		{ width: 20%; }
	ul.topMenu6 li		{ width: 20%; }

	/* ul.topMenuV li	{ width: 16.5%; display: inline-block; padding-right: 9px; padding-left: 9px;  } */

	#subwrap #subtop ul.topMenuS		{  }
	ul.topMenuS li		{ width: 16%; letter-spacing: -1.0px; }
	ul.topMenuS li:nth-child(3) { width: 20%;  }
	ul.topMenuS li:nth-child(6) { border-right: 0px; }


	#subwrap #subtop ul.topMenuV		{  }
	ul.topMenuV li		{ width: 16.5%; letter-spacing: -1.0px; }
	ul.topMenuV li:nth-child(1) { width: 11.5%; }
	ul.topMenuV li:nth-child(2) { width: 12.5%; }
	ul.topMenuV li:nth-child(3) { width: 14.0%; }
	ul.topMenuV li:nth-child(5) { width: 12.1%; }
	ul.topMenuV li:nth-child(6) { width: 16.7%; }
	ul.topMenuV li:nth-child(7) { border-right: 0px; }


	#subwrap #subcon {position: relative; display: block; width: auto; /*width: 950px;*/ /*min-height: 1000px;*/ top: 0; left: 0; margin: 67px 0px; /*padding-top: 257px;*/ padding: 0;}
	#subwrap #subcon .subTit		{ position: relative; display: inline-block;  height: 60px; margin: 0px; margin-left: 40px; padding: 0 30px 0 0; text-align: left; color: #000000; font-size: 23px; line-height: 50px; font-weight: 600; letter-spacing: -1px; font-family: 'Nanum Gothic'; background: url(/images/common/sub_title_line.gif) no-repeat top left; }
	#subwrap #subcon .topimg		{ position: relative; clear: both; margin: 0px; margin-left: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .topimg img { max-width: 100%; margin: 0 0 5px 0; }
	#subwrap #subcon .subCon	{ position: relative; clear: both; margin: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .subCon img { max-width: 90%; margin: 0; }

	/* 온라인 상담 */
	#subwrap #csTop	{ position: relative; width: 720px; height: 260px; padding: 0px; margin: 0 auto; margin-top: 20px; background: url(/images/sub/cs/top_img.jpg) no-repeat; background-size: 100%; }
	#subwrap #csTop .topExit { position: absolute; width: 56px; height: 55px; /*right: 56px;*/ right: 2%; /*top: 39px;*/ top: 5%; border: 0px solid red; z-index: 20;}
	#subwrap #csTop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #csTop .topExit a img {width: 100%;}

	#btn-subtop {
		position: fixed; bottom: 100px; right: 15px;
	}
}



/* 타블렛 */
@media only screen and (min-width:841px) and (max-width: 1280px) {
	#main-menu #leftmenu .logo {height: 161px;}
	#main-menu #leftmenu .logo img	{margin-top: 34px;}
	#main-menu #leftmenu ul.lm {padding: 46px 0px;}
	#main-menu #leftmenu ul.quickbtn {margin: 26px 0 0 0;}

	#main-slogan {display: block;}
	#main-slogan img{max-width: 100%; margin-top: 230px;}

	#contents #con {
		position: fixed;
		width: 830px; height: 100%;
		background: url(/images/common/contents_bg.png);
		top: 0;
		right: -100%;
		-webkit-overflow-scrolling: touch;
		/* overflow-y: auto; */
	}

	#subwrap		{ position: relative; clear: both; width: auto; margin: 0 0 0 10px; padding: 0px; overflow-x: hidden; overflow-y: auto; border: 0px solid red; }
	#subwrap #subtop				{ position: fixed; width: 100%; margin: 0 0 0 10px; height: auto; /*min-height: 254px;*/ top: 0; left: 0; border: 0px solid red; z-index: 999; }
	#subwrap #subtop .topExit {position: absolute; width: 32px; height: 31px; /*right: 56px;*/ right: 7%; /*top: 39px;*/ top: 25%; border: 0px solid red; z-index: 20; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topExit-fixed { width: 22px; height: 21px; top: 12px; transition: all 0.3s ease-in-out; }
	#subwrap #subtop .topExit a {display: inline-block; width: 100%; height: 100%;}
	#subwrap #subtop .topExit a img {width: 100%;}
	#subwrap #subtop .topTit		{ position: relative; height: 100px; margin: 0 auto; padding: 0px; text-align: center; color: #000000; font-size: 35px; line-height: 100px; font-weight: 400; font-family: 'Nanum Gothic'; border: 0px solid red; transition: all 0.2s ease-in-out; }
	#subwrap #subtop .topTit-fixed		{ height: 50px; font-size: 28px; line-height: 50px; transition: all 0.3s ease-in-out; }


	#subwrap #subtop ul		{ position: relative; clear: both; width: auto; height: 40px; list-style: none; margin: 0px; padding: 0 11px; background: url(/images/common/sub_menu_bg_off.png) repeat-x top; }
	#subwrap #subtop ul li	{ position: relative; float: left; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 38px; font-weight: 600; font-family: 'Nanum Gothic'; height: 40px; list-style: none; background: url(/images/common/sub_menu_bg_line.png) no-repeat right; }
	#subwrap #subtop ul li.last		{ background: none; }
	#subwrap #subtop ul li.on		{ background: url(/images/common/sub_menu_bg_on.png) repeat-x top; }
	#subwrap #subtop ul li a			{ color:#FFFFFF; text-decoration:none; }
	#subwrap #subtop ul li a:link	{ color:#FFFFFF; text-decoration:none; }

	ul.topMenu2 li		{ width: 49%; }
	ul.topMenu3 li		{ width: 33.3%; }
	ul.topMenu5 li		{ width: 20%; }

	/*ul.topMenuV li	{ width: 16.5%;  display: inline-block; padding-right: 14px !important; padding-left: 14px !important;  }*/

	#subwrap #subtop ul.topMenuS		{  }
	ul.topMenuS li		{ width: 16%; }
	ul.topMenuS li:nth-child(3) { width: 20.0%; }
	ul.topMenuS li:nth-child(6) { border-right: 0px; }


	#subwrap #subtop ul.topMenuV		{  }
	ul.topMenuV li		{ width: 16.5%; }
	ul.topMenuV li:nth-child(1) { width: 11.5%; }
	ul.topMenuV li:nth-child(2) { width: 12.5%; }
	ul.topMenuV li:nth-child(3) { width: 14.0%; }
	ul.topMenuV li:nth-child(5) { width: 12.1%; }
	ul.topMenuV li:nth-child(6) { width: 16.7%; }
	ul.topMenuV li:nth-child(7) { border-right: 0px; }


	#subwrap #subcon {position: relative; display: block; width: auto; max-width:820px;/*min-height: 1000px;*/ top: 0; left: 0; margin: 67px 0px; /*padding-top: 257px;*/ padding: 0; border: 0px solid red; }
	#subwrap #subcon .subTit		{ position: relative; display: inline-block;  height: 80px; margin: 0px; margin-left: 45px; padding: 0 30px 0 0; text-align: left; color: #000000; font-size: 23px; line-height: 50px; font-weight: 600; letter-spacing: -1px; font-family: 'Nanum Gothic'; background: url(/images/common/sub_title_line.gif) no-repeat top left; }
	#subwrap #subcon .topimg		{ position: relative; clear: both; width: 840px; margin: 0px; margin-left: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .topimg img { width: 100%; margin: 0 0 5px 0; }
	#subwrap #subcon .subCon	{ position: relative; clear: both; margin: 0px; /*padding: 0 45px;*/ /*width: 890px;*/ width: 100%; border: 0px solid red; text-align: center;}
	#subwrap #subcon .subCon img { max-width: 95%; margin: 0; }

	#btn-subtop {
		position: fixed; bottom: 100px; right: 15px;
	}
}




@media only screen and (min-width: 1025px) {
	#contents #con {width: 67%; max-width: 848px;}
}
@media only screen and (min-width: 1300px) {
	#contents #con {width: 59.40%; max-width: 848px;}
}
@media only screen and (min-width: 1600px) {
	#contents #con {width: 51.60%; max-width: 848px;}
}
@media only screen and (min-width: 1900px) {
	#contents #con {width: 47.74%; max-width: 848px;}
}
@media only screen and (min-width: 2049px) {
	#contents #con {width: 40%; max-width: 848px;}
}


.online-input .row { clear:both;}

@media only screen and (max-width: 320px) {
	.online-btn { width:18%; text-align:left; margin-right:0.5%; margin-left:0.5%}
	.online-input { width: 80%;}
	.online-form { width:100%; margin:0 auto; margin-top: 20px; margin-bottom: 20px; }

	.online-input-left { width: 48%; float:left; margin-right:2%; }
	.online-input-right { width: 48%; float:right; text-align:right;}
	.online-input input { width: 90%; padding:5px; border:2px solid #E3E3E3; height:14px; line-height:1.0; font:12px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-textarea { padding:5px 0 0 0; margin:0; display:block; padding-right:14px; }
	.online-input textarea { width:100%; border:2px solid #E3E3E3; padding:5px; font:12px 'Nanum Gothic'; color:gray; height:51px;}

	.online-input .online-input-one { padding:0px 0 0 0;}
	.online-input select { width:100%; border:2px solid #E3E3E3; padding:5px; font:12px 'Nanum Gothic'; color:gray;}

	.online-input .pad5 { padding:5px 0 0 0;}
	.online-input-right select { width:47%; height:28px; line-height:0;}
	.input-submit { width:60%; height:28px;}
	.online-agree { font-size:12px;}
	.online-policy { font-size:12px;}
}
@media only screen and (min-width:321px) and (max-width: 666px) {
	.online-btn { width:18%; text-align:left; margin-right:0.5%; margin-left:0.5%}
	.online-input { width: 80%;}
	.online-form { width:100%; margin:0 auto; margin-top: 20px; margin-bottom: 20px; }

	.online-input-left { width: 48%; float:left; margin-right:2%; }
	.online-input-right { width: 48%; float:right; text-align:right;}
	.online-input input { width: 90%; padding:5px; border:2px solid #E3E3E3; height:14px; line-height:1.0; font:12px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-textarea { padding:5px 0 0 0; margin:0; display:block; padding-right:14px; }
	.online-input textarea { width:100%; border:2px solid #E3E3E3; padding:5px; font:12px 'Nanum Gothic'; color:gray; height:81px;}

	.online-input .online-input-one { padding:0px 0 0 0;}
	.online-input select { width:100%; border:2px solid #E3E3E3; padding:5px; font:12px 'Nanum Gothic'; color:gray;}

	.online-input .pad5 { padding:5px 0 0 0;}
	.online-input-right select { width:47%; height:28px; line-height:0;}
	.input-submit { width:60%; height:28px;}
	.online-agree { font-size:12px;}
	.online-policy { font-size:12px;}
}
@media only screen and (min-width:667px) and (max-width: 767px) {
	.online-btn { width:18%; text-align:left; margin-right:0.5%; margin-left:0.5%}
	.online-input { width: 80%;}
	.online-form { width:100%; margin:0 auto; margin-top: 20px; margin-bottom: 20px; }

	.online-input-left { width: 48%; float:left; margin-right:2%; }
	.online-input-right { width: 48%; float:right; text-align:right;}
	.online-input input { width: 90%; padding:5px; border:2px solid #E3E3E3; height:14px; line-height:1.0; font:12px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-textarea { padding:5px 0 0 0; margin:0; display:block; padding-right:14px; }
	.online-input textarea { width:100%; border:2px solid #E3E3E3; padding:5px; font:12px 'Nanum Gothic'; color:gray; height:81px;}

	.online-input .online-input-one { padding:0px 0 0 0;}
	.online-input select { width:100%; border:2px solid #E3E3E3; padding:5px; font:12px 'Nanum Gothic'; color:gray;}

	.online-input .pad5 { padding:5px 0 0 0;}
	.online-input-right select { width:47%; height:28px; line-height:0;}
	.input-submit { width:60%; height:28px;}
	.online-agree { font-size:12px;}
	.online-policy { font-size:12px;}
}
@media only screen and (min-width:768px) and (max-width: 1280px) {
	.online-btn { width:160px; text-align:left;}
	.online-input { width: 580px;}
	.online-form { width:740px; margin:0 auto; margin-top: 30px; margin-bottom: 80px; }

	.online-input-left { width: 280px; float:left; margin-right:10px;}
	.online-input-right { width: 290px; float:right; text-align:right;}
	.online-input input { width: 254px; padding:10px; border:3px solid #E3E3E3; height:28px; line-height:1.0; font:17px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-textarea { padding:9px 0 0 0; margin:0; padding-right:26px; }
	.online-input textarea { width:100%; height:212px; border:3px solid #E3E3E3; padding:10px; font:17px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-one { padding:6px 0 0 0;}
	.online-input select { width:100%; border:3px solid #E3E3E3; padding:10px; font:17px 'Nanum Gothic'; color:gray;}

	.online-input .pad5 { padding:9px 0 0 0;}
	.online-input-right select { width:135px; height:54px;}
	.input-submit { width:60%; height:50px;}

	#subwrap #subcon { max-width:100%; padding-right:10px;}

}
@media only screen and (min-width:1281px) {
	.online-btn { width:160px; text-align:left;}
	.online-input { width: 580px;}
	.online-form { width:740px; margin:0 auto; margin-top: 30px; margin-bottom: 80px; }

	.online-input-left { width: 280px; float:left; margin-right:10px;}
	.online-input-right { width: 290px; float:right; text-align:right;}
	.online-input input { width: 254px; padding:10px; border:3px solid #E3E3E3; height:28px; line-height:1.0; font:17px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-textarea { padding:0 0 0 0; margin:0; display:block; padding-right:26px; }
	.online-input textarea { width:100%; height:225px; border:3px solid #E3E3E3; padding:10px; font:17px 'Nanum Gothic'; color:gray;}

	.online-input .online-input-one { padding:0 0 0 0;}
	.online-input select { width:100%; border:3px solid #E3E3E3; padding:10px; font:17px 'Nanum Gothic'; color:gray;}

	.online-input .pad5 { padding:5px 0 0 0;}
	.online-input-right select { width:135px; height:54px;}
	.input-submit { width:60%; height:50px;}
}




@media only screen and (max-width: 490px), only screen and (max-device-width: 490px) {

	#subwrap #subtop ul.topMenuS		{ height: 60px; }
	ul.topMenuS li		{ width: 26.8%; border-right: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(3) { width: 44.8%; border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuS li:nth-child(6) { width: 44.8%; border-right: 0px;  }

	#subwrap #subtop ul.topMenuV		{ height: 91px; }
	ul.topMenuV li		{ border-right: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(1) { width: 33.5%; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(2) { width: 28.0%; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(3) { width: 36.5%; border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(4) { width: 33.5%; border-right: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(5) { width: 28.0%; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(6) { width: 36.5%; border-right: 0px; border-bottom: 1px solid #4d4d4d; }
	ul.topMenuV li:nth-child(7) { width: 33.5%; }
}

.ban_mobile
{
    display:none
}

@media screen and (max-width:480px)
{
    .ban_pc
    {
        display:none
    }

    .ban_mobile
    {
        display:block
    }
}