@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */

* {margin:0; padding:0; font-family:"Nanum Gothic",sans-serif;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; font-family:"Nanum Gothic",sans-serif; line-height:1;}
caption {visibility:hidden; display:block;}
#wrap {
	width:100%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
#header_wrap {
	width:100%;
	position:relative;
	top:0;
	left:0;
	z-index:150;
	overflow:hidden;
	border-bottom:2px solid #c1c1c3;
}
.header {
	width:100%;
	height:80px;
	position:relative;
	margin:0 auto;
	background-color: #F43900;
}
.header h1 {
	width:100%;
	text-align:center;
	padding:5px 0 5px 0px;
	margin:0;
	line-height:0;
}
.header .right_top {
	position:absolute;
	top:5px;
	right:0px;
	float: left;
}
#wrap #contents #ctns #story .main_ctns img {
	width: 100%;
}

.header .left_top {
	top:5px;
	float: left;
	position: absolute;
}


/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; display:none;}
.menu_wrap > div {
	height:100%;
	width:100%;
	position:relative;
	margin:0 auto;
	overflow-x:hidden;
}
.menu_wrap .menu_area {
	width:80%;
	position:absolute;
	top:0;
	right:68%;
}
#wrap  #container  #mainvisual  {
	width: 100%;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	clear: both;
}
#wrap #container #mainvisual img {
	width: 100%;
}


.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {
	width:100%;
	height:80px;
	overflow:hidden;
	background-color: #F43900;
}
.menu_wrap .menu_area .row_01 a {width:auto; height:65px; display:block; float:left; background:#fff; padding:0;}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #c1c1c3; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#000000; font-weight:bolder; text-indent:10px; font-size:15px;
background:#fff url('/img/ndental_m_gnb_arrow_off.jpg') 96% bottom no-repeat; background-size:auto 10px;}
.menu_wrap .menu_area .row_02 > li.selected > a { background:#fff;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#c1c1c3 url('/img/ndental_m_gnb_arrow_on.jpg') 96% top no-repeat;  background-size:auto 10px;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:30px; line-height:30px; color:#ffffff; text-indent:15px; font-size:13px; font-weight:bold;}
.menu_wrap .menu_area .row_04  {
	width:100%;
	overflow:hidden;
	background-color: #c2c8cb;	
}
.menu_wrap .menu_area .row_04  > ul {
	width:100%;
	position:relative;
	margin:0 auto;
}
.menu_wrap .menu_area .row_04   > ul > li img {
	width:100%;	
} 
.menu_wrap .menu_area .row_05  { width:100%; overflow:hidden; background:#c1c1c3;}
.menu_wrap .menu_area .row_05  > ul {
	width:100%;
	position:relative;
	margin:0 auto;
}
.menu_wrap .menu_area .row_05  > ul > li {
	float:left;
	width:50%;
}
.menu_wrap .menu_area .row_05  > ul > li.last { margin-right:0;}
.menu_wrap .menu_area .row_05  > ul > li img { width:100%;}


/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {

}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}
#wrap #container {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	background-color: #d7d7d7;
}


#wrap #container #btns {
	width: 100%;
	position: relative;
	background-color: #d7d7d7;
	float: left;
	padding-bottom: 2%;
}
#footer {
	background-color: #999999;
	float: left;
	font-family: "나눔고딕";
	font-size: 11px;
	color: #FFFFFF;
	line-height: 120%;
	width: 100%;
}
#wrap #contents #ctns #top {
	float: right;
	margin-right: 8px;
	margin-bottom: 10px;
}
#wrap #contents #ctns #story .main_ctns th {
	border: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 3px;
}
#wrap #contents #ctns #story .main_ctns td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

#wrap #footer .copyright {
	margin-top: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	float: left;
	width: 94%;
}


#icon {
	width: 96%;
	clear: both;
	position: relative;
	background-color: #d7d7d7;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 2%;
}
#icon ul {
	float: left;
	width: 100%;
}
#wrap #container #cc #cs ul {
	width: 100%;
}


#icon ul li {
	float: left;
	width: 23%;
	margin: 1%;
}
#wrap #footer #cc #cs .left {
	width: 36%;
}
#wrap #footer #cc #cs .ct {
	width: 5%;
}
#wrap #footer #cc #cs .right {
	width: 59%;
}

#wrap #footer #cc {
	width: 100%;
	position: relative;
	background-image: url(../img/bg_cc.gif);
	height: auto;
	background-repeat: repeat;
	clear: both;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
}
#wrap #footer #cc #cs {
	width: 80%;
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 2%;
	margin-left: auto;
	position: relative;
}
#wrap #footer #cc #cs img {
	width: 100%;
}

#wrap #footer #cc #cs li {
	float: left;
}

#icon img {
	width: 100%;
}

/*sub*/
#wrap #contents {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	background-color: #d7d7d7;
}
#wrap #contents #title {
	float: left;
	width: 100%;
	background-image: url(../img/title_bg.gif);
	height: 67px;
}
#wrap #contents #title .tit {
	margin-top: 18px;
}
#wrap #contents #smenu {
	background-color: #ff9600;
	float: left;
	height: 40px;
	width: 100%;
}
#wrap #contents #smenu li {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	font-weight: normal;
	color: #FFFFFF;
}
#wrap #contents #smenu a {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
}
#wrap #contents #smenu a:hover {
	font-weight: bold;
	color: #333333;
	font-size: 13px;
}
#wrap #contents #smenu .over {
	background-image: url(../img/submenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 17px;
}
#wrap #contents #ctns {
	background-color: #FFFFFF;
	width: 100%;
	float: left;
}



#wrap #contents #title li {
	float: left;
}
#wrap #contents #ctns #story {
	margin: 8px;
	font-size: 13px;
	line-height: 120%;
}

#wrap #contents #title .right {
	float: right;
}
#wrap #container #ph img {
	width: 100%;
}
#wrap #container #btns01 {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 10px;
	padding-top: 5px;
}
#wrap #container #btns01 ul {
	float: left;
	width: 100%;
}
#wrap #container #btns01 li {
	float: left;
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 10px;
	margin-bottom: 5px;
}
#wrap #container #btns01 img {
	width: 100%;
}