@charset "utf-8";

#wrap {
	position: relative;
}

body {
	overflow-x: hidden;
}

#header {
	height: 83px;
	background-color: #03305c;
}

#header:after {
	clear: both;
	content: "";
	display: block;
}

#header h1 {
	position: absolute;
	left: 50%;
	top: 26px;
	margin-left: -42px;
}

#header h2 {
	float: left;
}

#header h2.mypage {
	float: right;
}

#header h2.mypage img {}

#content {
	position: relative;
	overflow: hidden;
}

#container {}

#container:after {
	clear: both;
	content: "";
	display: block;
}

#container .lnb {}

#container .lnb:after {
	clear: both;
	content: "";
	display: block;
}

#container .lnb ul {
	height: 46px;
	background-color: #111;
}

#container .lnb ul li {
	float: left;
	width: 25%;
	text-align: center;
}

#container .lnb ul li a {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	height: 29px;
	display: block;
	padding-top: 17px;
}

/* #content .main_slide {}
#content .main_slide {} */


#content #header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: none;
	width: 100%;
}

#content div.main_slide {
	position: relative;
}

#content div.main_slide:after {
	clear: both;
	content: "";
	display: block;
}

#content div.main_slide .bxslider {}

#content div.main_slide .bxslider li {
	overflow: hidden;
	position: relative;
	margin-right: 1px;
}

#content div.main_slide .bxslider li a img {
	display: block;
	width: 320px;
	z-index: 1000;
}

#content div.main_slide .bx-controls {
	width: 100%;
	position: absolute;
	bottom: 25px;
	left: 20px;
}

#content div.main_slide .bx-controls div {
	float: left;
	margin-right: 4px;
}

#content div.main_slide .bx-controls div a {
	display: inline-block;
	text-indent: -9999px;
	background: url("../images/main/btn_off.png") no-repeat;
	background-size: 13px 13px;
	width: 13px;
	height: 14px;
}

#content div.main_slide .bx-controls div a.active {
	background: url("../images/main/btn_on.png") no-repeat;
	background-size: 28px 12px;
	width: 29px;
	height: 13px;
}

#content .main_cont {
	background-color: #fff;
}

#content .main_cont .main_banner {}

#content .main_cont .main_banner ul {}

#content .main_cont .main_banner ul li {}

#footer {
	position: relative;
	background-color: #303030;
	padding: 0 0 2.8%;
	text-align: center;
}

#footer ul.footer_btn {
	height: 42px;
	background-color: #282828;
	border-bottom: 1px solid #141414;
	padding-left: 21px;
}

#footer ul.footer_btn li {
	float: left;
	width: 50%;
	height: 43px;
	text-align: center;
	background: url("../images/common/footer_nav.gif") no-repeat 0 16px;
	background-size: 1px 9px;
}

#footer ul.footer_btn li:first-child {
	background: none;
	width: 50%;
}

#footer ul.footer_btn li a {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	height: 29px;
	padding-top: 14px;
	display: block;
}

#footer ul.footer_btn li.footer_btn3 {
	padding-right: 5px;
}

#footer ul.footer_nav {
	padding: 17px 0 0 14%;
	border-top: 1px solid #393939;
}

#footer ul.footer_nav:after {
	clear: both;
	content: "";
	display: block;
}

#footer ul.footer_nav li {
	float: left;
	text-align: center;
	width: 23%;
	background: url("../images/common/footernav_line.gif") no-repeat left center;
	background-size: 1px 10px;
}

#footer ul.footer_nav li.first {
	background: none;
	padding-left: 0;
}

#footer ul.footer_nav li.footer_nav3 {
	width: 38%;
}

#footer ul.footer_nav li a {
	font-size: 12px;
	color: #ccc;
	font-weight: 600;
}

#footer ul.footer_nav li a.point {
	color: #ccc;
}

#footer address {
	margin: 0 4%;
	padding: 17px 0 13px 0;
	font-size: 12px;
	color: #bbb;
	font-weight: 400;
	line-height: 18px;
}

#footer address span.line {
	font-size: 13px;
	padding: 0 5px;
	font-weight: 100;
}

#footer address p {
	padding-top: 10px;
}


.footer_search {
	background-color: #303030;
	padding: 0 3% 4%;
}

.footer_search div.search_form {
	background: #fff url("../images/common/search_line.gif") no-repeat left top;
	background-size: 100% 1px;
	border-left: 1px solid #7a7a7a;
	border-bottom: 1px solid #7a7a7a;
	position: relative;
	padding: 8px 0 0 5px;
	min-height: 20px;
}

.footer_search div.search_form input {
	width: 100%;
	background: none;
	border: none;
}

.footer_search div.search_form p {
	position: absolute;
	right: 0;
	top: 0;
}

/* .footer_search {background-color:#303030; padding:0 4% 3%;}
.footer_search div {background:#fff url("../images/common/search_line.gif") no-repeat left top; background-size:100% 1px; border-left:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; position:relative; min-height:27px; padding-left:5px;}
.footer_search div input {width:80%; height:100%; background:none; border:none; padding-top:5px;}
.footer_search div p {position:absolute; right:0; top:0;} */




/**********서브디자인**********/
#sub_tab {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 2.8%;
}

#sub_tab table {
	background-color: #fff;
	text-align: center;
}

#sub_tab table td {
	border: 1px solid #ccc;
}

#sub_tab table td a {
	display: block;
	width: 99%;
	padding: 8px 0;
	margin: 0 0 -1px 0;
	font-size: 13px;
	color: #333;
	font-weight: 600;
}

#sub_tab table td.on a {
	background-color: #03305c;
	border: 1px solid #03305c;
	color: #fff;
}

#sub_cont {
	padding: 1% 4% 10% 4%;
}

#sub_cont h2.subtit {
	padding: 10px 0;
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 600;
	color: #333;
	text-align: center;
	background: url("../images/sub/title_line.gif") no-repeat center bottom;
	background-size: 100% 2px;
}

#sub_cont h2.login {
	text-align: center;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	border: none;
}

.sub_banner .banner_list {
	height: 80px;
	padding: 20px 0 20px 0;
	border-top: 1px solid #ccc;
}

.sub_banner .banner_list:after {
	clear: both;
	content: "";
	display: block;
}

.sub_banner .banner_list li {
	float: left;
	width: 25%;
	height: 80px;
	text-align: center;
}

.sub_banner .banner_list li p {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	padding-top: 9px;
}

#sub_cont div.sub_greeting {}

#sub_cont div.sub_greeting h2 {
	padding-bottom: 20px;
}

#sub_cont div.sub_greeting .greeting_tit {
	padding-bottom: 20px;
}

#sub_cont div.sub_greeting .greeting_cont {
	color: #888;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding-bottom: 40px;
}

#sub_cont div.sub_history {
	position: relative;
}

#sub_cont div.sub_history h2 {
	padding-bottom: 20px;
}

#sub_cont div.sub_history ul {
	position: relative;
}

#sub_cont div.sub_history ul li {
	position: relative;
	padding: 13px 0;
}

#sub_cont div.sub_history ul li:after {
	clear: both;
	content: "";
	display: block;
}

#sub_cont div.sub_history ul li:last-child {
	padding-bottom: 0;
}

#sub_cont div.sub_history ul li.year1 {
	background: url("../images/sub/year1.png") no-repeat left top;
	background-size: 115px;
	padding-top: 36px;
}

#sub_cont div.sub_history ul li.year2 {
	background: url("../images/sub/year2.png") no-repeat left top;
	background-size: 115px;
	padding-top: 36px;
}

#sub_cont div.sub_history ul li div {
	padding-left: 43%;
}

#sub_cont div.sub_history ul li div h4 {
	position: relative;
	margin: 12px 0;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	line-height: 20px;
}

#sub_cont div.sub_history ul li div h4 .history_day {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 6px;
}

#sub_cont div.sub_history ul li div h4 .history_cont {
	color: #999;
	font-size: 14px;
	font-weight: 400;
}

#sub_cont div.sub_location {}

#sub_cont div.sub_location .location_map {
	width: 99%;
	border: 2px solid #ccc;
}

#sub_cont div.sub_location .location_tit {
	color: #333;
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	padding: 18px 0 19px;
}

#sub_cont div.sub_location .korean_txt {
	color: #666;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	line-height: 20px;
	padding-bottom: 7px;
}

#sub_cont div.sub_location .english_txt {
	color: #999;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	line-height: 17px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

#sub_cont div.sub_location .location_ul {
	padding-top: 20px;
}

#sub_cont div.sub_location .location_ul li {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 3px 0 14px 40px;
}

#sub_cont div.sub_location .location_ul li span {
	color: #444;
	font-size: 14px;
	font-weight: 600;
}

#sub_cont div.sub_location .location_ul li.phone {
	background: url("../images/sub/phone_icon.png") no-repeat;
	background-size: 29px 29px;
}

#sub_cont div.sub_location .location_ul li.email {
	background: url("../images/sub/mail_icon.png") no-repeat;
	background-size: 29px 29px;
}

#sub_cont div.sub_location .location_ul li.metro {
	background: url("../images/sub/metro_icon.png") no-repeat;
	background-size: 29px 29px;
}

/**********게시판css***********/

/*공통사용게시판*/
table.board_css {
	border: 1px solid #ccc;
	font-size: 12px;
	text-align: left;
	margin-bottom: 20px;
}

table.board_css span.guide {
	display: block;
	padding-top: 8px;
	line-height: 16px;
}

table.board_css img {
	padding-top: 8px;
	width: 110px;
}

table.board_css tr {
	border-bottom: 1px solid #d3d3d3;
}

table.board_css th {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	padding: 0 10px 0 10px;
	background-color: #eee;
	min-width: 80px;
}

table.board_css td {
	color: #888;
	font-weight: 100;
	padding: 12px;
}

table.board_css td input[type=text],
table.board_css td input[type=password] {
	min-width: 90%;
	padding: 0 5%;
	height: 28px;
	border: 1px solid #ccc;
}

table.board_css td input.tel {
	min-width: 50px;
}

table.board_css td textarea {
	min-width: 92%;
	padding: 4%;
	height: 200px;
	border: 1px solid #d3d3d3;
}

.btn_center {
	text-align: center;
}

.btn_center a {
	margin: 0 2px;
}

.btn_center input {
	margin-top: -4px;
	border: none;
}

.btn {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	width: 105px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.gray {
	background-color: #666;
}

.blue {
	background-color: #03305c;
}

.point {
	background-color: #03305c;
}

.mini {
	width: 80px;
}

.btn_popup {
	border: none;
	background-color: #f8a92e;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.sub_board div.btn_writing {
	height: 40px;
	padding-bottom: 10px;
}

.sub_board div.btn_writing h2 {
	float: right;
}

.sub_join table.board_css td input[type=text],
.sub_join table.board_css td input[type=password] {
	max-width: 100px;
	padding: 0 10px;
	height: 28px;
	border: 1px solid #d3d3d3;
}

.sub_join table.captcha {}

.sub_join table.captcha th {
	padding: 10px;
	height: 50px;
	line-height: 50px;
}

.sub_join table.captcha td {}

.sub_join table.captcha td img {
	width: 80px;
}

span.board_line {
	display: inline-block;
	padding: 0 10px;
	width: 1px;
	height: 9px;
	background: url("../images/sub/board_line.gif") no-repeat center center;
	background-size: 1px 9px;
}


/*일반형 리스트*/
.sub_board {}

.sub_board .board_search {
	background-color: #eeeeee;
	border: 1px solid #ccc;
	text-align: center;
	padding: 17px 0;
	margin-bottom: 15px;
}

.sub_board .board_search select {
	border: 1px solid #d3d3d3;
	height: 30px;
	min-width: 70px;
}

.sub_board .board_search input.input_text {
	border: 1px solid #ccc;
	background-color: #fff;
	height: 28px;
	min-width: 140px;
}

.sub_board .board_search input.search_btn {
	width: 60px;
	height: 30px;
	border: none;
	background-color: #666;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer;
}

.sub_board ul.board_list {
	border-top: 2px solid #888;
	margin-bottom: 20px;
}

.sub_board ul.board_list li {
	border-bottom: 1px solid #ccc;
	padding: 15px 10px 7px;
}

.sub_board ul.board_list li.board_li {
	padding: 12px 10px 12px;
}

.sub_board ul.board_list li h2 {
	font-size: 15px;
	color: #444;
	font-weight: 600;
	padding-bottom: 7px;
	line-height: 18px;
}

.sub_board ul.board_list li h4 {
	font-size: 13.5px;
	color: #666;
}

.paging {
	text-align: center;
	height: 20px;
	line-height: 20px;
	padding-top: 5px;
}

.paging a,
.paging span {
	display: inline-block;
	font-size: 13px;
	color: #333;
	font-weight: 300;
	padding: 0 8px;
}

.paging a.on,
.paging span.selected {
	color: #03305c;
	font-weight: 600;
}

/*게시판 보기*/
.sub_board div.board_view {
	padding-bottom: 20px;
}

.sub_board div.board_view div.view_tit {
	border-top: 1px solid #333;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}

.sub_board div.board_view div.view_tit h3 {
	font-size: 13.5px;
	color: #666;
	font-weight: 300;
	padding-bottom: 7px;
}

.sub_board div.board_view div.view_tit h2 {
	font-size: 15px;
	color: #444;
	font-weight: 600;
	line-height: 18px;
}

.sub_board div.board_view div.view_cont {
	padding: 15px 15px 30px 15px;
	font-size: 13px;
	line-height: 20px;
	min-height: 130px;
	border-bottom: 1px solid #ccc;
}

.sub_board div.board_view h4 {
	border-bottom: 1px solid #ccc;
	padding: 12px 15px;
}

.sub_board .view_btn {
	height: 40px;
}

.sub_board .view_btn h2 {
	float: left;
}

.sub_board .view_btn p {
	float: right;
}

/*갤러리형 리스트*/
.sub_board ul.gallery_list {}

.sub_board ul.gallery_list:after {
	clear: both;
	content: "";
	display: block;
}

.sub_board ul.gallery_list li {
	float: left;
	width: 48%;
	margin-right: 4%;
	padding-bottom: 20px;
}

.sub_board ul.gallery_list li.mr_cut {
	margin-right: 0;
}

.sub_board ul.gallery_list li h2 {
	border: 1px solid #d3d3d3;
}

.sub_board ul.gallery_list li h3 {
	position: relative;
	font-size: 14px;
	color: #333333;
	font-weight: 600;
	padding: 10px 33px 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sub_board ul.gallery_list li h3 .new_icon {
	position: absolute;
	right: 1%;
	top: 37%;
}

.sub_board ul.gallery_list li h3 .hit_icon {
	position: absolute;
	right: 1%;
	top: 37%;
}

.sub_board ul.gallery_list li p {
	font-size: 13px;
	color: #888888;
	font-weight: 400;
}

/*댓글*/
.sub_board .comment {
	margin-bottom: 20px;
}

.sub_board .comment input,
.sub_board .comment textarea {
	background-color: #fff;
	border: 1px solid #ccc
}

.sub_board .comment .comment_box {
	position: relative;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 15px;
}

.sub_board .comment .comment_box h2 {
	color: #555;
	padding-bottom: 6px;
}

.sub_board .comment .comment_box h2 span {
	display: inline-block;
	width: 49%;
}

.sub_board .comment .comment_box h2 span:first-child {
	padding-right: 2%;
}

.sub_board .comment .comment_box h2 span input {
	width: 95%;
	padding: 4% 2%;
}

.sub_board .comment .comment_box h3 {
	position: relative;
	padding-right: 98px;
}

.sub_board .comment .comment_box h3 textarea {
	width: 92%;
	padding: 10px 4%;
	min-height: 50px;
}

.sub_board .comment .comment_box h3 span {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 72px;
	text-align: center;
	background-color: #03305c;
}

.sub_board .comment .comment_box h3 span a {
	display: inline-block;
	width: 90px;
	line-height: 72px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
}

.sub_board .comment .comment_cont {
	position: relative;
	font-size: 13px;
}

.sub_board .comment .comment_cont h2 {
	color: #888;
	border-bottom: 1px solid #d3d3d3;
	padding: 15px 0 7px 0;
}

.sub_board .comment .comment_cont h2 span {
	color: #03305c;
	font-weight: 600;
}

.sub_board .comment .comment_cont>div {
	position: relative;
	border-bottom: 1px solid #d3d3d3;
	padding: 12px 15px;
	background-color: #eee;
}

.sub_board .comment .comment_cont>div h3 {
	color: #333;
	padding-bottom: 8px;
}

.sub_board .comment .comment_cont>div div.comment_text {
	color: #888;
	line-height: 15px;
}

.sub_board .comment .comment_cont>div div.comment_btn {
	position: absolute;
	right: 15px;
	top: 12px;
}

.sub_board .comment .comment_cont>div div.comment_btn a {
	color: #666;
}

.sub_board .comment .comment_cont div.comment_modify {
	position: relative;
	padding-right: 68px;
}

.sub_board .comment .comment_cont div.comment_modify textarea {
	width: 96%;
	height: 38px;
	padding: 5px 2%
}

.sub_board .comment .comment_cont div.comment_modify h4 {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 50px;
	text-align: center;
	background-color: #888;
}

.sub_board .comment .comment_cont div.comment_modify h4 a {
	display: inline-block;
	width: 60px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
}

/* #commentForm input {margin-bottom:5px; width:38%; height:19px;}
#commentForm input, #commentForm textarea {background-color:#fff; border:1px solid #ccc;}
.bbs_comment{position:relative;}
.bbs_tbl_comment img{position:absolute; right:10px; bottom:11px; width:70px; height:45px;}
.bar{color:#333; padding:0 4px;} */

/**********로그인***********/
.sub_login {}

.sub_login .login_box {
	padding: 10px 0 20px 0;
}

.sub_login .login_box h2 {
	text-align: center;
	padding-bottom: 30px;
}

.sub_login .login_box div.login {
	position: relative;
	padding: 0 140px 0 20px;
}

.sub_login .login_box div.login input.login_input {
	width: 92%;
	padding: 0 4%;
	height: 32px;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #888888;
	font-weight: 600;
}

.sub_login .login_box div.login input.mb10 {
	margin-bottom: 10px;
}

.sub_login .login_box div.login h3.btn_login {
	font-size: 15px;
	position: absolute;
	right: 20px;
	top: 0;
	cursor: pointer;
	width: 110px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	background-color: #03305c;
	color: #fff;
	font-weight: 600;
}

.sub_login .login_box div.login h3.btn_login.password {
	height: 122px;
	line-height: 122px;
}

.sub_login .login_box p {
	width: 460px;
	margin: 0 auto;
	font-size: 12px;
	color: #888888;
	padding-top: 7px;
}

.sub_login .login_box p input {
	border: 1px solid #dddddd;
}

.sub_login ul.login_btn {
	height: 40px;
}

.sub_login ul.login_btn li {
	float: left;
	margin-right: 2%;
	width: 32%;
}

.sub_login ul.login_btn li a {
	display: inline-block;
	border: 1px solid #ccc;
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #555;
	font-weight: 600;
	line-height: 38px;
	text-align: center;
}

.sub_login ul.login_btn li.join {
	margin: 0;
	background-color: #d5d5d5;
}

.sub_login ul.login_btn li.join a {
	background-color: #d5d5d5;
}


/**********로그인 팝업************/
#login_popup {
	text-align: center;
}

#login_popup h2 {
	font-size: 24px;
	font-weight: 600;
	padding: 40px 0 30px 0;
}

#login_popup p {
	font-size: 13px;
	color: #666;
	font-weight: 100;
	line-height: 22px;
}

#login_popup p span {
	font-weight: 600;
	color: #f8a92e;
}

#login_popup h4 {
	padding-top: 30px;
}

#login_popup h4 a {
	display: inline-block;
	width: 80px;
	height: 30px;
	border: 1px solid #ddd;
	font-size: 13px;
	color: #444;
	line-height: 30px;
	text-align: center;
}

#login_popup h4 a.blue {
	background-color: #f8a92e;
	border: 1px solid #f8a92e;
	color: #fff;
	font-weight: 600;
}



/**********회원가입***********/
.sub_agree {}

.sub_agree h2 {
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	padding-bottom: 10px;
}

.sub_agree .agree_box {
	margin-bottom: 30px;
	border: 1px solid #d3d3d3;
}

.sub_agree .agree_box textarea {
	font-size: 12px;
	color: #888888;
	width: 92%;
	overflow-y: scroll;
	height: 150px;
	line-height: 20px;
	padding: 12px 4% 0 4%;
	border: none;
	background-color: #fff;
}

.sub_agree .agree_box div {
	font-size: 12px;
	color: #666;
	font-weight: 300;
	padding: 20px;
}

.sub_agree .agree_box h4 {
	color: #333333;
	padding: 3% 4%;
	border-top: 1px solid #d3d3d3;
	background-color: #eee;
}

.sub_agree .agree_box #module_policy {
	line-height: 20px;
}

h2.join_tit {
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	padding-bottom: 10px;
}

.sub_memberout {}

.sub_memberout p {
	font-size: 13px;
	color: #666;
	line-height: 20px;
	padding-bottom: 20px;
}



/**********팝업***********/
.password_popup {
	text-align: center;
}

.password_popup p {
	color: #888;
	padding: 40px 0 10px 0;
}

.password_popup h2 {}

.password_popup h2 input {
	border: 1px solid #d3d3d3;
	padding: 3px 5px;
	width: 150px;
}

.password_popup h3 {
	padding-top: 15px;
}

.password_popup input {
	border: none;
}

table.board_mypage {
	border-top: 2px solid #888;
	margin-bottom: 20px;
}

table.board_mypage td {
	border-bottom: 1px solid #ccc;
	padding: 15px 10px;
}

table.board_mypage td.title {
	font-size: 15px;
	color: #444;
	font-weight: 600;
	padding-bottom: 7px;
	line-height: 18px;
}

table.board_mypage td.title span {
	font-weight: 600;
}

table.board_mypage td.date {
	font-size: 13.5px;
	color: #666;
	text-align: right;
}


.movieList {
	margin-top: 20px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.movieList li {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

.movieList li .t01 {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.movieList li .t01 img {
	width: 100%;
}

.movieList li .t02 {
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-top: 5px;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #000;
	font-size: 15px;
	font-weight: bold;
}

.movieList li span {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 13px;
	color: #666;
	margin-top: 20px;
}

.movieList li .t03 {
	color: #03305c;
	font-size: 13px;
	font-weight: bold;
	width: 70px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	background: url(../images/sub/bg_arr01.png) no-repeat right center;
	margin-top: 7px;
	display: block;
}

.danfTabs {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.danfTabs li {
	width: calc(100% - 2px);
	height: auto;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: 0;
}

.danfTabs li:first-child {
	border-top: 1px solid #ccc;
	height: auto;
}

.danfTabs li a {
	display: block;
	height: auto;
	padding: 5px 10px;
	line-height: 1.5em;
	overflow: hidden;
	text-align: center;
	color: #666;
	font-size: 13px;
}

.danfTabs li.on {
	border-color: #0c1e46
}

.danfTabs li.on a {
	color: #fff;
	background: #0c1e46;
}

.productDanList {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.productDanList li {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}

.productDanList li .rela {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding-bottom: 20px;
}

.productDanList li .t01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}

.productDanList li .t01 img {
	width: 100%;
}

.productDanList li .t02 {
	text-align: left;
	width: calc(100% - 20px);
	height: auto;
	overflow: hidden;
	display: block;
	margin: 0px auto 0 auto;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.productDanList li .t03 {
	text-align: left;
	width: calc(100% - 20px);
	height: auto;
	overflow: hidden;
	display: block;
	margin: 5px auto 0 auto;
	font-size: 13px;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.productDanList li .t04 {
	text-align: left;
	width: calc(100% - 20px);
	height: auto;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 13px;
	color: #000;
}

.productDanList li .t04 span {
	font-size: 24px;
	font-weight: bold;
	color: #f00000;
}

.productViewBox {
	text-align: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px auto;
}

.productViewBox .pic {
	width: calc(100% - 2px);
	height: auto;
	overflow: hidden;
	border: 1px solid #ccc;
}

.productViewBox .pic img {
	width: 100%;
}

.productCont {
	width: 100%;
	margin-top: 20px;
	height: auto;
	overflow: hidden;
}

.productCont .tit {
	text-align: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.productCont ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}

.productCont ul li {
	width: 100%;
	height: 33px;
	overflow: hidden;
}

.productCont ul li .s01 {
	float: left;
	width: 80px;
	height: 43px;
	line-height: 43px;
	overflow: hidden;
	font-size: 13px;
	color: #333;
}

.productCont ul li .s02 {
	float: left;
	width: calc(100% - 80px);
	height: 43px;
	line-height: 43px;
	overflow: hidden;
	font-size: 13px;
	color: #333;
}

.productCont a {
	width: 100%;
	font-weight: bold;
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 14px;
	background: #ffd200;
	display: block;
}

.productCont a:hover {
	opacity: .5
}

.productDetail {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.productDetail .subj {
	margin-top: 20px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-bottom: 15px;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.productDetail .subj:before {
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	overflow: hidden;
	background: #ccc;
	position: absolute;
	left: 0;
	bottom: 0;
}

.productDetail ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}

.productDetail ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 13px;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.estimateBox {
	margin-top: 20px;
	text-align: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.estimateBox .subj {
	margin-bottom: 30px;
	font-size: 26px;
	color: #282828;
	font-weight: bold;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.estimateBox .select {
	margin-bottom: 20px;
	display: block;
	width: calc(100% - 2px);
	height: 38px;
	border: 1px solid #ccc;
	;
	overflow: hidden;
}

.estimateList {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.estimateList li {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-top: 20px;
}

.estimateList li .rela {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.estimateList li .t01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.estimateList li .t02 {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	margin-top: 8px;
}

.estimateList li .t03 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}

.estimateList li .btnDelete {
	position: absolute;
	right: 0;
	top: 0;
}

.estimateList li .nbox {
	width: 160px;
	height: 40px;
	overflow: hidden;
	float: left;
}

.estimateList li .nbox a {
	float: left;
}

.estimateList li .won {
	margin-top: 5px;
	float: right;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.estimateList li .nbox input {
	float: left;
	width: 78px;
	height: 38px;
	overflow: hidden;
	border: 1px solid #ccc;
	text-align: center;
}

.estimateTotal {
	margin-top: 20px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.estimateTotal .s01 {
	float: left;
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.estimateTotal .s02 {
	float: right;
	font-size: 20px;
	color: #f00000;
	font-weight: bold;
}

.estimateBox .etc {
	width: 100%;
	height: auto;
	line-height: 1.5em;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	margin-top: 20px;
}

.serviceDescList {
	text-align: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.serviceDescList dt {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5em;
	color: #282828;
	font-weight: bold;
	margin-top: 0px;
}

.serviceDescList dd {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 13px;
	color: #282828;
	line-height: 1.5em;
	margin-top: 10px;
}

.patentList {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.patentList li {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 40px;
}

.patentList li img {}

.patentList li .t01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
}

.patentList li .t02 {
	line-height: 1.5em;
	width: 100%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	font-size: 13px;
	color: #333;
	margin-top: 10px;
}

.subj01 {
	text-align: left;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.technologyTable {
	width: 100%;
	border-top: 2px solid #ccc;
}

.technologyTable th {
	text-align: left;
	width: 80px;
	padding: 10px 5px;
	font-size: 13px;
	color: #333;
	border-bottom: 1px solid #ccc;
}

.technologyTable td {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.technologyTable td p {
	font-size: 13px;
	color: #333;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.technologyTable td ul {
	margin-top: 5px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.technologyTable td ul li {
	margin-top: 5px;
	font-size: 13px;
	color: #999;
	display: block;
	padding-left: 10px;
	height: auto;
	overflow: hidden;
	background: url(../images/sub/bg_dot01.png) no-repeat left 6px;
}

.organiztionBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.organiztionTable {
	width: 100%;
}

.organiztionTable th {
	vertical-align: top;
	width: 80px;
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}

.organiztionTable th img {
	width: 100%;
}

.organiztionTable td {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.organiztionTable td .t01 {
	font-weight: bold;
	font-size: 14px;
	color: #999;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.organiztionTable td .t02 {
	margin-top: 5px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.organiztionTable td ul {
	margin-top: 5px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.organiztionTable td ul li {
	font-weight: bold;
	margin-top: 10px;
	font-size: 13px;
	color: #999;
	display: block;
	height: auto;
	overflow: hidden;
}

.organiztionTable td ul li span {
	display: block;
	font-weight: normal;
	font-size: 13px;
	color: #333;
}

.historyBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.historyBox dl {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.historyBox dl dt {
	text-align: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	font-size: 20px;
	color: #999;
	font-weight: bold;
}

.historyBox dl dt.t01 {
	color: #f40000;
}

.historyBox dl dt:before {
	content: "";
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #ccc;
	position: absolute;
	left: 70px;
	top: 15px;
}

.historyBox dl dd {
	margin-bottom: 30px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.historyBox dl dd .item {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}

.historyBox dl dd span {
	font-size: 14px;
	color: #999;
	font-weight: bold;
	width: 40px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 8px;
}

.historyBox dl dd ul {
	width: calc(100% - 40px);
	height: auto;
	overflow: hidden;
	float: left;
}

.historyBox dl dd ul li {
	text-align: left;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
	display: block;
	padding-left: 10px;
	height: auto;
	overflow: hidden;
	background: url(../images/sub/bg_dot01.png) no-repeat left 7px;
	line-height: 1.5em;
}


.sub_greeting_header {
	font-size: 1.8em;
	font-weight: 900;
}

.item_planned {
	color: red !important;
}

.item_important {
	color: red !important;
}

.historyBox dl dt:before {
	content: "";
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #ccc;
	position: absolute;
	left: 140px;
	top: 15px;
}

.contact_us_box {
	text-align: left;
	margin: 24px;
	padding: 24px;
	line-height: 2.0em;
	border-radius: 5px;
	border-width: 1px;
	border-color: #000;
	border-style: solid;
}

.contact_us_box h2 {
	font-size: 1.6em;
	font-weight: bold;
}

.contact_us_box p {
	font-size: 1.2em;
}


.location_box {
	text-align: left;
	margin: 24px;
	padding: 24px;
	line-height: 2.0em;
}

.location_box h2 {
	font-size: 1.6em;
	font-weight: bold;
}

.location_box p {
	line-height: 2.0em;
}

.productDetail img {
	height: auto !important;
}

.productDetail iframe {
	max-width: 100% !important;
}