@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Play&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(content.css);

/* RESET */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

*html,body,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button,figcaption,figure{margin:0;padding:0;}
html,body{background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{font-size:16px;color:#666;font-family:'Noto Sans', sans-serif, '나눔고딕', Nanum Gothic, '굴림', Gulim;letter-spacing:-0.5px;}
input, select{vertical-align:middle;border-radius:0}
input[type=radio]{margin-top:-3px;}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea, select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}
button{box-shadow:none;border:none;cursor:pointer;vertical-align:middle;}
ul{list-style:none}
a{text-decoration:none;color:#333;}
a:link,a:visited,a:active,a:hover{color:inherit;text-decoration:none;}
img{vertical-align:top;border:0;max-width:100%}
table{border-collapse:collapse;border-spacing:0;width:100%;}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
em{font-style:normal;}
.clearfix:after{content:" ";display:table;clear:both}

#wrapper{position:relative;width:100%;min-width:320px;}

/*header*/
#header{position:fixed;width:100%;height:120px;text-align:center;background-color:#fff;z-index:9999999999999999;}
#header h1.logo{position:absolute;top:10px;left:35px;display:inline-block}
#header h1.logo a{display:inline-block;width:300px;height:100px;background:url(../images/logo.png) no-repeat;background-size:cover;}

#header .nav{display:inline-block;padding-top:35px}
#header .nav:after{content:'';display:block;clear:both;}
#header .nav li{float:left;}
#header .nav li a{display:inline-block;color:#333;font-size:17px;letter-spacing:-0.5px;line-height:1;padding:15px 20px;margin:0 15px;transition:0.2s;}
#header .nav li a:hover, #header .nav li a.active{background-color:#043070;color:#fff;}

#header .ico_menu{position:absolute;top:30px;right:30px;width:60px;height:60px;background:#012b6c url(../images/ico_nav.png) no-repeat 50% 50%;z-index:10000;}

@media only screen and (max-width:1600px) {
	#header .nav li a{font-size:16px;padding:14px 15px;margin:0;}
}
@media only screen and (max-width:1280px) {
	#header{height:100px;}
	#header h1.logo{top:5px;left:20px;}
	#header h1.logo a{width:270px;height:90px;}
	#header .nav{padding-top:25px}
	#header .ico_menu{top:20px;right:20px;}
}
@media only screen and (max-width:1279px) {
	#header h1.logo a{width:115px;}
}
@media only screen and (max-width:1024px) {
	#header{height:70px;}
	#header h1.logo{top:0;left:0;}
	#header h1.logo a{width:200px;height:70px;background-image:url(../images/logo_m.png);background-size:auto 50px;background-position:50% 50%}
	#header .nav{display:none}
	#header .ico_menu{top:0;right:0;width:70px;height:70px;background-size:65% auto}
	
}
@media only screen and (max-width:720px) {
	
}

/* Sidebar */
.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);z-index:9999999999999999999999;}
.overlay_block{display:block;}

.sidebar {
  position: fixed;
  z-index: 999999999999;
  right: 0;
  top: 0;
  height: 100%;
  width: 350px;
  background: #fff;
  overflow:auto;
  -webkit-transition: right 0.3s ease, -webkit-box-shadow 0.3s ease 0.2s;
  transition: right 0.3s ease, box-shadow 0.3s ease 0.2s;
}
.sidebar #close {float: right;text-align:right;}
.sidebar.closed {right: -350px;-webkit-box-shadow: 0 0 0 #1abc9c;box-shadow: 0 0 0 #1abc9c;}

.sidebar .title{height:120px;}
.sidebar .title span.logo{display:block;height:120px;background:url(../images/logo2.png) no-repeat 25px 50%;}
.sidebar a.btn_close{position:absolute;top:0;right:0;width:70px;height:70px;border:none;background:url(../images/ico_close.png) no-repeat 50% 50%}

	.accordion {}
	.accordion:after{content:'';display:block;clear:both;}
	.accordion ul{float: left; display: block; width: 100%; }
	.accordion>li{float: left; display: block; width: 100%;}
	.accordion>li>a {font-size:15px;color:#fff;font-weight:600;padding:25px 30px;line-height:1;letter-spacing:0;display:block;cursor:pointer;background:#012b6c url(../images/arrow1.png) no-repeat 90% 50%;border-bottom:1px solid rgba(255,255,255,0.15)}
	.accordion>li.active>a{background-color:#60b6da;color:#fff;}
	.accordion>li>ul{background:#fff;display:block;}
	.accordion>li>ul>li>a{border-bottom:1px solid #d7d7d7;display:block;font-size:14px;padding:14px 15px 13px 40px;color:#666;position:relative}
	.accordion>li>ul>li>a:before{display:block;content:'';position:absolute;top:22px;left:24px;width:6px;height:1px;background:#432724}

@media only screen and (max-width:1024px) {
	.sidebar .title{height:70px;}
	.sidebar .title span.logo{height:70px;background-position:25px 50%;background-size:auto 50px;}
	.sidebar a.btn_close{width:70px;height:70px;background-size:20px auto;}
	.sidebar {width:280px;}
	.sidebar.closed {right: -280px;}
	
	.accordion>li>a {padding:25px;font-size:14px;letter-spacing:0}
	.accordion>li>ul>li>a{padding:12px 15px 11px 40px;font-size:13px;}
	.accordion>li>ul>li>a:before{top:18px;}
}

/*footer*/
#footer{position:relative;background:#2f2f2f;}
#footer .ft_wrap{margin:0 auto;max-width:1190px;padding:35px 0;position:relative}
#footer .ft_wrap:after{content:'';display:block;clear:both;}
#footer .ft_txt{float:left;position:relative;}
#footer .ft_txt p{font-size:15px;color:#fff;line-height:24px;}
#footer .ft_txt p span{margin-right:20px;}
#footer .ft_txt p.copyright{color:#828282;font-size:13px;letter-spacing:0;margin-top:5px;}

#footer .ft_info{float:right;text-align:right}
#footer .ft_info .visitor{margin:5px 0 20px;font-size:14px;letter-spacing:0;color:#828282}
#footer .ft_info .visitor span{display:inline-block;margin-left:30px;}
#footer .ft_info a.sns{display:inline-block;color:#fff;background:url(../images/ft_sns.png) no-repeat 0 50%;height:28px;line-height:26px;padding-left:35px;font-size:14px;margin-left:10px;}

#btn_top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;/*border:1px solid #535353;*/border-radius:25px;z-index:90;background:#2f2f2f url(../images/ico_top.png) no-repeat 50% 50%;cursor:pointer}
#btn_top:hover{background-color:#012b6c;border:none;}

.ft_inquiry{background:url(../images/inquiry_bg.png) 50% 50%;background-size:cover;}
.ft_inquiry .inquiry_wrap{max-width:1340px;margin:0 auto;position:relative;padding:150px 0;background:url(../images/mark.png) no-repeat 0 50%;}
.ft_inquiry .inquiry_wrap p{padding:0 200px;font-size:18px;line-height:34px;color:#fff;letter-spacing:-1px;text-shadow:5px 5px 15px rgba(0,0,0,0.35);}
.ft_inquiry .inquiry_wrap a.inquiry{position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:180px;height:120px;border:1px solid rgba(255,255,255,0.5);color:#fff;text-align:center;line-height:120px;font-size:24px;font-weight:bold}
	
@media only screen and (max-width:1400px) {
	#footer .ft_wrap{padding:35px 30px;}
	#footer .ft_txt p{font-size:14px;}
	#footer .ft_txt p span{margin-right:15px;}
	#footer .ft_txt p.copyright{font-size:12px;}

	#footer .ft_info{float:left;width:100%;text-align:left;margin-left:-20px;margin-bottom:20px}
	#footer .ft_info a.sns{font-size:13px;margin-left:20px;}
	
	#btn_top{bottom:0;right:0;border-radius:0}
	
	.ft_inquiry .inquiry_wrap{padding:90px 0;margin:0 50px;background-size:150px auto}
	.ft_inquiry .inquiry_wrap p{padding:0 200px 0 160px;font-size:15px;letter-spacing:-0.5px;line-height:30px;}
	.ft_inquiry .inquiry_wrap a.inquiry{height:110px;line-height:110px;}
}
@media only screen and (max-width:1279px) {
	.ft_inquiry .inquiry_wrap{padding:50px 0;background-size:150px auto;background-position:-10px 30px}
	.ft_inquiry .inquiry_wrap p{padding:0 0 0 160px;font-size:14px;line-height:24px;}
	.ft_inquiry .inquiry_wrap a.inquiry{position:static;margin:20px 0 0 160px;height:50px;line-height:48px;transform:none;font-size:17px;}
}
@media only screen and (max-width:1024px) {
	#footer .ft_wrap{padding:30px;}
	#footer .ft_txt{display:block;padding-top:10px}
	#footer .ft_info{float:left;width:100%;text-align:left;margin-left:-15px;margin-bottom:0}
	#footer .ft_info .visitor{margin:0 0 5px;font-size:13px;padding-right:0}
	#footer .ft_info .visitor span{margin-left:15px;}
	#footer .ft_info a.sns{background-size:auto 100%;height:24px;line-height:22px;padding-left:30px;font-size:13px;margin-left:15px;display:inline-block}	
}
@media only screen and (max-width:720px) {
	#footer .ft_txt p{font-size:12px;line-height:18px;letter-spacing:0}
	#footer .ft_txt p span{margin-right:0;display:block;}
	#footer .ft_txt p.copyright{font-size:10px;}
	#footer .ft_info .visitor{font-size:12px;}
	#footer .ft_info a.sns{background-size:auto 100%;height:20px;line-height:20px;padding-left:25px;font-size:12px;margin-left:10px;}
	
	.ft_inquiry .inquiry_wrap{padding:30px;margin:0;background-size:80px auto;background-position:50% 20px}
	.ft_inquiry .inquiry_wrap p{padding:80px 0 0 0;font-size:12px;line-height:18px;letter-spacing:0}
	.ft_inquiry .inquiry_wrap a.inquiry{margin:20px 0 0 0;font-size:15px;width:100%}
}

/*메인콘텐츠*/
#main_container{padding-top:120px;}

.main_visual{position:relative;}
.main_visual .main_visual_txt{position:absolute;top:50%;left:50%;transform:translateY(-50%);width:50%;color:#fff;z-index:99999;text-shadow:15px 15px 30px rgba(0,0,0,0.75);padding-left:50px;}
.main_visual .main_visual_txt p{margin-top:25px;font-size:26px;letter-spacing:-1px;line-height:40px;}
.main_visual .main_visual_txt strong{display:block;font-family:'Montserrat', sans-serif;font-weight:600;font-size:48px;line-height:56px;letter-spacing:0;}

#main_container .main_partner{background-color:#692f00;background-image:linear-gradient(to right,#692f00,#012b6c);padding:30px}
#main_container .main_partner ul.partner{max-width:1190px;margin:0 auto;background-color:#fff}
#main_container .main_partner ul.partner:after{content:'';display:block;clear:both;}
#main_container .main_partner ul.partner li{float:left;width:50%;height:160px;color:#333;font-size:18px;padding:50px 0 0 50px;background:url(../images/partner1.png) no-repeat 90% 50%}
#main_container .main_partner ul.partner li:last-child{border-left:1px solid #dedede;background-image:url(../images/partner2.png)}
#main_container .main_partner ul.partner li a{display:block;width:100%;height:100%}

#main_container .main_visitor {max-width:1200px;margin:0 auto;margin-top:15px;font-size:16px;letter-spacing:0;color:#828282;text-align:right}
#main_container .main_visitor span{display:inline-block;padding-right: 10px}

#main_container .main_content ul.content{margin:75px auto;max-width:1200px;margin-top: 15px}
#main_container .main_content ul.content:after{content:'';display:block;clear:both;}
#main_container .main_content ul.content>li{margin:5px;float:left;width:calc(25% - 10px);height:240px;position:relative;background-size:cover;background-position:50% 50%}
#main_container .main_content ul.content>li>a{display:block;width:100%;height:100%;}
#main_container .main_content ul.content>li h2.txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;color:#fff;font-size:26px;letter-spacing:-1.5px;}
#main_container .main_content ul.content>li h2.txt span{display:inline-block;font-size:21px;line-height:26px}
#main_container .main_content ul.content>li.instructor{width:calc(50% - 10px);height:280px;background-image:url(../images/main_instructor.png);}
/*#main_container .main_content ul.content>li.integrated{height:280px;background-image:url(../images/main_integrated.png);}*/
#main_container .main_content ul.content>li.integrated{height:280px;background-color:#692f00;}
/*#main_container .main_content ul.content>li.equipment{height:280px;background-image:url(../images/main_equipment.png);}*/
#main_container .main_content ul.content>li.equipment{height:280px;background-image:url(../images/main_equipment_new.png);}

#main_container .main_content ul.content>li.ico{background:#012b6c url(../images/ico_main1.png) no-repeat 50% 45px;padding-top:150px;}
#main_container .main_content ul.content>li h2.txt2{text-align:center;color:#fff;font-size:20px;letter-spacing:-1px;}
#main_container .main_content ul.content>li h2.txt2 strong{font-size:23px;}
#main_container .main_content ul.content>li h2.txt2 span{font-size:14px;line-height:22px;display:block}
#main_container .main_content ul.content>li.opening_schedule{}
#main_container .main_content ul.content>li.curriculum{background-color:#692f00;background-image:url(../images/ico_main2.png)}
#main_container .main_content ul.content>li.barista{background-image:url(../images/ico_main3.png);padding-top:145px;}
#main_container .main_content ul.content>li.engineer{background-color:#692f00;background-image:url(../images/ico_main4.png)}

#main_container .main_content ul.content>li.community{width:calc(75% - 10px);background-color:#f4f4f4;padding:40px;}

#main_container .main_content ul.content>li.buy{position:relative;background:url(../images/main_buy.png);color:#fff}
#main_container .main_content ul.content>li.buy h2{text-align:center;font-size:21px;font-weight:bold;letter-spacing:-1.5px;padding-top:50px}
#main_container .main_content ul.content>li.buy a{position:absolute;left:50px;bottom:50px;width:calc(100% - 100px);display:block;border:1px solid rgba(255,255,255,0.5);height:50px;line-height:48px;font-size:15px;padding-left:20px;background:url(../images/ico_more2.png) no-repeat 90% 50%}

#main_container .main_content .news{float:left;width:calc(100% - 380px)}
#main_container .main_content .sns{float:right;width:300px;}

#main_container .main_content .news h2{font-size:24px;color:#333;line-height:1;letter-spacing:-2px;margin-bottom:15px;position:relative;}
#main_container .main_content .news a.btn_more{position:absolute;top:-1px;right:0;display:inline-block;width:25px;height:25px;background: url(../images/ico_more.png);}

#main_container .main_content .news li a{position:relative;display:block;padding:5px 60px 5px 20px;font-size:15px;color:#666;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main_container .main_content .news li a:before{content:'';display:block;position:absolute;top:12px;left:7px;width:4px;height:4px;background-color:#333;}
#main_container .main_content .news li a span{position:absolute;top:5px;right:0;font-size:14px;color:#999;}

#main_container .main_content .sns{margin-top:-13px}
#main_container .main_content .sns a{display:block;height:56px;background:url(../images/ico_sns1.png) no-repeat 0 50%;color:#012b6c;font-size:15px;padding:5px 0 0 75px;letter-spacing:-0.5px;}
#main_container .main_content .sns a span{font-size:13px;}
#main_container .main_content .sns a + a{color:#692f00;background-image:url(../images/ico_sns2.png);margin-top:10px;}

@media only screen and (max-width:1600px) {
	.main_visual .main_visual_txt p{margin-top:15px;font-size:24px;letter-spacing:-0.5px;line-height:32px;}
	.main_visual .main_visual_txt strong{font-size:42px;line-height:46px;}
}
@media only screen and (max-width:1280px) {
	#main_container{padding-top:100px;}
	
	.main_visual .main_visual_txt p{margin-top:10px;font-size:20px;line-height:28px;}
	.main_visual .main_visual_txt strong{font-size:38px;line-height:42px;}

	#main_container .main_partner ul.partner li{height:140px;font-size:17px;padding-top:45px}
	
	#main_container .main_content ul.content{margin:35px auto;}
	
	#main_container .main_content ul.content>li h2.txt{font-size:24px;letter-spacing:-1px;}
	#main_container .main_content ul.content>li h2.txt span{font-size:20px;line-height:24px}
	
	#main_container .main_content ul.content>li h2.txt2{font-size:18px;letter-spacing:-0.5px;}
	#main_container .main_content ul.content>li h2.txt2 strong{font-size:21px;}
	#main_container .main_content ul.content>li h2.txt2 span{font-size:13px;line-height:20px;}
}
@media only screen and (max-width:1279px) {
	#main_container .main_partner ul.partner li{padding:35px 0 0 35px;height:120px;font-size:16px;background-size:180px auto}
	#main_container .main_partner ul.partner li:last-child{background-size:110px auto}
	
	#main_container .main_content ul.content{margin:0 auto;padding:25px;}
}
@media only screen and (max-width:1024px) {
	#main_container{padding-top:70px;}
	
	.main_visual .main_visual_txt{top:50%;left:0;transform:translate(0, -50%);width:100%;padding-left:0;text-align:center;}
	.main_visual .main_visual_txt p{margin-top:5px;font-size:17px;line-height:22px;}
	.main_visual .main_visual_txt strong{font-size:28px;line-height:30px;}
	
	#main_container .main_partner{padding:20px;}
	#main_container .main_partner ul.partner li{padding:30px 0 0 30px;height:100px;font-size:15px;background-size:140px auto}
	#main_container .main_partner ul.partner li:last-child{background-size:80px auto}
	
	#main_container .main_content ul.content>li h2.txt{font-size:20px;letter-spacing:-0.5px;}
	#main_container .main_content ul.content>li h2.txt span{font-size:17px;line-height:22px}
	
	#main_container .main_content ul.content>li h2.txt2{font-size:15px;letter-spacing:0;text-align:right;}
	#main_container .main_content ul.content>li h2.txt2 strong{font-size:18px;}
	#main_container .main_content ul.content>li h2.txt2 span{font-size:12px;line-height:18px;}
	
	#main_container .main_content ul.content>li.instructor{width:calc(100% - 10px);height:220px;}
	#main_container .main_content ul.content>li.integrated{height:220px;}
	#main_container .main_content ul.content>li.equipment{height:220px;}
	#main_container .main_content ul.content>li{width:calc(50% - 10px);height:150px;}
	#main_container .main_content ul.content>li.ico{background-position:40px 50%;padding:50px 40px 0 0;}
	#main_container .main_content ul.content>li.barista{padding-top:45px;}
	
	#main_container .main_content ul.content>li.community{width:calc(100% - 10px);height:auto;padding:30px;}

	#main_container .main_content ul.content>li.buy{width:calc(100% - 10px);height:90px;}
	#main_container .main_content ul.content>li.buy h2{text-align:left;font-size:18px;letter-spacing:-1px;padding-top:32px;padding-left:30px;}
	#main_container .main_content ul.content>li.buy a{left:auto;bottom:20px;right:20px;width:170px;height:50px;line-height:48px;font-size:13px;padding-left:20px;background:url(../images/ico_more2.png) no-repeat 90% 50%}
	
	#main_container .main_content .news{width:calc(100% - 320px)}
	#main_container .main_content .sns{width:270px;}

	#main_container .main_content .news h2{font-size:20px;letter-spacing:-1.5px;}

	#main_container .main_content .news li a{padding:4px 60px 4px 18px;font-size:14px;}
	#main_container .main_content .news li a:before{top:10px;}
	#main_container .main_content .news li a span{font-size:13px;}

	#main_container .main_content .sns{margin-top:-10px}
	#main_container .main_content .sns a{height:50px;font-size:14px;padding:5px 0 0 65px;background-size:auto 90%}
	#main_container .main_content .sns a span{font-size:12px;}
	#main_container .main_content .sns a + a{margin-top:3px}
}

@media only screen and (max-width:720px) {
	.main_visual .main_visual_txt p{margin-top:5px;font-size:15px;line-height:20px;}
	.main_visual .main_visual_txt strong{font-size:24px;line-height:26px;}
	
	#main_container .main_partner{padding:10px;}
	#main_container .main_partner ul.partner li{float:none;width:100%;padding:20px 0 0 20px;font-size:13px;line-height:16px;letter-spacing:0;height:70px;background-size:130px auto}
	#main_container .main_partner ul.partner li:last-child{border-left:none;border-top:1px solid #dedede;background-size:60px auto;padding-top:18px;}
	
	#main_container .main_visitor {font-size:14px}
	
	#main_container .main_content ul.content{padding:10px;}
	#main_container .main_content ul.content>li h2.txt{font-size:16px;letter-spacing:0;}
	#main_container .main_content ul.content>li h2.txt span{font-size:14px;line-height:18px}
	
	#main_container .main_content ul.content>li h2.txt2{font-size:14px;text-align:right;}
	#main_container .main_content ul.content>li h2.txt2 strong{font-size:15px;}
	#main_container .main_content ul.content>li h2.txt2 span{font-size:11px;line-height:16px;}
	
	#main_container .main_content ul.content>li:after{content:'';clear:both;display:block}
	#main_container .main_content ul.content>li.instructor{height:170px;margin-bottom:5px}
	#main_container .main_content ul.content>li.integrated{height:100px;margin-bottom:5px}
	#main_container .main_content ul.content>li.equipment{height:100px;margin-bottom:10px}
	#main_container .main_content ul.content>li{margin:0;width:100% !important;height:80px;}
	#main_container .main_content ul.content>li.ico{background-position:30px 50%;background-size:auto 40px;padding:22px 30px 0 0;}
	#main_container .main_content ul.content>li.barista{padding-top:15px;}
	
	#main_container .main_content ul.content>li.community{width:100%;height:auto;padding:30px 20px;background-color:#fff}
	
	#main_container .main_content ul.content>li.buy{height:70px;}
	#main_container .main_content ul.content>li.buy h2{font-size:15px;letter-spacing:0;padding-top:25px;padding-left:20px;}
	#main_container .main_content ul.content>li.buy a{left:auto;bottom:15px;right:15px;width:120px;height:40px;line-height:38px;font-size:12px;padding-left:15px;background:url(../images/ico_more2.png) no-repeat 87% 50%;background-size:15px auto}
	
	#main_container .main_content .news{float:none;width:100%}
	#main_container .main_content .sns{float:none;width:100%;}

	#main_container .main_content .news h2{font-size:18px;letter-spacing:-1px;}

	#main_container .main_content .news li a{padding:4px 55px 4px 15px;font-size:13px;letter-spacing:0}
	#main_container .main_content .news li a:before{left:4px}
	#main_container .main_content .news li a span{font-size:12px;right:1px;}

	#main_container .main_content .sns{margin-top:20px}
	#main_container .main_content .sns a{height:48px;font-size:13px;padding:5px 0 0 58px;letter-spacing:0;}
	#main_container .main_content .sns a span{font-size:12px;}
	#main_container .main_content .sns a + a{}
}

/*서브*/
#sub_container{position:relative;padding-top:120px;}

#sub_container .sub_visual_bg1{background-image:url(../images/sub_visual1.png)}
#sub_container .sub_visual_bg2{background-image:url(../images/sub_visual2.png)}
#sub_container .sub_visual_bg3{background-image:url(../images/sub_visual3.png)}
#sub_container .sub_visual_bg4{background-image:url(../images/sub_visual4.png)}
#sub_container .sub_visual_bg5{background-image:url(../images/sub_visual5.png)}
#sub_container .sub_visual_bg6{background-image:url(../images/sub_visual6.png)}

#sub_container .sub_visual{height:240px;position:relative;background-position:50% 50%;background-size:cover;}
#sub_container .sub_visual .sub_txt{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;text-align:center;text-shadow:15px 15px 30px rgb(0,0,0,0.75)}
#sub_container .sub_visual strong{display:block;font-size:36px;color:#fff;font-family:'Montserrat', sans-serif;letter-spacing:0;}
#sub_container .sub_visual p{margin-top:10px;font-size:17px;letter-spacing:-1px;color:#fff;}
#sub_container .sub_visual p span{display:inline-block;margin:0 7px;}

#sub_container .submenu{max-width:1200px;margin:0 auto;border-bottom:1px solid #d9d9d9;text-align:center;height:70px;padding-top:15px}
#sub_container .submenu ul{display:inline-block}
#sub_container .submenu ul:after{content:'';display:block;clear:both;}
#sub_container .submenu li{float:left;margin:0 8px;}
#sub_container .submenu li a{display:block;border-radius:20px;height:40px;line-height:38px;padding:0 20px;color:#666;font-size:16px;letter-spacing:-1px;font-weight:bold}
#sub_container .submenu li a.active, #sub_container .submenu li a:hover{background:#3f3a39;color:#fff;
-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}

#sub_container .sub_content{max-width:1200px;margin:0 auto;position:relative;padding:50px 0 70px}
/*#sub_container .sub_content .location{position:absolute;top:20px;right:50px;}
#sub_container .sub_content .location:after{content:'';display:block;clear:both;}
#sub_container .sub_content .location li{float:left;position:relative;font-size:12px;color:#a8a8a8;padding-left:15px;margin-left:10px;}
#sub_container .sub_content .location li:first-child{display:inline-block;width:15px;height:15px;background:url(../images/ico_home.gif) no-repeat 50% 50%;margin-left:0;padding-left:0;}
#sub_container .sub_content .location li:after{display:inline-block;content:'>';position:absolute;top:0;left:0}
#sub_container .sub_content .location li:first-child:after{display:none}
#sub_container .sub_content .location li:last-child{color:#666}*/
#sub_container .sub_content>h3{text-align:center;font-weight:600;color:#333;font-size:36px;letter-spacing:-2.5px;line-height:1;margin-bottom:50px;}
#sub_container .sub_content .article{min-height:450px;color:#666;font-size:16px;line-height:1.5em;}

@media only screen and (max-width:1280px) {
	#sub_container .sub_content{padding:40px}
}
@media only screen and (max-width:1024px) {
	#sub_container{padding-top:70px;}
	#sub_container .sub_visual{height:180px;}
	#sub_container .sub_visual strong{font-size:30px;}
	#sub_container .sub_visual p{margin-top:5px;font-size:15px;letter-spacing:-0.5px;}
	#sub_container .sub_visual p span{margin:0 7px;}

	#sub_container .submenu{display:none;}
	#sub_container .sub_content{padding:40px}
	#sub_container .sub_content>h3{font-size:24px;letter-spacing:-1px;margin-bottom:30px;}
	#sub_container .sub_content .article{font-size:15px;}
}
@media only screen and (max-width:720px) {
	#sub_container .sub_visual{height:130px;}
	#sub_container .sub_visual strong{font-size:18px;}
	#sub_container .sub_visual p{margin-top:5px;font-size:12px;letter-spacing:0;}
	#sub_container .sub_visual p span{display:block;margin:0;}
	
	#sub_container .sub_content{padding:30px}
	#sub_container .sub_content>h3{font-size:20px;letter-spacing:-0.5px;margin-bottom:20px;}
	#sub_container .sub_content .article{font-size:13px;line-height:16px;letter-spacing:0}
}