@charset "UTF-8";


@media screen and (max-width: 1400px) {
	#container .main_visual ul.visual_btn {
		width: 1100px;
		margin-left: -550px;
	}
	.scrollToTop_wrap{
        width: 1100px;
        margin-left: -550px;
    }
    #container .bxslider .title {
        width:550px;
    }
	#container .bxslider .main_title {
		width:initial;
		left: inherit;
		right:0;
		padding-right:5%;
	}
}


@media screen and (max-width: 1024px) {
	body {
		min-width: 100%;
	}
	header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		overflow: visible;
		z-index: 100000;
		height: auto;
		margin: 0;
	}
	header .header_inner {
		position: relative;
		padding: 0;
	}
	header .header_inner h1 {
		width: 33%;
		padding: 5.6% 7%;
		overflow: visible;
		left: 0;
		box-sizing: content-box;
	}
	header .header_inner h1 a {
		display: block;
	}
	header .header_inner h1 a img {
		width: 100%;
	}
	header .header_inner h1.pc{
		display: none;
	}
	header .header_inner h1.mobile {
		display: block;
	}
	header .header_inner a.btn_menu {
		display: block;
		float: right;
		width: 4%;
		min-width: 20px;
		padding: 5.6% 7%;
		box-sizing: content-box;
	}
	header .header_inner a.btn_menu img {
		width: 100%;
	}
	header .header_inner nav#gnb {
		display: none;
		overflow-y: auto;
		position: fixed;
		top: 0;
		right: 0;
		width: 270px;
		height: 100%;
		z-index: 20000;
		float: none;
	}
	header .header_inner nav#gnb ul.main_nav {
		float: none;
		background-color: white;
		font-size: 14px;
	}
	header .header_inner nav#gnb ul.main_nav li.one_depth {
		float: none;
		height: auto;
		padding: 0;
		line-height: normal;
	}
	header .header_inner nav#gnb ul.main_nav li.one_depth:last-child a{
		background: none;
	}
	header .header_inner nav#gnb ul.main_nav li.one_depth:after {
		display: none;
	}
	header .header_inner nav#gnb ul.main_nav li.one_depth > a {
		display: block;
		padding: 18px 26px 16px 29px;
		color: #333;
		background: url(/assets/img/common/icon_arrow_off.png) no-repeat 89.7% center;
		background-size: 16px auto;
		border-bottom: 1px solid #dadada;
		font-weight: 500;
		font-size: 14px;
	}
	header .header_inner nav#gnb ul.main_nav li.one_depth.on ul.sub_nav {
		display: block;
	}
	header .header_inner nav#gnb ul.main_nav li.one_depth.on > a {
		background: url(/assets/img/common/icon_arrow_on.png) no-repeat 89.7% center;
		background-size: 16px auto;
	}
	header .header_inner nav#gnb ul.sub_nav {
		overflow: hidden;
		display: none;
		padding: 22px 0 22px 29px;
		background-color: #f2f2f2;
		border-bottom: 1px solid #dadada;
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		height: auto;
	}
	header .header_inner nav#gnb ul.sub_nav li {
		padding-left: 10px;
		margin-top: 15px;
		background: url(/assets/img/common/icon_bull.png) no-repeat 0 center;
		background-size: 3px auto;
		text-align: left;
	}
	header .header_inner nav#gnb ul.sub_nav li:first-child {
		margin-top: 0;
	}
	header .header_inner .p_top {
		display: none;
	}
	header .header_inner .m_top {
		display: block;
	}
	header .header_inner .header_bg {
		display: none;
	}
	header.header.on {
		background: none;
	}
	header.header.on .header_inner {
		height: auto;
		background: none;
	}
	header.header.on .header_inner h1 a img {
		margin-left: 0;
	}
	header.header.on .header_inner .gnb_bg {
		display: block;
	}
	header.header.on nav#gnb {
		display: block;
	}
	#container .main_visual {
		position: relative;
		min-width: 100%;
	}
	#container .main_visual ul.visual_list {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		min-width: 100%;
		overflow: hidden;
	}
	#container .main_visual ul.visual_list li {
		position: absolute;
		top: 0;
		bottom: 0;		
		overflow: hidden;
		min-width: 100%;
	}
	#container .main_visual ul.visual_list li img {
		min-width: 320px;
	}
	#container .main_visual .visual_title {
		width: 100%;
		left: inherit;
		margin: -55px 0 0 0;
		top: 50%;
	}
	#container .main_visual .visual_title p.txt1 {
		font-size: 34px;
	}
	#container .main_visual .visual_title p.txt2 {
		font-size: 20px;
		margin-bottom: 2%;
	}
	#container .main_visual .visual_title p.txt3 {
		font-size: 15px;
	}
	#container .main_visual ul.visual_btn {
		bottom: 6%;
		left: 7%;
		width: inherit;
		margin: 0;
	}
	#container .main_visual ul.visual_btn li {
		padding-right: 3px;
	}
	#container .main_visual ul.visual_btn li a {
		width: 22px;
		height: 2px;
	}
	.index footer {
		background: none;
	}
	footer .footer_inner {
		padding: 3.5% 7% 4.4%;
	}
	footer .footer_inner {
		background: url(/assets/img/common/footer_bg.jpg) no-repeat;
		background-size: 100% auto;
	}
	footer .footer_inner .footer_left {
		padding: 0;
		height: auto;
		width: 39%;
	}
	footer .footer_inner .footer_left ul.footer_nav li {
		float: none;
		padding: 3px 0 0 0;
	}
	footer .footer_inner .footer_left ul.footer_nav li:first-child {
		padding: 0;
	}
	footer .footer_inner .footer_left ul.footer_nav li:after {
		display: none;
	}
	footer .footer_inner .footer_left ul.footer_nav li a {
		display: inline-block;
		padding-right: 8px;
		background: url(/assets/img/common/icon_footer_arrow.png) no-repeat right center;
		background-size: 5px auto;
		font-size: 12px;
	}
	footer .footer_inner .footer_left .footer_cell {
		display: none;
	}
	footer .footer_inner .footer_right {
		width: 61%;
	}
	footer .footer_inner .footer_right .affiliate_wrap {
		margin: 0;
		float: right;
		line-height: 50px;
		font-size: 13px;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop {
		overflow: visible;
		bottom: 50px;
		height: auto;
		width: 147%;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list {
		width: 100%;
		padding: 8% 8% 5%;
		padding: 10px 20px;
		max-width: 325px;
		height: auto;
		background-color: white;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li {
		width: 48%;
		max-width: 130px;
		margin: 8px 0;
		padding: 0;
		line-height: normal;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li:nth-child(odd) {
		float: left;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li:nth-child(even) {
		float: right;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li a img {
		/*width: 100%;*/
		max-height: 12px;
	}
	footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li.affiliate_itme04, footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li.affiliate_itme08, footer .footer_inner .footer_right .affiliate_wrap .affiliate_pop ul.affiliate_list li.affiliate_itme12 {
		width: 48%;
	}
	footer .footer_inner .footer_right ul.sns_icon {
		clear: both;
	}
	footer .footer_copy {
		padding: 5% 7% 4%;
	}
	footer .footer_copy .footer_cell {
		display: block;
	}
	footer .footer_copy .footer_cell h2 {
		margin-bottom: 12px;
	}
	footer .footer_copy .footer_cell h2 img{
		max-width: 150px;
	}
	footer .footer_copy .footer_cell p {
		color: white;
		font-size: 13px;
		font-weight: normal;
		line-height: normal;
		margin-bottom: 4px;
	}
	footer .footer_copy p {
		text-align: left;
		line-height: normal;
		font-weight: normal;
	}
	.scrollToTop_wrap{
        display: none;
    }
	.scrollToTop_wrap_m{
        display: block;
    }
    #container .bxslider .title {
        position: absolute;
        bottom: 5%;
        left:20%;
        z-index: 100;
        width:initial;
        font-size:13px;
    }
	#container .bxslider .main_title {
		width: 100%;
		left: inherit;
		margin: -55px 0 0 0;
		top: 50%;
	}
}