@charset 'utf-8';

/* 나눔스퀘어 */
@font-face {
	font-family: "NanumSquare";
	font-style: normal;
	font-weight: 400;
	src: url("/board5/css/webfont/NanumSquareR.eot");
	src: url("/board5/css/webfont/NanumSquareR.eot?#iefix") format("embedded-opentype"), 
	url("/board5/css/webfont/NanumSquareR.woff") format("woff");
	/* url("../board5/css/webfont/NanumBarunGothicWeb.ttf") format("truetype"); */
}

@font-face {
	font-family: "NanumSquare";
	font-style: normal;
	font-weight: 600;
	src: url("/board5/css/webfont/NanumSquareB.eot");
	src: url("/board5/css/webfont/NanumSquareB.eot?#iefix") format("embedded-opentype"), 
	url("/board5/css/webfont/NanumSquareB.woff") format("woff"); 
	/* url("../board5/css/webfont/NanumBarunGothicWebBold.ttf") format("truetype"); */
}

*{margin:0; padding:0;}
html{width:100%; height:100%; background:#fff;}
body{position:relative; font-family:'NanumSquareR', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; font-size:16px; color:#454545; letter-spacing:-0.6px; height:100%; background:#fff; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'NanumSquareR', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#999; letter-spacing:-0.4px; border-radius:0; font-size:16px}
input{padding:3px 10px; }
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #ccc; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family:'맑은 고딕'}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
label{font-size:16px;}
select{padding:5px; height:40px; border:1px solid #ccc; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'NanumSquareR', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#999; font-size:16px; letter-spacing:-0.4px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#454545}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'NanumSquareR', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#999;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#999;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#999;
}
:-moz-placeholder { /* Firefox 18- */
  color:#999;
}


.wrap {position:relative; width:100%; height:100%; } /* 이부분 실작업시 수정할것! */
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {width:1200px; margin:0 auto; position:relative} /* 레이아웃 가로값 공통으로 사용 */

.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; } /* 복잡한 요소들 한꺼번에 링크시 사용 */
.upper_link img {width:100%; height:100%}

.goCon {display:block; width:100%; height:25px; line-height:25px; position:absolute; top:-25px; left:0; font-size:20px; color:#fff; text-align:center; background:#333bca; z-index:9999}
.goCon:focus, .goCon:active {top:0}


/* 슬라이드메뉴 */
.slide_wrap {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999; overflow:hidden; box-sizing:border-box; padding-right:60px; }
.slide_wrap .slide_inner {background:#fff; max-width:320px; height:100%; box-shadow:0 20px 20px rgba(0,0,0,1); position:relative;  overflow:hidden;}
.slide_wrap .slide_top {background:#000; padding:20px 15px 10px; height:45px; position:relative; text-align:center; border-bottom:1px solid rgba(0,0,0,0.4);}
.slide_wrap .slide_top .logo a {box-sizing:border-box; height:45px; display:block;}
.slide_wrap .slide_top .logo img { height:40px;  }
.slide_wrap .btn_close {position:fixed; right:0; top:5px; padding:5px; width:40px;  }
.slide_wrap .btn_close img { width:60%; }
.slide_nav {  }
.slide_nav ul { padding:10px 20px; }
.slide_nav li { border-bottom:1px solid rgba(0,0,0,0.2); }
.slide_nav li a { padding:15px 15px; display:block; }





/* 헤더 */
.header { position:absolute; left:0; top:0; z-index:100; width:100%; border-bottom:1px solid #3c413d; background:rgba(29,29,27,0.8);}
.header h1 { text-align:center; padding:20px 0 12px; }
.header .right_menu { position:absolute; right:0; top:30px; }
.header .right_menu .gnbBt { position:relative; padding:0 25px; }
.header .right_menu .gnbBt:before { content:""; position:absolute; left:0; top:-28px; width:1px; height:70px; background:#3c413d; }
.header .right_menu .link { font-size:20px; color:#fff; padding:0 20px; }
.header .right_menu .link:hover { text-decoration:underline; }

.header .right_menu.mobile { display:none; }


/* cbody */
.section1 { position:relative; }
.section1 .visual_txt { position:absolute; left:50%; top:420px; margin-left:-345px; }
.section1 .visual_menu { position:absolute; left:0; bottom:0; height:73px; text-align:center; width:100%; z-index:10; }
.visual_menu ul { overflow:hidden; display:inline-block; }
.visual_menu li { float:left; list-style:none; }
.visual_menu .menu { font-size:20px; color:#fff; display:block; line-height:73px; padding:0 88px; background:rgba(0,0,0,0.6); position:relative; }
.visual_menu .menu:before { display:none; content:""; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#ed0121; }
.visual_menu .menu:hover:before { display:block; }
.visual_menu li span { margin-left:5px; }
.visual_menu li span img { vertical-align:middle; margin-top:-5px; }

.section2 { position:relative; background:transparent url('/images/main_bg1.png') center top no-repeat; text-align:center; padding:175px 0 115px; }
.section2 .box1 { padding-bottom:170px; position:relative; }
.section2 .box1:before { content:""; position:absolute; left:0; top:161px; width:100%; height:1px; background:#000; z-index:1; }
.section2 .box2 { position:relative; }
.section2 .box2:before { content:""; position:absolute; left:0; top:208px; width:100%; height:1px; background:#000; z-index:1; }
.section2 .box1 img,
.section2 .box2 img { z-index:2; position:relative; }
.section2.mobile { display:none; }

.section3 { overflow:hidden; background:#040000; }
.section3 li { float:left; width:50%; list-style:none; }
.section3 li img { float:left; }
.section3 li:first-child { text-align:center; padding-top:146px; position:relative; }
.section3 li:first-child img { position:relative; z-index:2; }
.section3 li:first-child:before { content:""; position:absolute; left:0; top:162px; width:100%; height:1px; background:#fff; z-index:1; }

.section4 { overflow:hidden; background:#f4f6f9; }
.section4 li { float:left; width:50%; list-style:none; }
.section4 li img { float:left; }
.section4 li:last-child { padding-top:115px; position:relative; }
.section4 li:last-child:before { content:""; position:absolute; left:0; top:171px; width:100%; height:1px; background:#000; }

.footer {position:relative; background:#040000; }
.footer .footer_menu { height:50px; border-bottom:1px solid #9d9d9d; }
.footer .menu_list { float:left; overflow:hidden; padding:15px 0; }
.footer .menu_list li { float:left; list-style:none; position:relative; }
.footer .menu_list li:before { content:""; position:absolute; left:0; top:3px; width:1px; height:16px; background:#fff; }
.footer .menu_list li:first-child:before { display:none; }
.footer .menu_list .menu { font-size:16px; color:#fff; padding:0 10px; }

.footer .family_site { float:right; position:relative; }
.footer .family_site .txt { font-size:16px; border:1px solid #b0b0b0; cursor:pointer; height:36px; line-height:36px; color:#fff; padding:0 13px; width:208px; position:relative; box-sizing:border-box; margin-top:6px; }
.footer .family_site .txt .shape {position :absolute; right:15px; top:50%; width:12px; height:7px; background:transparent url('/images/ic_deco3.png') left top no-repeat; margin-top:-3px}
.footer .family_site .open_box {display:none; position:absolute; right:0; top:42px; width:207px; border:1px solid #666; background:#fff; z-index:5; padding:12px 0 10px 0; }
.footer .family_site .open_box li {overflow:hidden;}
.footer .family_site .open_box .link {display:block; padding:0 15px; line-height:27px; height:25px; color:#000;}
.footer .family_site .open_box .link:hover {color:#cb3726; text-decoration:underline;}
.footer .family_site:hover .txt {border:1px solid #666; background:#666; color:#fff;}
.footer .family_site:hover .txt .shape {background-position:right top;}
.footer .family_site:hover .open_box {display:block;}

.footer .footer_mid { position:relative; padding:25px 0 35px; border-bottom:1px solid #9d9d9d; }
.footer_mid .box1 span { display:block; }
.footer_mid .box1 .txt1 { font-size:18px; color:#fff; padding-bottom:12px; }
.footer_mid .box1 .txt2 { font-size:38px; color:#fff; font-weight:600; background:transparent url('/images/ic_deco2.png') left 13px no-repeat; padding:0 0 16px 25px; }
.footer_mid .box1 .txt3 { font-size:14px; color:#fff; line-height:20px; }
.footer_mid .box1 .deco { line-height:24px; background:transparent url('/images/ic_deco4.png') left 5px no-repeat; padding:0 0 14px 27px; }
.footer .footer_mid .box2 { position:absolute; right:0; bottom:50px; }
.footer_mid .box2 ul { overflow:hidden; }
.footer_mid .box2 li { float:left; list-style:none; margin-left:10px; }

.footer_btm { overflow:hidden; padding:30px 0; }
.footer_btm .logo { float:left; width:15%; }
.footer_btm .box { float:left; width:85%; }
.footer_btm .box span { font-size:12px; color:#626262; line-height:16px; word-break:keep-all; }
.footer_btm .box .link { border:1px solid #3e3d3f; margin-left:7px; padding:3px 5px; }

/* 서브 컨텐츠 */ 
.txt_st2 { font-size:24px; color:#666666; word-break:keep-all; }
.txt_st2 strong { color:#000; font-weight:600; }
.txt_st3 dt { font-size:30px; font-weight:600; letter-spacing:-0.5px; }
.txt_st3 dd { font-size:18px; letter-spacing:-0.5px; padding:3px 0; word-break:keep-all; line-height:25px;}
.txt_st3 span { display:inline; }
.txt_st4 { font-size:32px; color:#fff; font-weight:600; line-height:48px; }
.bg_none { background:none !important; }
.l_box { float:left; width:50%; box-sizing:border-box; }
.r_box { float:right; width:50%; box-sizing:border-box; }
.pink { color:#ff2c76 !important; }
.yellow { color:#ffe244 !important; }
.red { color:#ff3366 !important; }
.border { text-decoration:underline; }
.bg_gray { background:#f3f3f3; }


.sub_section1 { overflow:hidden; text-align:center; background:transparent url('/images/sub_visual2.jpg') left top no-repeat; padding:114px 0 47px; background-size:cover; }

.sub_section2 { padding-top:60px; }
.sub_section2 .title { text-align:center; padding-bottom:12px }
.sub_section2 .title .txt_st2 { float:left; margin:80px 0 0 35px; }
.sub_section2 .title .box { display:inline-block; overflow:hidden; }
.sub_section2 .title .tit_img { float:left; }
.sub_section2 .sub_img { overflow:hidden; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; }
.sub_section2 .sub_img img { float:right; }

.sub_section3 { padding:200px 0 0 0; background:transparent url('/images/sub_img21.gif') left top repeat-x; }
.sub_section3 .sub_img { text-align:center; }
.sub_section3 .title { text-align:left; padding-left:25px; margin-top:-32px; width:1200px; margin:0 auto; }
.sub_section3 .title .txt { display:block; line-height:36px; }
.sub_section3 .txt_st2 { display:block; }

.sub_section4 { text-align:center; background:transparent url('/images/sub_img7.jpg') left top no-repeat; margin-top:120px; padding:50px 0 55px; }
.sub_section4 .txt2 { font-size:40px; color:#fff; font-weight:600; }
.sub_section4 .txt_st1 { font-size:60px; background:#ff2c76; padding:5px 5px 2px 5px; }
.sub_section4 .txt_st2 { color:#fff; }

.sub_section5 { overflow:hidden; padding:100px 0 95px; box-sizing:border-box; }
.sub_section5 .txt_st3 { padding:50px 0 0 30px; }
.sub_section5 .txt_st3 dt { text-decoration:underline; padding-bottom:30px; }
.sub_section5 .txt_st3 dt span { text-decoration:underline; }

.sub_section6 { position:relative; padding-top:38px; height:450px; box-sizing:border-box; }
.sub_section6 .l_box { position:absolute; left:78px; top:0; }
.sub_section6 .r_box { padding-top:40px; }
.sub_section6 .r_box dt { padding-bottom:30px; }

.sub_section7 { text-align:center; background:transparent url('/images/sub_img10.jpg') left top no-repeat; padding:105px 0; }

.sub_section8 { overflow:hidden; padding-top:90px; }
/*
.sub_section8 .l_box,
.sub_section8 .r_box { width:auto; }
*/
.sub_section8 .l_box { padding-left:50px; }
.sub_section8 .l_box img { float:left; width:100%; }
.sub_section8 + .sub_section8 .l_box { padding-top:50px; }
.sub_section8 .r_box { text-align:center; }

.sub_section9 { padding:80px 0; margin-top:80px; }
.sub_section9 .sub_img { text-align:center; }
.sub_section9 .box ul { overflow:hidden; padding-top:20px; }
.sub_section9 .box .title { font-size:30px; border-bottom:3px solid #3a3c3e; letter-spacing:-0.5px; font-weight:600; }
.sub_section9 .box li { float:left; list-style:none; width:50%; box-sizing:border-box; padding-left:30px; }
.sub_section9 .box li:first-child { padding-left:0; }
.sub_section9 .box + .box { padding-top:75px; }

.sub_section1_1 { overflow:hidden; background:transparent url('/images/sub_visual5.jpg') left top no-repeat; padding:122px 0 19px; background-size:cover; }
.sub_section1_1 .txt_st3 { padding-top:135px; }
.sub_section1_1 .txt_st3 dt { padding-bottom:25px; }
.sub_section1_1 .txt_st3 dd { color:#000; font-size:20px; line-height:30px;}
.sub_section1_1 .txt_st3 dd strong { font-weight:600; }

.sub_section2_1 { overflow:hidden; padding:160px 0 80px; }
.sub_section2_1 .l_box { padding:100px 0 0 60px; }
.sub_section2_1 .txt_st3 dt { padding-bottom:15px; }
.sub_section2_1 .txt_st3 dd:last-child { padding-top:25px; }

.sub_section1_2 { overflow:hidden; background:transparent url('/images/sub_visual8.jpg') left top no-repeat; padding:133px 0 39px; background-size:cover; }
.sub_section1_2 .l_box { padding-top:94px; }

.sub_section2_2 { padding-top:55px;  }
.sub_section2_2 .sub_img { text-align:center; }
.sub_section2_2 .box { background:#f3f3f3; border-top:3px solid #024c94; padding:30px 20px; margin-top:15px; overflow:hidden; }
.sub_section2_2 .box2 { text-align:center; }
.sub_section2_2 .top { overflow:hidden; }
.sub_section2_2 .top .txt1 { float:left; font-size:24px; color:#000; letter-spacing:-0.5px; font-weight:600; }
.sub_section2_2 .top .txt2 { float:right; font-size:16px; color:#666; letter-spacing:-0.5px; padding-top:8px; }
.sub_section2_2 .table_box { padding-top:10px; }
.sub_section2_2 table { width:100%; border:1px solid #cfcfcf; background:#fff; }
.sub_section2_2 table th { background:#e4edff; font-size:20px; color:#024c94; letter-spacing:-0.5px; padding:15px 5px; }
.sub_section2_2 table th,
.sub_section2_2 table td { border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; }
.sub_section2_2 table td { font-size:20px; color:#666; letter-spacing:-0.5px; padding:25px 5px 25px 50px; }
.sub_section2_2 table td li { font-size:18px; line-height:30px; list-style:none; }
.sub_section2_2 table td:first-child { text-align:center; padding:0; }
.sub_section2_2 table .red { font-weight:600; }
.sub_section2_2 .txt_box { padding-top:25px; }
.sub_section2_2 .txt_box dt { font-size:24px; color:#000; letter-spacing:-0.5px; font-weight:600; padding-bottom:10px; }
.sub_section2_2 .txt_box dd { font-size:16px; color:#666; letter-spacing:-0.5px; line-height:24px; word-break:keep-all; }
.sub_section2_2 .txt_box + .top { padding-top:30px; }
.sub_section2_2 .btm_txt { font-size:20px; color:#666; letter-spacing:-0.5px; font-weight:600; padding-top:15px; }
.sub_section2_2 .btm_txt .link { color:#1e74f3; }
.sub_section2_2 .btm_txt .link:hover { color:#486899; }
.sub_section2_2 .l_box,
.sub_section2_2 .r_box { text-align:center; }
.sub_section2_2 .img_box { overflow:hidden; padding-top:30px; }
.sub_section2_2 .img_box li { float:left; list-style:none; padding:0 10px; box-sizing:border-box; width:50%; }
.sub_section2_2 .img_box li img { float:left; width:100%; }
.sub_section2_2 .img_box2 { padding:20px 45px 0; }
.sub_section2_2 .img_box2 ul { overflow:hidden; margin-top:15px; }
.sub_section2_2 .img_box2 li { float:left; list-style:none; padding:0 40px; width:50%; box-sizing:border-box; }
.sub_section2_2 .img_box2 li img { float:left; width:100%; }
.sub_section2_2 .img_box2 .title { font-size:24px; color:#666; font-weight:600; letter-spacing:-0.5px; border-bottom:2px solid #666; padding-bottom:3px; }

.sub_section3_2 { padding-top:40px; }
.sub_section3_2 .sub_img { text-align:center; }
.sub_section3_2 .txt_box { margin-top:20px; border-top:3px solid #024c94; border-bottom:3px solid #024c94; padding:20px 0; font-size:18px; line-height:30px; color:#024c94; letter-spacing:-0.5px; }
.sub_section3_2 .txt_box .txt_st { display:inline; color:#ff3366; background:#ffff00; padding:4px 5px 3px; }

.sub_section3_2 + .sub_section2_2 { margin-bottom:80px; }

.sub_section1_3 { overflow:hidden; background:transparent url('/images/sub_visual10.jpg') right top no-repeat; padding:190px 0 265px; background-size:cover; }

.sub_section3_3 { margin:15px 0 80px; }
.sub_section3_3 .box { background:#f3f3f3; overflow:hidden; padding:50px 0 35px;}
.sub_section3_3 .l_box { text-align:center; }

.map_wrap { position:relative; height:100%; }
.map_wrap .left_box { float:left; padding:150px 0 0 0; width:20%; box-sizing:border-box; }
.map_wrap .left_box .logo { border-bottom:1px solid #cfcfcf; padding:0 75px 20px 35px; }
.map_wrap .left_box .list { padding:30px 0 0 35px; }
.map_wrap .left_box .txt { font-size:18px; color:#00baff; font-weight:600; }
.map_wrap .left_box ul { padding-top:30px; }
.map_wrap .left_box li { list-style:none; font-size:14px; color:#7d7d7d; padding:3px 0; font-weight:600; }
.map_wrap .left_box .link { font-size:inherit; color:inherit; padding-left:15px; }
.map_wrap .left_box li:hover { color:#00baff; }
.map_wrap .left_box .no_link { color:#c7c7c7; } 
.map_wrap .left_box .no_link:hover { color:#c7c7c7; } 

.map_wrap .right_box { float:left; width:80%;}
.map_wrap .right_box .map_img { position:relative; }
.map_wrap .right_box .nation { position:absolute; }
.map_wrap .right_box .nation1 { bottom:329px; left:1176px; }
.map_wrap .right_box .nation2 { top:303px; left:706px; }
.map_wrap .right_box .nation3 { top:328px; left:728px; }
.map_wrap .right_box .nation4 { top:351px; left:775px; }
.map_wrap .right_box .nation5 { top:355px; left:313px; }
.map_wrap .right_box .btn_close { position:absolute; right:45px; top:35px; }

.map_wrap.mobile { display:none; }


@media all and (max-width:1200px){
	.layout_fix { width:100%; margin:0; }
	.sub_section4 .txt2 { font-size:25px; }
	.sub_section4 .txt_st1 { font-size:45px; }
	.footer .footer_menu { padding:0 20px; }
	.footer .footer_mid { padding:25px 20px 35px; }
	.footer .footer_mid .box2 { right:20px; }
	.footer_btm { padding:30px 20px; }
	.l_box img,
	.r_box img { width:90%;}
	.sub_section1_1 { padding:122px 20px 19px; }
	.sub_section2_1 { padding:100px 0 80px; }
	.sub_section1_1 .txt_st3 { padding-top:50px; }
	.sub_section1_1 .txt_st3 dt img { width:60%; }
	.sub_section1_2 .l_box { padding-left:50px; }
	.sub_section1_2 .l_box img { width:70%; }
	.sub_section2_2 { padding:55px 20px 0; }
	.sub_section3_2 { padding:40px 20px 0; }
	.sub_section1_3 .l_box { padding-left:50px; }
	.sub_section3_3 .box .l_box img { width:60%; }
	.sub_section1_3 .l_box { float:none; }
	.map_wrap.pc { display:none; }
	.map_wrap.mobile { display:block; }
	.map_wrap.mobile .left_box,
	.map_wrap.mobile .right_box { float:none; width:100%; }
	.map_wrap.mobile .right_box img { width:100%; }	
	.map_wrap.mobile .left_box { padding-top:15px; }
	.map_wrap.mobile .left_box ul { overflow:hidden; }
	.map_wrap.mobile .left_box li { float:left; width:33.33333%; }
	.map_wrap.mobile .left_box .list { padding:20px; }
	.map_wrap.mobile .left_box .logo { border:none; padding:0 0 10px 0;  }
	.map_wrap.mobile .left_box .txt {  }
	.map_wrap.mobile .left_box .top { text-align:center; border-bottom:1px solid #cfcfcf; padding-bottom:10px; }
	.map_wrap.mobile .left_box ul { padding-top:0; }
	.section4 li img { width:100%; }
	.section4 li:last-child { padding-top:50px; }
	.section4 li:last-child img { width:80%; }
}

@media all and (max-width:1100px){
	.layout_fix { width:100%; margin:0; }
	.txt_st2 { font-size:20px; }
	.txt_st3 dt { font-size:25px; }
	.sub_section2 .title { text-align:left; padding:0 20px; }
	.sub_section2 .title .tit_img { display:block; width:20%; }
	.sub_section2 .title .tit_img img { float:left; width:100%; }
	.sub_section2 .title .txt_st2 { margin:55px 0 0 15px; }
	.sub_section2 .sub_img { margin-top:5px; }
	.sub_section2 .sub_img img { width:100%; }
	.sub_section3 { padding-top:100px; }
	.sub_section3 .title { width:80%; margin:0; }
	.sub_section3 .sub_img img { width:80%; }
	.sub_section3 .tit_img { display:block; margin-bottom:10px; }
	.sub_section3 .tit_img img { width:30%; }
	.sub_section5 { padding:100px 20px 95px; }
	.sub_section5 .l_box img { width:100%; float:left; }
	.sub_section5 .txt_st3 { padding:10px 0 0 30px; }
	.sub_section6 { padding:38px 20px 0 0; }
	.sub_section6 .l_box { width:40%; }
	.sub_section6 .l_box img { width:100%; float:left; }
	.sub_section6 .r_box dt img { width:100%; }
	.sub_section8 { padding:90px 20px 0; }
	.sub_section8 .l_box,
	.sub_section8 .r_box { padding:0 10px; }
	.sub_section8 .l_box img,
	.sub_section8 .r_box img { width:100%; }
	.sub_section8 .l_box { padding:0; }
	.sub_section9 { padding:80px 20px; }
	.sub_section9 .box li img { width:100%; }
	.sub_section9 .sub_img img { width:100%; }	
}

@media all and (max-width:1000px){
	.section1 .visual_txt { text-align:center; top:300px; }
	.section1 .visual_txt span img { width:60%; }
	.section2 { padding:100px 0 80px; }
	.section2 .box1 { padding-bottom:70px; }	
	.section2 .box1:before,
	.section2 .box2:before { display:none; }
	.section3 li:first-child { padding-top:40px; text-align:center; }
	.section3 li:first-child img { width:60%; float:none; }
	.section3 li:first-child:before { display:none; }
	.section3 li img { width:100%; }	
	.section4 li:last-child { padding-top:40px; }
	.section4 li:last-child img { width:80%; }
	.section4 li:last-child:before { display:none; }
}

@media all and (max-width:900px){
	.txt_st4 { font-size:27px; }
	.sub_section1 .sub_img img { width:50%; }
	.sub_section2 .title .tit_img { float:none; }
	.sub_section2 .title .txt_st2 { float:none; margin-top:5px; display:inline-block; }
	.sub_section5 { padding:70px 20px; 65px; }
	.sub_section6 .r_box dt img { width:80%; }
	.sub_section7 { background-position:center bottom; padding:80px 0; }
	.sub_section9 .box .title { font-size:25px; }
	.sub_section9 .box + .box { padding-top:50px; }
	.sub_section2_1 { padding:70px 0 80px; }
	.sub_section2_1 .l_box { padding:20px 0 0 20px; }
	.sub_section2_1 .txt_st3 dt img { width:80%; }
	.sub_section1_1 .txt_st3 { padding-top:20px; }
	.sub_section2_2 .sub_img img { width:40%; }
	.sub_section2_2 .top .txt1 { font-size:20px; }
	.sub_section2_2 .box { padding:20px; }
	.sub_section2_2 table th { font-size:18px; }
	.sub_section2_2 table td { font-size:18px; padding-left:30px; word-break:keep-all; }
	.sub_section2_2 table td li { font-size:16px; }
	.sub_section2_2 table td:first-child { padding:0 10px; }
	.sub_section2_2 .txt_box dt { font-size:20px; }
	.sub_section3_2 .sub_img img { width:14%; }
	.sub_section3_2 .txt_box { font-size:16px; line-height:20px; }
	.sub_section3_2 .txt_box .txt_st { padding:0; }
	.sub_section2_2 .sub_img2 img { width:30%; }
	.sub_section2_2 .box2 img { width:60%; }
	.sub_section2_2 .img_box2 { padding:20px 0 0; }
	.sub_section2_2 .img_box2 li { padding:0 20px; }
	.sub_section1_3 { padding-bottom:200px; }
	.map_wrap .right_box .btn_close { top:10px; right:0; }
	.map_wrap .right_box .btn_close img { width:80%; }
	.visual_menu .menu { padding:0 40px; }

}

@media all and (max-width:800px){
	.sub_section3 { padding-top:60px; }
	.sub_section4 { margin-top:60px; }
	.sub_section5 { padding:50px; 20px; }
	.txt_st3 dt { font-size:20px; }
	.txt_st3 dd { font-size:16px; }
	.sub_section5 .txt_st3 dt { padding-bottom:10px; }
	.sub_section6 .l_box { left:20px; }
	.sub_section8 { padding:50px 20px 0; }
	.sub_section8 .l_box { margin-bottom:10px; }
	.sub_section8 .l_box,
	.sub_section8 .r_box { float:none; width:100%; text-align:center; }
	.sub_section8 .l_box img,
	.sub_section8 .r_box img { width:70%; }
	.sub_section8 + .sub_section8 .l_box { padding-top:20px; }
	.footer_btm .logo { width:20%; }
	.footer_btm .logo img { width:100%; }
	.footer_btm .box { margin-top:10px; }
	.footer_btm { padding:20px; }
	.sub_section1_1 .txt_st3 dd { background:rgba(255,255,255,0.5); font-size:16px; line-height:20px; padding:5px; }
	.map_wrap.mobile .left_box .logo img { width:15%; }
	.section1 .visual_txt { top:250px; }
	.section1 .visual_txt span img { width:40%; }
	.section2 { padding:50px 0 40px; }
	.section2 .box1 { padding-bottom:30px; }
}

@media all and (max-width:700px){
	.txt_st2 { font-size:16px; }
	.sub_section3 .tit_img { margin:40px 0 10px; }
	.sub_section4 .txt2 { font-size:20px; padding:0 10px; }
	.sub_section4 .txt_st1 { font-size:30px; }
	.sub_section5 .l_box,
	.sub_section5 .r_box { float:none; width:100%; }
	.sub_section5 .r_box { margin-top:10px; }
	.footer .footer_menu { height:120px; }
	.footer .menu_list,
	.footer .family_site { float:none; }
	.footer .family_site .open_box { left:0; top:35px; }
	.sub_section2_2 .img_box2 { padding:20px 10px 0; }
	.sub_section2_2 .img_box2 .title { font-size:20px; }
	.sub_section1_3 { padding-bottom:100px; }
	.map_wrap.mobile .left_box li { width:50%; }
	.map_wrap.mobile .left_box { padding-top:10px; }
	.map_wrap.mobile .left_box .logo { padding-bottom:0; }
	.section1 .visual_txt { top:220px; }
	.section1 .visual_menu { height:60px; }
	.visual_menu .menu { font-size:16px; line-height:60px;}
	.section2 { padding:50px 20px 40px; }
	.section2 .box1 img { width:100%; }
	.section2 .box2 img { width:100%; }
	.section3 li:first-child { padding-top:15px; }
	.section3 li:first-child img { width:90%; }
	.section4 li:last-child { padding-top:20px; }
	.section4 li:last-child img { width:90%; padding:0 20px 20px;  }
	.header .right_menu span { display:none; }
	.header .right_menu.mobile { display:block; }
	.header .right_menu.pc { display:none; }
}

@media all and (max-width:600px){
	.sub_section3 .tit_img { margin-top:70px; }
	.sub_section6 .r_box { padding-top:0; }
	.txt_st4 { font-size:20px; line-height:30px; }
	.sub_section7 { padding:40px 0; }
	.sub_section8 .l_box img, 
	.sub_section8 .r_box img { width:80%; }
	.sub_section9 { padding:40px 20px; margin-top:40px; }
	.sub_section9 .sub_img { margin-bottom:15px; }
	.sub_section9 .box .title { font-size:20px; }
	.sub_section9 .box li { float:none; width:100%; padding-left:0; }
	.sub_section1_2 { background-position:center top; }
	.sub_section1_2 .l_box,
	.sub_section1_2 .r_box { float:none; width:100%; text-align:center; }
	.sub_section1_2 .l_box { padding:0;  }
	.sub_section1_2 .l_box img { width:50%; }
	.sub_section1_2 .r_box { margin-top:20px; }
	.sub_section1_2 .r_box img { width:70%; }
	.sub_section2_2 .sub_img img { width:60%; }
	.sub_section2_2 { padding-top:20px; }
	.sub_section2_2 table td { padding:10px 15px; }
	.sub_section3_2 .sub_img img { width:20%; }
	.sub_section2_2 .sub_img img { width:45%; }
	.map_wrap.mobile .left_box .list { padding:10px; }
	.map_wrap .right_box .btn_close img { width:60%; }		
	.section3 li { float:none; width:100%; }
	.section3 li:first-child { padding:20px 0; }
	.section4 ul { overflow:hidden; }
	.section4 li { float:none; width:100%; }
	.section4 li:last-child { text-align:center; }
	.section1 .visual_menu { position:relative; }
	.section1 .visual_menu ul { width:100%; }
	.visual_menu li { float:none; width:100%; background:rgba(0,0,0,0.6); }
	.visual_menu .menu { background:none; line-height:30px; }
	
}

@media all and (max-width:500px){
	.sub_section3 { background:none; }
	.sub_section3 .tit_img { background:#f3f3f3; padding:5px 0; margin-top:20px; }
	.sub_section3 .sub_img img { width:90%; }
	.sub_section5 .txt_st3 { padding-left:0; }
	.sub_section6 { height:680px; padding:30px 10px 0 10px; }
	.sub_section6 .l_box { float:none; position:relative; width:100%; text-align:center; }
	.sub_section6 .r_box { float:none; width:100%; margin-top:10px; }
	.sub_section6 .l_box img { width:70%; float:none; }
	.sub_section8 .l_box img, .sub_section8 .r_box img { width:90%; }
	.sub_section1_1 { background-position:center top; }
	.sub_section1_1 .l_box,
	.sub_section1_1 .r_box { float:none; width:100%; }
	.sub_section1_1 .l_box { text-align:center; }
	.sub_section1_1 .l_box img { width:60%; }
	.sub_section1_1 .txt_st3 dt img { width:50%; }
	.sub_section2_1 { padding:30px 0 40px; }
	.sub_section2_1 .l_box,
	.sub_section2_1 .r_box { float:none; width:100%; }
	.sub_section2_1 .txt_st3 dt img { width:50%; }
	.sub_section2_1 .txt_st3 dd:last-child { padding-top:0; }
	.sub_section2_1 .txt_st3 dd:last-child img { width:50%; }
	.sub_section2_1 .r_box { text-align:center; margin-top:10px; }
	.sub_section2_1 .r_box img { width:60%; }
	.sub_section2_2 { padding:20px 0 0; }
	.sub_section2_2 .sub_img img { width:60%; }
	.sub_section2_2 .top .txt1 { font-size:16px; }
	.sub_section2_2 table th { font-size:16px; }
	.sub_section2_2 table td { font-size:16px; }
	.sub_section2_2 table td li { font-size:14px; }
	.sub_section2_2 .txt_box dt { font-size:16px; }
	.sub_section2_2 .txt_box dd { font-size:14px; }
	.sub_section2_2 .btm_txt { font-size:16px; }
	.sub_section2_2 .sub_img img { width:45%; }
	.sub_section2_2 .box2 img { width:100%; }
	.sub_section2_2 .img_box li { float:none; width:100%; }
	.sub_section2_2 .img_box2 li { float:none; width:100%; }
	.sub_section2_2 .img_box2 li:first-child img { margin-bottom:10px; }
	.sub_section3_2 { padding:40px 0 0; }
	.sub_section3_2 .txt_box { padding:20px; }
	.sub_section3_3 .l_box,
	.sub_section3_3 .r_box { float:none; width:100%; }
	.sub_section3_3 .box .l_box img { width:40%; }
	.sub_section3_3 .box .r_box { text-align:center; margin-top:15px; }
	.sub_section3_3 .box .r_box img { width:70%; }
	.sub_section3_3 .box { padding:30px 0; }	
	.section2 { background:none;}
	.section2.pc { display:none; }
	.section2.mobile { display:block; overflow:hidden; }
	.section2.mobile .box1 li:first-child img { width:50%; }
	.section2.mobile .box2 li:first-child img { width:70%; } 
	.section2.mobile .box1 li:last-child,
	.section2.mobile .box2 li:last-child { margin-top:10px; }
	.section2.mobile .box1 li:last-child img,
	.section2.mobile .box2 li:last-child img { width:80%; }
	.section4 li:last-child img { padding-top:20px; }
	.section1 .visual_txt { display:none; }
	.section3 li:first-child img { width:70%; }
	.header.main_header { position:relative; }

}

@media all and (max-width:400px){
	.sub_section5 { padding:20px; }
	.sub_section2_2 .box .l_box,
	.sub_section2_2 .box .r_box { float:none; width:100%; }
	.sub_section1_2 .l_box img { width:70%; }
	.sub_section1_2 .r_box img { width:80%; }
	.sub_section2_2 .sub_img img { width:80%; }
	.sub_section3_2 .sub_img img { width:25%; }
	.sub_section2_2 .sub_img img { width:60%; }
	.map_wrap.mobile .left_box li { float:none; width:100%; }
	.section2.mobile .box1 li:first-child img { width:60%; }
	.section2.mobile .box2 li:first-child img { width:80%; }
	.section2.mobile .box1 li:last-child img, 
	.section2.mobile .box2 li:last-child img { width:60%; }
}

@media all and (max-width:350px){
	.footer .footer_mid { padding-bottom:50px; }
	.footer .footer_mid .box2 { bottom:10px; }
}

@media all and (max-width:330px){
	.footer .footer_menu { height:15 0px; }
}