@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);


* {margin:0; padding:0}
html, body {width:100%; height:100%;}
body {display:inline-block; width:100%; background:url(../images/bg_util_green.jpg) repeat-x; font-size:12px; color:#666; line-height:1.4;}
li {list-style:none}
a {text-decoration:none; color:#666}

/* wrap */
#wrap {width:1628px; position:relative; margin:0 auto; }

/* header */
#header {position:relative; width:100%; display:inline-block; height:93px; z-index:1;}
#header h1 {position:absolute; left:50%; top:-25px; margin-left:-106px; box-shadow:0px 3px 3px rgba(0,0,0,0.08); z-index:2;}
#header h2 {position:absolute; top:0; left:74px;}

/* util_menu */
.util {float:left; width:100%; height:25px; background:#73b92c}
.ul_menu {float:right; margin-top:4px; margin-right: 65px; height:25px;}
.ul_menu li {display:inline-block; position:relative; padding:0 9px }
.ul_menu li:after {content:""; position:absolute; right:0; top:2px; width:1px; height:10px; background:rgba(255,255,255,0.5) }
.ul_menu li:last-child:after {display:none}
.ul_menu li a {color:#e2ffc4; font-size:11px}

/* menu */
.menu {position:absolute; left:50%; top:0px; margin-left:-482px}
.menu > li {float:left; display:inline-block; width:124px; height:55px; border-right:1px solid #ddf1c9; text-align:center; padding-top:40px; position:relative;}
.menu > li:first-child {border-left:1px solid #ddf1c9}
.menu > li:last-child { width:auto; border-right:0; margin: 0 20px; }
.menu > li.menu_three {margin-right:280px;}
.menu > li.menu_four {border-left:1px solid #ddf1c9}
.menu > li > a {font-family:'Noto Sans KR', Sans-serif; font-size:16px; font-weight: 500; color:#000;}
.menu > li > img {margin-left:25px}

.menu > li > ul {position:absolute; bottom:-32px; left:0; width:300px; z-index:1; display:none}
.menu > li:hover {cursor:pointer}
.menu > li.hover > a {color:#557832}
.menu > li.hover ul {display:block}
.menu > li:nth-child(2) > ul {left:-70px}
.menu > li:nth-child(3) > ul {left:-90px}
.menu > li:nth-child(4) > ul {left:23px}
.menu > li:nth-child(5) > ul {left:0px}
.menu > li:nth-child(6) > ul {left:23px}

.menu > li:nth-child(6) { padding-left: 20px; }
.menu > li:nth-child(6), .menu > li:nth-child(7), .menu > li:nth-child(8) { border-right:0; padding-top: 25px; padding-bottom: 15px; }
.menu > li:nth-child(7) { padding-left: 0px; }
.menu > li:nth-child(8) { margin-right:0; margin-left:0; }

.menu > li > ul > li {float:left; margin-left:14px; padding-left:9px; position:relative; }
.menu > li > ul > li:after {content:""; position:absolute; left:0; top:50%; margin-top:-4px; width:5px; height:5px; background:url(../images/black_line2.png) no-repeat}
.menu > li.hover > ul > li:hover:after {background:url(../images/black_line.png) no-repeat}
.menu > li.hover:after {content:""; width:14px; height:14px; position:absolute; left:50%; bottom:-7px; left:50%; margin-left:-7px; background:url(../images/menu_line_green.png) no-repeat; z-index:3}
.menu > li > ul > li > a {font-family:'Noto Sans KR', Sans-serif; font-size:15px; font-weight:500 color:#686868;}
.menu > li > ul > li:hover > a {color:#000000}

.main_menu_visual {position: absolute;top:94px;width: 100%;height: 55px;background: url(../images/bg_sub_green.png) no-repeat 50% 50%; display:none}

/* cpmtaomer */
.container {position:relative; z-index:0;}
.container .visual {display:inline-block; width:100%; height:660px; margin-top: 2px; position:relative;}
.container .sub_visual {display:inline-block; width:100%; height:200px; position:relative;}

.container .visual:after {content:""; position:absolute; top:0; left:0; background:url(../images/visual_bg.png) no-repeat; width:100%; height:100%} 

/* visual */
.visual_ul li {position:absolute; top:0; left:0; display:none}
.visual_ul li:first-child {display:block}

.comsu_img {width:100%; opacity:0}

/* content */
.content {width:1280px; position:relative; margin:0 auto; margin-top:55px}
.sub_content {width:1220px; min-height:500px; position:relative; :0 auto; margin:0 auto; border:1px solid #d6d4d4; padding:0 30px; }
.sub_content:before {content:""; width:205px; height:3px; position:absolute; bottom:-2px; left:50%; margin-left:-102px; background:#73b92c}
.content_box {display:inline-block; width:420px; height:330px; margin-right:35px}
.content_box_img {display:inline-block; width:420px; height:200px; position:relative; overflow:hidden;}
.content_box_img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/img_bg.png) no-repeat; }
.content_box_text1 {display:inline-block; width:100%; margin:15px 0 20px}
.content_box_text1 span {font-family:'Noto Sans KR', Sans-serif; font-size:14px; color:#557832}
.content_box_text2 dl dt {font-family:'Noto Sans KR', Sans-serif; font-size:20px; color:#000000; font-weight:500; margin-bottom:15px; line-height:130%}
.content_box_text2 dl dd {line-height:160%; font-family:'Noto Sans KR', Sans-serif;}

.sub_content_view { margin-top:100px; margin-bottom: 30px;}
.sub_content_view span.title1 { display:none !important;}

.content_box2 {display:inline-block; width:350px; height:330px; background:url(../images/pattan.jpg) repeat; position:relative;}
.content_box2:after {content:""; width:100%.; height:100%; background:url(../images/box2_bg.png) no-repeat; position:absolute; top:0; left:0}
.content_box2 ul li {width:175px; height:165px; float:left; position:relative; }
.content_box2 ul li.one:after {content:""; width:1px; height:100%; position:absolute; right:0; top:0; background:url(../images/dotted_right.jpg) repeat-y }
.content_box2 ul li.two:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:url(../images/dotted_bottom.jpg) repeat-x }
.content_box2 ul li img {position:absolute; top:50%; left:50%; margin-left:-28px; margin-top:-43px;}

.content_footer {display:inline-block; width:100%; height:310px; position:relative; margin-top:63px}
.content_footer:after {content:""; width:50%; height:100%; position:absolute; top:0; left:0; background: #73b92c; }
.content_footer:before {content:""; width:50%; height:100%; position:absolute; top:0; left:50%; background:#5a862d; }

.conrtent_footer_inner {width:1280px; position:relative; margin:0 auto}
.content_footer_left {float:left; width:640px; height:100%}
.content_footer_right {float:left; width:620px; height:100%}

.content_footer_left, .content_footer_right {position:relative; z-index:1; padding-top:65px}

.content_footer_left_left {float:left; width:110px}

.footer_left_controls {margin-top:25px}
.footer_left_controls li {float:left;}
.footer_left_controls li:first-child {margin-right:5px}

.footer_right_content {display:inline-block; margin-left:30px; float:left;}
.footer_right_content li {float:left; width:226px;}
.footer_right_content li:first-child {margin-right:15px}
.footer_right_content li span {font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:14px; color:#fff; width:100%; float:left; text-align:center; margin-top:10px}

.content_footer_right {float:left; margin-left:35px; width:580px}
.content_footer_right_left {float:left; width:223px}
.content_footer_right_left dl dt {font-family:'Noto Sans KR', Sans-serif; font-weight:300;  font-size:16px; color:#fff; margin-top:35px; margin-bottom:25px}
.content_footer_right_left dl dd {font-family:'Noto Sans KR', Sans-serif;  font-size:12px; color:#ff9ca0; letter-spacing:-0.01em; line-height:160%}

.content_footer_right_right {float:left; width:320px; height:178px; margin-left:36px; position:relative; }
.movie_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(./img/main_play.png) no-repeat; cursor:pointer}

.footer {float:left; width:100%; }
.footer_inner {position:relative; width:1280px; margin:0 auto; text-align:center; padding-top:55px}
.footer_inner ul.service {display:inline-block; padding:10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:30px 0 20px}
.footer_inner ul.service li {display:inline-block; padding:0 10px; position:relative;}
.footer_inner ul.service li:after {content:""; width:2px; height:2px; position:absolute; top:50%; margin-top:0px; left:0; background:url(../images/service_icon.jpg) no-repeat}
.footer_inner ul.service li:first-child:after {display:none}
.footer_inner ul.service li a {font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:12px; color:#3a3a3a}

.site_info {float:left; width:100%; margin-bottom:8px}
.site_info li {display:inline-block; padding:0 10px; position:relative; color:#787878; font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:12px;}
.site_info li:after {content:""; width:2px; height:2px; position:absolute; top:50%; margin-top:0px; left:0; background:url(../images/service_icon.jpg) no-repeat}
.site_info li:first-child:after {display:none}

address {font-style:normal; color:#787878; font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:12px; margin-bottom:50px}

.common {position:absolute; right:-30px; top:-25px}
.common ul li {display:inline-block; padding:0 2px 0 10px; position:relative; font-style:Dotum; font-size:11px;}
.common ul li a { font-style:Dotum; font-size:11px;}
.common ul li:last-child a {font-weight:500; color:#5a862d}
.common ul li:first-child {padding-left:17px}
.common ul li:after {content:""; width:5px; height:9px; position:absolute; left:0; top:50%; margin-top:-4px; background:url(../images/right_img.png) no-repeat}
.common ul li:first-child:after {content:""; width:13px; height:11px; position:absolute; left:0; top:50%; margin-top:-6px; background:url(../images/home_img.png) no-repeat}

.sub_left {float:left; width:200px; background:#5a862d; padding-bottom:117px; padding-top:37px; margin-top:-90px; padding-left:20px;  line-height:1.0;}
.sub_left dl dt { font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:28px; color:#fff; margin-bottom:40px}
.sub_left dl dd {display:inline-block; width:100%; height:25px; padding: 12px 0 5px; text-indent:10px; position:relative; line-height:1.0;}
.sub_left dl dd:after {content:""; width:7px; height:9px; position:absolute; right:25px; top:50%; margin-top:-4px; background:url(../images/lnb_bg2.png) no-repeat; }
.sub_left dl dd:before {content:""; width:180px; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:0; left:0; margin-bottom:-1px}
.sub_left dl dd.active {background:#fff}
.sub_left dl dd.active a {color:#42691b; font-weight:500;}
.sub_left dl dd a {font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:18px; color:#fff}

.sub_right {float:left; margin-left:45px; position:relative; width:955px}
.sub_right h2.ttl {float:left; padding-top:40px; font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:40px; color:#000; border-left:4px solid #000; height:29px; padding-left:15px; width:100%;  line-height:1.0;}
.sub_content_view .title {display:inline-block; font-family:'Noto Sans KR', Sans-serif; font-weight:600; font-size:18px; color:#5a862d; padding-left:20px; position:relative; width:100% }
.sub_content_view .title:after {content:""; width:8px; height:8px; position:absolute; top:-3px; left:5px; background:#5a862d; border-radius:100% }


.sub_content_view_left {float:left; width:510px; margin-top:55px; }
.sub_content_view_left p {font-family:'Noto Sans KR', Sans-serif; font-weight:500; font-size:15px; line-height:160%; margin-left:20px; float:left; width:100%; margin-top:20px; margin-bottom:60px}
.sub_content_view_right {float:left; width:410px}
.sub_content_view_ul {float:left; margin-bottom:50px}
.sub_content_view_ul li {font-family:'Noto Sans KR', Sans-serif; font-weight:500; font-size:15px; line-height:160%; margin-left:10px; padding-left:10px; float:left; width:100%; margin-top:10px; position:relative}
.sub_content_view_ul li:after {content:""; width:3px; height:3px; position:absolute; left:0; top:11px; background:url(../images/list_icon.png) no-repeat}

/* table */
.tbl_head01 thead th {background:#7b7b7b; color:#fff}
.tbl_head01 thead th a {color:#fff}
.tbl_head01 tbody tr:hover {background:#f9f9f9}

/*.sub_header {padding-bottom: 55px;background: url(../images/bg_sub.png) no-repeat bottom;}*/
.sub_header:after {content:""; position:absolute; bottom:-55px; left:0; width:100%; height:55px; background: url(../images/bg_sub_green.png) no-repeat 50% 50%}

/* 공용 / ALL */
.none {display:none}
.clearfix:after{display:block;clear:both;content:""} 
.mobile_menu {display:none}
.mobile_view {display:none}
.moblie_img {display:none}
.content_title_moblie {display:none}
.moblie_menu_bg {position:absolute; top:0; left:0; width:100%; height:100%;}
.footer_right_content_in a img { width:225px; height:150px;}
.kimsuntae {position:absolute; top:3px; left:20px}
.moblie_display {display:none !important}
.moblie_display a {color:#fff !important}


@media(max-width:1645px) {
	.container .sub_visual img {width:100%; height:200px; position:relative;}
	.util {position:fixed; top:0; left:0; z-index:10}
	#header {position:fixed; top:25px; left:0; z-index:10; width:100%; height:95px; background:#fff}
	.container {margin-top:115px}
	#wrap {width:100%; background:none}
	.visual_ul li img {width:100%}
	.container .visual {height:auto}
	.sub_header h2 {display:none}
	.main_header h2 {display:none}
	/* .menu > li:last-child {display:none} */
	.menu {margin-left:-643px}
	.moblie_display {display:inline-block !important} 
	#header h1 {position:absolute; left:50%; top:-25px; margin-left:-142px; box-shadow:0px 3px 3px rgba(0,0,0,0.08); z-index:2;}
	.mobile_menu {display:none; position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:11; opacity:0}
	.mobile_menu > ul {position:absolute; right:0; top:0; width:250px; height:100%; background:#ce1d23; margin-right:-250px; z-index:1}
	.mobile_menu > ul > li:not(.link) { width:100%; height:auto; border-bottom:1px solid rgba(0,0,0,0.2); text-indent:20px;  }
	.mobile_menu > ul > li:not(.link) > a {font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:14px; color:#fff; padding:17px 0; display:block; position:relative;}
	.mobile_menu > ul > li:not(.link).moblie_active > a {color:#f2e550; font-weight:600}
	.mobile_menu > ul > li:not(.link).moblie_active > a:after {content:""; width:3px; height:46px; position:absolute; left:0; top:0px; background:#669a47}
	.mobile_menu > ul > li:not(.link).active {background:#fff; border-left:3px solid #800e11}
	.mobile_menu > ul > li:not(.link).active a {color:#ce1d23}
	.mobile_menu > ul > li:not(.link) > ul {background:rgba(0,0,0,0.2); border-top:1px solid #9e161b; display:none}
	.mobile_menu > ul > li:not(.link) > ul > li {border-bottom:1px solid rgba(0,0,0,0.1)}
	.mobile_menu > ul > li:not(.link) > ul > li:last-child {border-bottom:0}
	.mobile_menu > ul > li:not(.link) > ul > li > a {padding:14px 0; display:block; text-indent:30px; font-family:'Noto Sans KR', Sans-serif; font-weight:400; font-size:12px; color:#fff; }
	
	.mobile_menu>ul>li.link {
		color:rgba(255, 255, 255, 0.8);
		font-size:14px;
		font-family:'Noto Sans KR', sans-serif;
		width:calc(100% - 30px);
		margin:0 auto;
		padding:10px 5px;
		border-bottom:1px solid #dd6165;
	}

	.mobile_menu>ul>li.link a {
		color:inherit;
		display:block;
	}

	.mobile_menu>ul>li.link:after {
		content:'';
		display:block;
		clear:both;
	}

	.mobile_menu>ul>li.link img {
		float:right;
	}

	.mobile_menu>ul>li.link:first-of-type {
		margin-top:30px;
	}

	.mobile_menu>ul>li.link:last-of-type {
		border-bottom:none;
	}

	#header h2 {left:0}

	.footer_right_content_in a img { width:225px;}

	.content_footer { z-index: 10; }

	.content_footer_movie .video_view div { top:10% !important; }

	.menu>li.menu_three {
		margin-right:0;
	}

	.menu>li:nth-child(4) {
		margin-right:280px;
	}
}

@media(max-width:1300px) {
	.sub_visual {height:80px !important}
	.sub_content {width:90%; padding:0; border:0 none;  padding:0 5%; margin-top:95px}
	.sub_right {width:90%; border:1px solid #d6d4d4; margin-left:0; padding:0 5% }
	.sub_left {background:none; width:100%; padding-bottom:25px; padding-left:0}
	.common {right:0}
	.sub_left dl dt {color:#333}
	.sub_left dl dd {width:auto; padding:11px 40px 0px; text-indent:0; color:#333; border:1px solid #d6d4d4; border-radius:5px}
	.sub_left dl dd a {color:#333; font-size:16px}
	.sub_left dl dd:after {display:none}
	.sub_left dl dd:before {display:none}
	/*
	.sub_content_view_left {float:right; width:100%}
	.sub_content_view_right {float:left; width:100%}
	*/
}
 
@media(max-width:1296px) {
	.content {width:100%}
	.content_box {width:50%; display:inline; float:left; margin-right:0; text-align:center;}
	.content_box_text2 {width:420px; position:relative; margin:0 auto}
	.content_box2 {width:80%; padding:0 10%; height:auto; margin-top:40px}
	.content_box2 ul li {width:25%}
	.content_box2 ul li:after {content:""; width:1px; height:100%; position:absolute; right:0; top:0; background:url(../images/dotted_right.jpg) repeat-y }
	.content_box2 ul li:first-child:before {content:""; width:1px; height:100%; position:absolute; left:0; top:0; background:url(../images/dotted_right.jpg) repeat-y }

	.conrtent_footer_inner {width:100%}
	.content_footer_left {width:100%}
	.content_footer {height:auto; width:80%; padding:0 10%}
	.content_footer:after {width:100%; height:50%}
	.content_footer:before {content:""; width:100%; height:50%; position:absolute; top:50%; left:0%; background:#800e11}
	.content_footer_right {margin-left:0; width:100%}
	.content_footer_left, .content_footer_right {margin-bottom:50px; text-align:center}
	.content_footer_left_left {float:initial; display:inline-block; vertical-align:top}
	.content_footer_right_left {float:initial; display:inline-block; vertical-align:top; text-align:left}
	.content_footer_right_right {float:initial; display:inline-block; vertical-align:top}
	.content_footer_left_right {display:inline-block}
	.footer_inner {width:100%}
}

@media (max-width:1266px) {
	.menu>li {
		width:75px;
	}

	.menu>li:nth-child(4) {
		margin-right:0;
	}

	.menu>li:nth-child(6),
	.menu>li:nth-child(7),
	.menu>li:nth-child(8) {
		width:110px;
	}

	.menu>li:nth-child(5) {
		margin-right:280px;
	}

	.menu {
		margin-left:-523px;
	}
}

@media(max-width:1250px) {
	/*.sub_content_view_right {display:none}*/
}

@media(max-width:1155px) {
	.sub_content_view_right {float:left; width:100%; text-align:center;}
	.sub_content_view_left {float:left; width:100%; word-wrap:break-word}
	.intro_content_view_clear {width:100% !important}
	.view_left {width:100% !important; text-align:center}
	.bishopKim {width:100% !important}

	.sub_right h2.ttl { padding-top: 30px; font-size: 25px; height: 19px; }
	.sub_content_view { margin-top: 5em; }

	.sub_left dl dd { padding: 6px 25px 0px; line-height: 150%; }
	.sub_left dl dd a {color:#333; font-size: 1.1em; }
	
	.container .visual{margin-top: 0px;}
	.ul_menu  {margin-right: 0; }
}

@media(max-width:1050px) {
	/* .menu > li {float:left; display:inline-block; width:115px; height:55px; border-right:1px solid #ddf1c9; text-align:center; padding-top:40px; position:relative;}
	.menu {margin-left:-491px} */
}

@media(max-width:1023px) {
	.kimsuntae {position:absolute; top:5px; left:20px}
	.menu {display:none}
	.mobile_view {position:absolute; right:30px; top:50%; margin-top:-5px; display:block}
	.mobile_view a {float:left; font-size:0; width:25px; height:3px; background:#333; position:relative;}
	.mobile_view a:after {content:""; width:100%; height:3px; background:#333; position:absolute; top:-7px; left:0}
	.mobile_view a:before {content:""; width:100%; height:3px; background:#333; position:absolute; bottom:-7px; left:0}
	.sub_header h2 {display:block}
	.main_header h2 {display:block}
}

@media(max-width:945px) {
	.ul_menu .moblie_display {display:none !important}
}

@media(max-width:910px) {

	.gall_li  {width:33.333333333% !important}
	
}

@media(max-width:856px) {
	.content_box {width:100%; margin-bottom:40px}
	.content_box2 {margin-top:0}
	.pc_img {display:none}
	.moblie_img {display:block}
	.container {margin-top:95px}
	#header h1 {position:absolute; left:20px; top:6px; margin-left:0px; box-shadow:0px 0 0;}
	#header h2 {position:absolute; top:0; left:initial; right: 70px;}
	#header {height:70px}
	.people_img {height:70px; }
	/*.mobile_view {top:37px;}*/
	.ul_menu .moblie_display {display:inline-block !important}
}

@media(max-width:781px) {
	.content_footer {width:100%; padding:0}
	.content_title_pc {display:none}
	.content_title_moblie {display:inline-block}
	.content_footer_right_left {width:100%; text-align:center;}
	.content_footer_right_right {margin-left:0}
	.content_footer_left_left {width:125px; margin-bottom:30px}
	.content_footer_left_left ul li:last-child {float:right}
	.footer_right_content {margin-left:0}
	.content_footer_left {padding-top:40px}
	.content_footer_left, .content_footer_right {margin-bottom:0px; width:80%; padding:5% 10%}
	.content_footer:after, 	.content_footer:before {display:none}
	.content_footer_left:before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; background: rgb(158,22,27); /* Old browsers */background: -moz-linear-gradient(left, rgba(158,22,27,1) 0%, rgba(158,22,27,1) 51%, rgba(158,22,27,1) 51%, rgba(198,28,34,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(158,22,27,1) 0%,rgba(158,22,27,1) 51%,rgba(158,22,27,1) 51%,rgba(198,28,34,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(158,22,27,1) 0%,rgba(158,22,27,1) 51%,rgba(158,22,27,1) 51%,rgba(198,28,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e161b', endColorstr='#c61c22',GradientType=1 ); /* IE6-9 */ z-index:-1}
	.content_footer_right:before {content:""; width:100%; height:100%; position:absolute; top:0; left:0%; background:#800e11; z-index:-1}
	.content_footer_left_right {width:100%}
	.footer_right_content {float:inherit}
	.content_footer_right_left dl {margin-bottom:20px}
}

@media(max-width:780px) {
	.tbl_head01 table tr th:nth-child(1) {width:20%}
	.tbl_head01 table tr th:nth-child(2) {width:80%}
	.tbl_head01 table tr th:nth-child(3),	.tbl_head01 table tr th:nth-child(4),	.tbl_head01 table tr th:nth-child(5) {display:none}

	
	.tbl_head01 table tr td:ntd-child(1) {width:20%}
	.tbl_head01 table tr td:nth-child(2) {width:80%}
	.tbl_head01 table tr td:nth-child(3),	.tbl_head01 table tr td:nth-child(4),	.tbl_head01 table tr td:nth-child(5) {display:none}
}


@media(max-width:690px) {

	.gall_li  {width:50% !important}
}

@media(max-width:600px) {
	.content_box2 ul li {width:50%}	
	.content_box2 ul {position:relative; width:100%; height:100%; display:inline-block}
	.content_box2 ul:after {content:""; width:1px; height:100%; background:url(../images/dotted_right.jpg) repeat-y; position:absolute; left:0; top:0 }
	.content_box2 ul li:first-child:before {content:""; width:100%; height:1px; position:absolute; top:inherit; left:0; bottom:0; background:url(../images/dotted_bottom.jpg) repeat-x }
	.footer_right_content li {float:inherit; width:auto; margin-bottom:20px; display:inline-block}
	.footer_right_content li:first-child {margin-right:0; }
	.footer_right_content li:last-child {margin-bottom:20px}
	.content_footer_right_right {margin-bottom:20px}
	.ul_menu  {margin-right: 0; }
	.ul_menu li {line-height:170%}
	.ul_menu li:after {content:""; position:absolute; right:0; top:4px; width:1px; height:10px; background:#f0bcbd }
	.site_info {line-height:160%}
	.sub_content_view_left p {margin-left:0}
	.sub_content_view_ul li {padding-left:0;}
	.sub_content_view_ul li:after {display:none}
}


@media(max-width:550px) {
	#header h2 {display:none}
}

@media(max-width:540px) {
	.view_right {padding:10px 0 0 0 !important; border:0 none  !important}
}

@media(max-width:500px) {
	/*.view_ul_history {overflow-x:scroll !important; width:150% !important}*/
	.intro_content_view_clear .view_right {overflow-x:scroll}
	.view_ul_history {width:615px}
	.ul_menu .moblie_display {display:none !important}
}

@media(max-width:460px) {

	.gall_li  {width:90% !important}
}


@media(max-width:437px) {
	.content_box_img {width:100%; height:auto}
	.content_box_img img {width:100%}
	.content_box_text2 {width:90%; padding:0 5%}
}

@media(max-width:400px) {
	.moblie_display {display:none !important}
}




/* 05.31.18 */
.content_footer_movie .video_view { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7) !important; visibility:hidden; z-index:10000; }
.content_footer_movie .video_view > a { position: absolute; top:30px; right:30px; width:50px; height:50px; display:block; }
.content_footer_movie .video_view > a span { position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0px; width:30px; height:2px; border-top:1px solid #fff; transform-origin:0 0; }
.content_footer_movie .video_view > a span:first-child { transform:rotate(-45deg) translate(-50%, -50%) }
.content_footer_movie .video_view > a span:last-child { transform:rotate(45deg) translate(-50%, -50%) }
.content_footer_movie .video_view iframe { position:absolute; top:-50%; left:50%; transform:translateX(-50%); transition:all .5s; width:80%; }
.content_footer_movie .video_view div { position:absolute; top:5%; left:50%; transform:translate(-50%, -120%); transition:all .5s; width:80%; height:80%; }
.content_footer_movie .video_view div video { width:100%; max-height:100%; }
.content_footer_movie .video_view.active { visibility:visible; }
.content_footer_movie .video_view.active iframe { transform:translate(-50%, 0); }
.content_footer_movie .video_view.active div { transform:translate(-50%, 0); }

.content_footer_right_left .video_view { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7) !important; visibility:hidden; z-index:10000; }
.content_footer_right_left .video_view > a { position: absolute; top:30px; right:30px; width:50px; height:50px; display:block; }
.content_footer_right_left .video_view > a span { position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0px; width:30px; height:2px; border-top:1px solid #fff; transform-origin:0 0; }
.content_footer_right_left .video_view > a span:first-child { transform:rotate(-45deg) translate(-50%, -50%) }
.content_footer_right_left .video_view > a span:last-child { transform:rotate(45deg) translate(-50%, -50%) }
.content_footer_right_left .video_view iframe { position:absolute; top:-50%; left:50%; transform:translateX(-50%); transition:all .5s; width:80%; }
.content_footer_right_left .video_view div { position:absolute; top:5%; left:50%; transform:translate(-50%, -120%); transition:all .5s; width:80%; height:80%; }
.content_footer_right_left .video_view div video { width:100%; max-height:100%; }
.content_footer_right_left .video_view.active { visibility:visible; }
.content_footer_right_left .video_view.active iframe { transform:translate(-50%, 0); }
.content_footer_right_left .video_view.active div { transform:translate(-50%, 0); }

/* sns button */
.sns_wrap { border:0px solid; padding-bottom:15px;}
.sns_wrap p {display:none;}
.sns_wrap ul { border:0px solid red;}
.sns_wrap ul li { border:0px solid blue; float:right; padding:2px;}
.sns_wrap ul:after {content:'';display:block; clear:both;}
.sns_wrap ul li a img { margin:0;}