@charset "UTF-8";


@media screen and (max-width: 1400px) {
	body {
		min-width: 100%;
	}
	#container .main_visual ul.visual_btn {
		width: 1100px;
		margin-left: -550px;
	}
    .index .footer_inner, footer .footer_inner {
        padding: 0 100px 0 70px;
    }
	.scrollToTop_wrap{width: 1100px; margin-left: -550px;}
}

@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 {
        width: 100%;
        padding: 24px 100px 0px 0px;
    }
	header .header_inner {
		position: relative;
		padding: 0;
	}
	header .header_inner h1 {
		width: 30%;
		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%;
		max-width: 160px;
	}
	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(../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(../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(../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: relative;
		min-width: 100%;
	}
	#container .main_visual ul.visual_list li {
		position: relative;
		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 {
        margin-left: -500px;
        bottom: 40px;
    }
	#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: 5.4% 7% 4.4%;
	}
	footer .footer_inner {
		background: url(../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(../img/common/icon_footer_arrow.png) no-repeat right center;
		background-size: 5px auto;
	}
	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;
	}
	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%;
		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;
	}
	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%;
	}
	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%;
		letter-spacing: 0 !important;
	}
	footer .footer_copy .footer_cell {
		display: block;
	}
	footer .footer_copy .footer_cell h2 {
		margin-bottom: 12px;
	}
	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;
		display: block;
	}
	.scrollToTop_wrap{display: none;}
	.scrollToTop_wrap_m{display: block;}
    
    /*181025 추가*/
    /*메인 : Main*/
    .etc .page_spot.main{
        height: auto;
        height: 250px;
    }
    .main .content_aside_right{
        float: left;
        width: 100%;
    }
    .main .content_aside_right li:first-child{
        width: 40%;
    }
    .main .content_aside_right li,
    .main .content_aside_right li:last-child {
        width: 30%;
    }
    .main .content_aside_right ul{
        float: left;
        width: 100%;
    }
    .etc .page_spot.main h2{
        top: 50%;
        /*margin-left: -500px;*/
    }
    .etc .page_spot.main h3{
        display: none;
    }
    
    .etc .page_spot.main .maintit{
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
	footer .footer_inner .footer_left ul.footer_nav li a {
		font-size: 12px;
	}
	footer .footer_inner .footer_right .affiliate_wrap {
		font-size: 13px;
	}
    .etc .page_spot.main h2{
        /*margin-left: -380px;
        font-size: 45px;*/
    }
}

@media screen and (max-width: 640px) {
	body{
		/* word-break: break-word; */
	}
    .main .content_aside_right li:first-child,
    .main .content_aside_right li,
    .main .content_aside_right li:last-child {
        width: 100%;
    }
    .main .content_aside_right li{
        border-left: 1px solid #e3e3e3;
    }
    .etc .page_spot.main h2{
        /*font-size: 28px;
        margin-left: -190px;*/
    }
    .etc .page_spot.main h2 img{
        width: 70%;
    }
}

@media screen and (max-width: 320px) {
    .etc .page_spot.main h2{
         /*margin-left: -160px;*/
    }
}