@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.pc_ianbanner{
	width:100%;
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
}
.pc_ianbanner div{
	position:absolute;
	top: 27%;
	right: 1%;
}

.mob_ianbanner{
	width:100%;
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
}
.mob_ianbanner div{
	position:absolute;
	top: 27%;
	right: 1%;
}
/*
@media(min-width:769px){
	.fixed-top{
		top:90px;
	}
}
@media(max-width:768px){
	.fixed-top{
		top:55px;
	}
}
*/

/* 공용 */
.container .stit{font-family: 'Gmarket'; font-weight:700; font-size:60px; width:100%; color:#000; text-align: center;}
.container .stxt{font-family: 'NanumSquare'; font-weight:300; font-size:18px; width:100%; color:#000; text-align: center; word-break: keep-all; padding:0 15px;}
/* 공용 */

/* 메인 슬라이드영역 */
#main_visual {
    max-width:100%;
    height:auto;
    position:relative;
}
#main_visual .m_visual_egde {
	background:url('/images_ag/main/m_visual_edge.png') center no-repeat;
	width:100%;
	height:110px;
	z-index:101;
	position:absolute;
	bottom:0px;
}

//.swiper-slide {
//    text-align:center;
//    display:flex; 
//    align-items:center; 
//    justify-content:center; 
//}

.swiper-slide .f_title {position:absolute; top:40px; left:20px; font-size:25px; color:#FFF; font-weight:600; width:80%; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.swiper-slide .f_sub {position:absolute; top:80px; left:20px; font-size:15px; color:#FFF; font-weight:400;}
.swiper-slide .f_date {position:absolute; top:110px; left:20px; font-size:15px; color:#FFF; font-weight:400;}
.swiper-slide a span {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;  background-color:rgba(0,0,0,0.3);}

#main_visual .swiper-pagination{max-width: 1140px; width:100%; bottom:25px; left:50%; text-align: right; transform: translateX(-50%); font-size:30px; font-weight: 300; color:#000; font-family: 'Insan';}
#main_visual .swiper-pagination .pag-count{color:#ed0100; margin-right:20px; letter-spacing: 1px;}
#main_visual .swiper-pagination .pag-total{margin-left:20px; letter-spacing: 1px;}
#main_visual .swiper-slide .slide-txt-wrap{position: absolute; max-width: 1140px; width:100%; height:100%; left:50%; top:0; transform: translateX(-50%);}
#main_visual .swiper-slide .slide-txt-wrap .txt-box{position: absolute; right:0; bottom:27%; z-index: 99;}
#main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_01 {color:#fff; font-size:4.6vw; margin-bottom:40px; line-height: 1; font-family: 'NanumSquare'; font-weight:800; width:100%;}
#main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_02 {color:#fff; font-size:1.15vw; line-height: 1.5;font-family: 'NanumSquare'; font-weight:400; width:100%; word-break: keep-all;}
#main_visual .swiper-slide .slide-txt-wrap2 .txt-box{position: absolute; left:0; top:23%; z-index: 99;}

#main_visual .slide1 .slide1-btn-wrap{margin-top:35px; width:100%;}
#main_visual .slide1 .slide1-btn-wrap .slide1-btn{display:inline-block; border:1px solid #fff; font-size:1.35vw; color:#fff; width:9.94vw; padding:1rem 0; text-align: center; background-color: transparent;}
#main_visual .slide1 .slide1-btn-wrap .slide1-btn:hover{background-color:#ed0100; border:1px solid #ed0100; color:#fff; transition: 0.5s ease;}


#m_main_visual .slide1 .slide1-btn-wrap{position: absolute; left:22%; top:59%;}
#m_main_visual .slide1 .slide1-btn-wrap .slide1-btn{display:inline-block; border:1px solid #fff; border-radius: 7px; font-size:24px; color:#fff; width:193px; height:60px; line-height: 58px; text-align: center; word-break: keep-all; background-color: transparent;}



@media screen and (max-width: 1200px){
	#main_visual .swiper-slide .slide-txt-wrap{max-width: 960px;}
    #main_visual .swiper-pagination{max-width: 960px;}
}
@media screen and (max-width: 992px){
	#main_visual .swiper-slide .slide-txt-wrap{max-width: 720px;}
    #main_visual .swiper-pagination{max-width: 720px;}
}
@media screen and (max-width: 768px){
	#main_visual .swiper-pagination{width:auto; right:40px; left:auto; transform: none;}
    #main_visual .swiper-slide .slide-txt-wrap .txt-box{left:30px; right:auto; top:22%; text-align: left;}
    #main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_01 {font-size:9.7vw; width:100%; line-height: 1.2; margin-bottom:30px;}
    #main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_02 {font-size:3vw; width:66%;}
    #main_visual .swiper-slide .slide-txt-wrap .txt-box2{left:30px; right:auto; top:18%; text-align: left;}
    #main_visual .slide1 .slide1-btn-wrap .slide1-btn{width:19.94vw; font-size:2.35vw;}
}
@media screen and (max-width: 500px){
    #main_visual .swiper-pagination{font-size:22px;}
	#main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_01 {font-size:11.7vw; width:100%; line-height: 1.2; margin-bottom:30px;}
    #main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_02 {font-size:4vw; width:66%;}
    #main_visual .slide1 .slide1-btn-wrap .slide1-btn{width:25.94vw; font-size:4vw; padding:0.7rem 0;}
}
@media screen and (max-width: 280px){
    #main_visual .swiper-pagination{font-size:22px; bottom:15px; right:25px;}
	#main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_01 {font-size:11.7vw; width:100%; line-height: 1.2; margin-bottom:30px;}
    #main_visual .swiper-slide .slide-txt-wrap .txt-box .txt_02 {font-size:5vw; width:80%;}
    #main_visual .slide1 .slide1-btn-wrap .slide1-btn{width:25.94vw; font-size:4vw; padding:0.7rem 0;}
}
/* 메인 슬라이드영역 */

/* 마켓 영역 */
.sec1{margin-top:145px;}
.sec1 .next {position:absolute; right:-45px; top:115px; color:#9e9e9e; padding:15px 22px; background-color:#1e1e1e; z-index:2; cursor:pointer;}
.sec1 .img-fluid{width:100%;}
.art-market{margin-top:15px; position: relative; width:100%; display: flex;}
.art-market .market-box{border:1px solid #e8e8e8; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.market-box .art-txt-wrap{padding:14px; display:flex; flex-direction: column;}
.market-box .art-txt-wrap .item_title{font-family: 'NanumSquare'; font-size:18px; font-weight:800; color:#000; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.market-box .art-txt-wrap .item_sub_title{font-family: 'NanumSquare'; font-size:16px; font-weight:600; color:#a2a2a2; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.market-box .art-txt-wrap .wide_progress{background-color: #ebebeb; height:9px; border-radius:5px; margin-top:10px;}
.market-box .art-txt-wrap .wide_progress_bar{background-color: #1b1b1b;}
.market-box .art-txt-wrap .total-txt-box{display:flex;}
.market-box .art-txt-wrap .total-piece{font-size:17px;text-align:right; color:#a2a2a2; margin-bottom:5px;}
.market-box .art-txt-wrap .piece{color:#a2a2a2; font-weight: 500; font-size:17px;}
.market-box .art-txt-wrap .percent{color:#000; font-weight: 500; font-size:17px; margin-left:auto;}

.market-box > a {width:100%; height:100%; display:block; border-bottom:1px solid #e8e8e8;}

@media screen and (max-width: 1200px){
    .sec1{margin-top:125px;}
	.sec1 .next {right:0;}
}
@media screen and (max-width: 992px){
    .sec1{margin-top:110px;}
    .sec1 .next{display:none;}
}
@media screen and (max-width: 768px){
    .art-market .market-box{margin:0 15px;}
}
@media screen and (max-width: 375px){
    .sec1{margin-top:80px;}
    .sec1 .next{display:none;}
}
@media screen and (max-width: 280px){
    .sec1{margin-top:70px;}
    .art-market{margin-top:0;}
	.art-txt-wrap .art-txt-box .art-title{width:68%;}
    .art-txt-wrap .art-txt-box .art-money{width:32%;}
}

/* 마켓 영역 */

/* 중간 컨텐츠 영역 */
.sec2{background: url('/images_ag/main/middle_bg.jpg') no-repeat center / cover; padding:135px 0; margin-top:135px;}
.sec2 .stit2{font-family: 'Gmarket'; font-weight:100; font-size:72px; color:#fff; width:100%; text-align: center; letter-spacing: 25px; margin-bottom:1.5rem; margin-left:25px;}
.sec2 .stxt2{font-family: 'NanumSquare'; font-weight:300; font-size:24px; color:#fff; text-align: center; width:100%; word-break: keep-all;}
.sec2-con{margin-top:30px;}
.sec2-con ul{display:flex; flex-wrap: wrap; justify-content: space-between;}
.sec2-con ul li{padding:60px; display:flex; flex-direction: column; justify-content: center; background-color: #d9d9d9; width:47.5%; text-align: center;}
.sec2-con ul li img{width:67px; margin:0 auto;}
.sec2-con ul li span{font-family: 'NanumSquare'; font-weight:800; font-size:48px; color:#000; display:inline-block; line-height: 1; margin-top:25px; margin-bottom:3px;}
.sec2-con ul li h5{font-family: 'NanumSquare'; font-weight:400; font-size:32px; color:#000; margin-bottom:15px;}
.sec2-con ul li p{font-family: 'NanumSquare'; font-weight:300; font-size:20px; color:#737373; word-break: keep-all;}

@media screen and (max-width: 1200px){
	.sec2 .stit2{font-size:72px;}
    .sec2 .stxt2{font-size:22px;}
}
@media screen and (max-width: 992px){
    .sec2{padding:100px 0; margin-top:100px;}
    .sec2 .stit2{font-size:60px;}
    .sec2 .stxt2{font-size:18px;}
    .sec2-con ul li{padding:50px;}
    .sec2-con ul li span{font-size:40px; }
    .sec2-con ul li h5{font-size:24px;}
    .sec2-con ul li p{font-size:18px;}
}
@media screen and (max-width: 767px){
    .sec2{background: url('/images_ag/main/m_middle_bg.jpg') no-repeat center / cover;}
    .sec2 .stit2{font-size:60px;}
    .sec2 .stxt2{font-size:18px;}
    .sec2-con ul li{padding:40px 30px;}
    .sec2-con ul li span{font-size:36px; }
    .sec2-con ul li h5{font-size:20px;}
    .sec2-con ul li p{font-size:16px;}
}
@media screen and (max-width: 575px){
    .sec2{padding:80px 0; margin-top:80px;}
    .sec2 .stit2{font-size:50px;}
    .sec2 .stxt2{font-size:18px; padding:0 30px;}
    .sec2-con{padding:0 40px;}
    .sec2-con ul li{width:100%; padding:30px;}
    .sec2-con ul li:first-child{margin-bottom:30px;}
}
@media screen and (max-width: 400px){
    .sec2 .stit2{font-size:38px;}
}
@media screen and (max-width: 375px){
    .sec2{padding:50px 0; margin-top:70px;}
    .sec2 .stit2{font-size:30px; letter-spacing: 20px;}
    .sec2 .stxt2{font-size:16px;}
    .sec2-con ul li p{font-size:16px;}
}
@media screen and (max-width: 280px){
    .sec2 .stit2{font-size:24px; letter-spacing: 15px;}
    .sec2{margin-top:50px;}
    .sec2-con ul li{padding:20px 15px;}
    .sec2-con ul li img{width:60px;}
    .sec2-con ul li span{font-size: 26px;}
    .sec2-con ul li h5{font-size: 16px;}
    .sec2-con ul li p{font-size:14px;}
}
/* 중간 컨텐츠 영역 */

/* 가이드 영역 */
.sec3{background-color: #b6b6b6;}
.art-guide{display:flex; flex-wrap: wrap; padding:50px 0 50px 50px; width:100%;}
.art-guide .art-guide-wrap{}
.art-guide .art-guide-wrap:first-child{width:75%;}
.art-guide .art-guide-wrap:last-child{width:25%; display:flex; justify-content: center; align-items: center;}
.art-guide .art-guide-wrap p{font-family: 'NanumSquare'; font-weight:800; font-size:36px; color:#000; word-break: keep-all;}
.art-guide .art-guide-wrap a{font-family: 'NanumSquare'; font-weight:400; font-size:24px; color:#fff; background-color: #000; padding:12px 30px; display:inline-block;}

@media screen and (max-width: 992px){
	.art-guide{padding:30px 0; justify-content: space-between;}
    .art-guide .art-guide-wrap:first-child{width:75%;}
    .art-guide .art-guide-wrap:last-child{width:25%;}
    .art-guide .art-guide-wrap p{font-size:34px;}
}
@media screen and (max-width: 500px){
	.art-guide{padding:25px 15px;}
    .art-guide .art-guide-wrap:first-child{width:60%;}
    .art-guide .art-guide-wrap:last-child{width:25%;}
    .art-guide .art-guide-wrap p{font-size:26px;}
    .art-guide .art-guide-wrap a{padding:12px 15px; font-size:18px;}
}
@media screen and (max-width: 375px){
    .art-guide .art-guide-wrap p{font-size:20px;}
    .art-guide .art-guide-wrap a{padding:10px 12px; font-size:16px;}
}
@media screen and (max-width: 280px){
    .art-guide{padding:15px 0;}
    .art-guide .art-guide-wrap a{padding:8px 10px; font-size:14px;}
}
/* 가이드 영역 */

/* 매거진 영역 */
.sec4{margin:145px auto;}
.sec4 .stit{margin-bottom:50px;}
.magazine{display:flex; flex-wrap: wrap; justify-content: space-between;}
.magazine .magazine-wrap{width:31.5%;background-color: #f9f9f9; border-radius: 10px; overflow: hidden; margin-bottom:30px;}
.magazine .magazine-wrap:nth-child(3n+2){margin-top:30px; margin-bottom:0;}
.magazine .magazine-wrap .maga-box{padding:20px;}
.magazine .magazine-wrap .maga-box img{width:100%;}
.magazine .magazine-wrap .maga-box h5{font-family: 'NanumSquare'; font-weight:800; font-size:24px; color:#1e1e1e; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.magazine .magazine-wrap .maga-box p{font-family: 'NanumSquare'; font-weight:400; font-size:16px; color:#5a5a5a;  word-break: break-word; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:-webkit-box}
.maga-btn-box{display:flex; align-items: center; justify-content: center; margin-top:50px;}
.maga-btn-box a{display:flex; align-items: center; font-family: 'NanumSquare'; font-weight:800; font-size:24px; color:#000;}
.maga-btn-box a img{margin-left:20px;}

@media screen and (max-width: 1200px){
	.container .stit{font-size:52px;}
}
@media screen and (max-width: 992px){
    .sec4{margin:100px auto;}
	.magazine .magazine-wrap{width:47%;}
    .magazine .magazine-wrap:nth-child(3n+2){margin-top:0; margin-bottom:30px;}
    .maga-btn-box{margin-top:20px;}
}
@media screen and (max-width: 575px){
    .sec4{margin:80px auto;}
}
@media screen and (max-width: 500px){
	.magazine .magazine-wrap{width:100%;}
    .magazine .magazine-wrap:nth-child(3n+2){margin-top:0; margin-bottom:30px;}
    .img-fluid{width:100%;}
}
@media screen and (max-width: 375px){
    .sec4{margin:70px auto;}
    .sec4 .stit{margin-bottom:30px;}
	.container .stit{font-size:40px;}
}
@media screen and (max-width: 280px){
    .sec4{margin:50px auto;}
	.container .stit{font-size:34px;}
    .container .stxt{font-size:16px;}
}
/* 매거진 영역 */

@media screen and (max-width: 1199px){
.fund_slide .container .row > div.stock_slide .page_btn {position:absolute; right:11px; bottom:75px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; z-index:101;}
.fund_slide .container .row > div.product_slide .page_btn {position:absolute; right:11px; bottom:75px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; z-index:101;}
.fund_slide .container .row > div.vip49_slide .manual {margin-top:10px;}
.fund_slide .container .row > div.vip49_slide dl {background:url(/images_ag/main/vip49_bg1.jpg) center no-repeat;height: 98%;background-size:cover; margin-bottom: 0;}
.link_banner .container .row {margin-top:65px;}
.link_banner .container .row .in_style {margin-top:10px;}
.link_banner .container .row .in_style2 {margin-top:10px;}
.fund_slide .container .row > div.vip49_slide .manual1 {margin-top:5px;}
.fund_slide .container .row > div.vip49_slide .manual2 {margin-top:14px;}

.link_banner .container .row .middle_t_Lwrap .middle_btn{width:195px; font-size:20px;}
.link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn2{margin-left:10px;}

}
@media screen and (min-width: 1200px){
.fund_slide .container .row > div.vip49_slide dl {height: 98%;background-size:cover; margin-bottom: 0; color:#000;}
}

@media screen and (max-width: 991px){
    .link_banner .container .row .middle_t_Lwrap .middle_btn{width:135px; font-size:20px; padding:0 15px; line-height: 1.6; word-break: keep-all; height:68px;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn2{margin-left:10px;}

    .link_banner .container .row .middle_t_Rwrap h3{font-size:38px;}

    .row_4 .container .row .titl{margin-left:0;}
}

.swiper-small-button-prev {
    background-image: url("/images_ag/common/left_btn.jpg");
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    left: -25px;
    position: absolute;
    bottom: 50%;
}
.swiper-small-button-next {
    background-image: url("/images_ag/common/right_btn.jpg");
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    right: -25px;
    position: absolute;
    bottom: 50%;
}
.swiper-small-button-prev:hover {
	background-image: url("/images_ag/common/left_hover_btn.jpg");
	background-size:32px 32px;
}
.swiper-small-button-next:hover {
	background-image: url("/images_ag/common/right_hover_btn.jpg");
	background-size:32px 32px;
}

.swiper-small-button-prev1 {
    background-image: url("/images_ag/common/video_btn01.png");
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    left: -25px;
    position: absolute;
    bottom: 50%;
	z-index:10;
}
.swiper-small-button-next1 {
    background-image: url("/images_ag/common/video_btn02.png");
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    right: -25px;
    position: absolute;
    bottom: 50%;
	z-index:10;
}
.swiper-small-button-prev1:hover {
	background-image: url("/images_ag/common/video_btn01_hover.png");
	background-size:32px 32px;
}
.swiper-small-button-next1:hover {
	background-image: url("/images_ag/common/video_btn02_hover.png");
	background-size:32px 32px;
}
@media(max-width:425px){
.swiper-small-button-next1{width:0px}
.swiper-small-button-prev1{width:0px}
}


.swiper-button-prev {
    background-image: url("/images_ag/main/prevt_btn.png");
    background-size:65px 65px;
    width:75px; height:75px;
    left:100px;
    transition-duration: 0.3s;
}
.swiper-button-next {
    background-image: url("/images_ag/main/next_btn.png");
    background-size:65px 65px;
    width:75px; height:75px;
    right:100px;
    transition-duration: 0.3s;
}
.swiper-button-prev:hover {background-size:75px 75px; transition-duration: 0.3s;}
.swiper-button-next:hover {background-size:75px 75px; transition-duration: 0.3s;}

.fund_slide {margin-top:30px; overflow:hidden;}

.fund_slide .container .row > div.stock_slide { min-height:451px; margin:0 0 5px 0;}
.fund_slide .container .row > div.stock_slide .item_wrap {border:1px solid #DFDFDF; background-color:#FFF; position:relative; border-radius:4px;}
.fund_slide .container .row > div.stock_slide .item_wrap  a {display:block; width:100%; height:100%;}
.fund_slide .container .row > div.stock_slide .item_wrap:after{content:""; display:block; clear:both;}
.fund_slide .container .row > div.stock_slide .item_wrap .item_logo { background-color:#ffffff; height:auto; width:40px; position:absolute; right:10px; bottom:10px;}
.fund_slide .container .row > div.stock_slide .item_wrap .item_logo img {padding:3px; max-width:96px; max-height:32px;}
.fund_slide .container .row > div.stock_slide .item_wrap .item_text {margin-top:20px;}
.fund_slide .container .row > div.stock_slide .item_wrap .item_text .item_title {text-overflow: ellipsis;overflow: hidden;white-space:nowrap;font-size:16px; font-weight:500; color:#373737; padding:0 10px 0px 10px;}
.fund_slide .container .row > div.stock_slide .item_wrap .item_text .com_name {font-size:14px; color:#373737; margin-left:10px;}
.fund_slide .container .row > div.stock_slide:hover .left_btn {opacity:0.8; transition-duration:400ms;}
.fund_slide .container .row > div.stock_slide:hover .right_btn {opacity:0.8; transition-duration:400ms;}
.fund_slide .container .row > div.stock_slide .left_btn {border:1px solid #EBEEF3; position:absolute; left:10px; top:35%; margin-top:-10px; z-index:2; cursor:pointer; opacity:0; transition-duration:400ms;}
.fund_slide .container .row > div.stock_slide .right_btn {border:1px solid #EBEEF3; position:absolute; right:10px; top:35%; margin-top:-10px; z-index:2; cursor:pointer; opacity:0; transition-duration:400ms;}
.fund_slide .container .row > div.stock_slide .more_btn {background-color:#fff; border: 1px solid #6B9CBC; border-radius:0px; text-align:center; height:64px; margin-top:10px;}
.fund_slide .container .row > div.stock_slide .more_btn:hover{background-color:#6B9CBC;}
.fund_slide .container .row > div.stock_slide .more_btn a {display:block; width:100%; height:100%; line-height:64px; font-size:18px; color:#6B9CBC;}
.fund_slide .container .row > div.stock_slide .more_btn a:hover {transition: background 0.8s linear;color:#fff;}


.fund_slide .container .row > div.stock_slide .samo_flag {background-color:#A4545F; width:91px; height:34x; position:absolute; right:70px; top:0px; text-align:center; color:#ffffff;}
.fund_slide .container .row > div.stock_slide .samo_flag .txt_1 {font-size:16px; font-weight:400; line-height:34px;display:inline-block;}
.fund_slide .container .row > div.stock_slide .samo_flag .txt_2 {font-size:16px; font-weight:400; line-height:34px; display:inline-block;}
.fund_slide .container .row > div.product_slide { min-height:451px; margin:0 0 5px 0;}
.fund_slide .container .row > div.product_slide .item_wrap {border:1px solid #DFDFDF; background-color:#FFF; position:relative; border-radius:4px;}
.fund_slide .container .row > div.product_slide .item_wrap  a {display:block; width:100%; height:100%;}
.fund_slide .container .row > div.product_slide .item_wrap:after{content:""; display:block; clear:both;}
.fund_slide .container .row > div.product_slide .item_wrap .item_logo { background-color:#ffffff; height:auto; width:40px; position:absolute; right:10px; bottom:10px;}
.fund_slide .container .row > div.product_slide .item_wrap .item_logo img {padding:3px; max-width:96px; max-height:32px;}
.fund_slide .container .row > div.product_slide .item_wrap .item_text {margin-top:20px;}
.fund_slide .container .row > div.product_slide .item_wrap .item_text .item_title {text-overflow: ellipsis;overflow: hidden;white-space:nowrap;font-size:16px; font-weight:500; color:#373737; padding:0 10px 0px 10px;}
.fund_slide .container .row > div.product_slide .item_wrap .item_text .com_name {font-size:14px; color:#373737; margin-left:10px;}
.fund_slide .container .row > div.product_slide:hover .left_btn2 {opacity:0.8; transition-duration:400ms;}
.fund_slide .container .row > div.product_slide:hover .right_btn2 {opacity:0.8; transition-duration:400ms;}
.fund_slide .container .row > div.product_slide .page_btn div { cursor:pointer;}
.fund_slide .container .row > div.product_slide .left_btn2 {border:1px solid #EBEEF3; position:absolute; left:10px; top:35%; margin-top:-10px; z-index:2; cursor:pointer; opacity:0; transition-duration:400ms;}
.fund_slide .container .row > div.product_slide .right_btn2 {border:1px solid #EBEEF3; position:absolute; right:10px; top:35%; margin-top:-10px; z-index:2; cursor:pointer; opacity:0; transition-duration:400ms;}
.fund_slide .container .row > div.product_slide .more_btn {background-color:#fff; border: 1px solid #61427B; border-radius:0px; text-align:center; height:64px; margin-top:10px;}
.fund_slide .container .row > div.product_slide .more_btn:hover{background-color:#61427B;}
.fund_slide .container .row > div.product_slide .more_btn a {display:block; width:100%; height:100%; line-height:64px; font-size:18px; color:#61427B;}
.fund_slide .container .row > div.product_slide .more_btn a:hover {transition: background 0.8s linear;color:#fff;}


.fund_slide .container .row > div.stock_slide .page_btn {float:right; height:0px; position:relative; top:-35px; left:-1px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; z-index:101;}
.fund_slide .container .row > div.product_slide .page_btn {float:right; height:0px; position:relative; top:-35px; left:-1px; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; z-index:101;}

.fund_slide .container .row > div.vip49_slide { min-height:451px; margin:0 0 5px 0;}
.fund_slide .container .row > div.vip49_slide a {text-align: center;color:#fff; display:block;}
.fund_slide .container .row > div.vip49_slide a:hover {}
/*.fund_slide .container .row > div.vip49_slide > a:hover .req_btn {background-color:#eee; transition: background 0.2s linear;}*/

.fund_slide .container .row > div.vip49_slide dl {text-align:left; font-family:'NanumSquare'}
.fund_slide .container .row > div.vip49_slide dl:hover .link_btn {background-color:#333; color:#fff; transition-duration: 200ms;}
.fund_slide .container .row > div.vip49_slide dl dt {font-family:'NanumSquare', 'Noto Serif KR', serif; text-align:left; padding-top:20px; margin-bottom:32px; font-size:30px; font-weight:800; color:#503AF5;}
.fund_slide .container .row > div.vip49_slide dl dd.txt1 {font-family:'NanumSquare'; text-align:left; font-size:50px; font-weight:800; color:#1A1A1A;}
.fund_slide .container .row > div.vip49_slide dl dd.txt2 {font-family:'NanumSquare'; text-align:left; font-size:16px; line-height:19px; font-weight:400; color:#1A1A1A; line-height:27px; margin-top:40px;}
.fund_slide .container .row > div.vip49_slide dl dd.txt2 span {font-weight:800;}
.fund_slide .container .row > div.vip49_slide dl dd.link_btn {font-family:'NanumSquare'; text-align:left; font-size:14px;  font-weight:800; color:#1A1A1A; border:1px solid #555; display:inline-block; padding:5px 45px; position:absolute; right:10px; bottom:110px; transition-duration: 200ms; border-radius:3px;}
.fund_slide .container .row > div.vip49_slide dl .dd_txt1 {text-align:center; font-size:17px; line-height:19px; font-weight:300;}
.fund_slide .container .row > div.vip49_slide dl .dd_txt1 strong {font-size:23px; color:#ff715a; }
.fund_slide .container .row > div.vip49_slide dl .dd_txt2 {text-align:center; font-size:17px; line-height:19px; font-weight:400;margin:30px 0 0 0;}
.fund_slide .container .row > div.vip49_slide dl .dd_txt3 {text-align:center; font-size:27px; line-height:19px; font-weight:500;margin:30px 0 0 0;}
.fund_slide .container .row > div.vip49_slide dl dd.req_btn {width:142px; height:41px; font-size:20px; line-height:38px; border:1px solid #ca6371; margin:50px auto;}
.fund_slide .container .row > div.vip49_slide dl dd.req_btn a {color:#d17a86}

.invest_style {margin-top:30px;}
.invest_style .container .row .banner_wrap .in_style {background:url(/images_ag/main/my_inv_style_banner.jpg) center no-repeat;  height:88px; text-align:center; line-height:80px; color:#fff; font-size:30px; font-weight:500;}
.invest_style .container .row .banner_wrap .in_style a {display:block; width:100%; height:100%;color:#fff;}
.invest_style .container .row .banner_wrap .in_style .agre_lg {color:#8158A4; font-weight: bolder;font-size: 30px;}
.invest_style .container .row .banner_wrap .in_style .agre_lg img {position:relative; top:-3px;}
.invest_style .container .row .banner_wrap .in_style .pink {color:#FFEBBA;}

.row_3 .container .row div.inq_banner {text-align:center;}
.row_3 .container .row div.inq_banner div {border:1px solid #E0E0E0;}

.row_3 .container .row div.partner {width:100%; margin-top:40px;}
.row_3 .container .row .page-header{margin-top:90px;}
.row_3 .container .row .new-title{display:inline-block; font-size:48px; font-weight: bold; color:#000; margin-bottom:0;}
.row_3 .container .row .titl {font-size:20px; color:#363636; font-weight:400; margin:0px; display:inline-block; margin-left:15px;}

.row_4  {margin-top:30px;}
.row_4 .container .row .agre_lg {color:#8158A4; position:relative; top:-3px;}
.row_4 .container .row .page-header{margin-top:90px;}
.row_4 .container .row .new-title{display:inline-block; font-size:48px; font-weight: bold; color:#000; margin-bottom:0;}
.row_4 .container .row .titl {font-size:20px; color:#363636; font-weight:400; margin:0px; display:inline-block; margin-left:15px;}
.row_4 .container .row .selector { text-align:center; margin-top:1.5rem; text-align: left; margin-bottom:2rem; display:flex; justify-content: center; align-items: center;}
.row_4 .container .row .selector button { font-size:19px; font-weight:700; color:#363636; background-color:#FFF; border:1px solid #444;border-color:#C5C4C4; border-radius:23.25px; padding:8px 25px; margin-right:15px; transition-duration: 400ms;}
.row_4 .container .row .selector button:last-of-type{margin-right:0;}
.row_4 .container .row .selector button.buttonact {background-color:#393939; color:#fff; transition-duration: 400ms;}
.row_4 .container .row .selector .board_plus{width:37px; height:37px; border:1px solid #c1bfbf; margin-left: auto; display:inline-block;}
.row_4 .container .row .selector .board_plus a{width:100%; height:100%; display:block; background:url('/images_ag/main/board-plus-btn.jpg') no-repeat center center / 50% 50%;}
.row_4 .container .row div.notice { display:block; }
.row_4 .container .row div.notice dl { padding:20px 23px; background-color:#f6f4f8; transition: ease .5s;}
.row_4 .container .row div.notice dl dt { padding-bottom:10px; font-size:16px; color:#454545; position:relative; transition: ease .5s;}
.row_4 .container .row div.notice dl dt span a {position:absolute; right:10px; color:#8158A4; font-weight:900;}
.row_4 .container .row div.notice dl dd{text-overflow: ellipsis;overflow: hidden;white-space:nowrap; margin-bottom:0; color:#000; font-size:24px; font-weight: 500; transition: ease .5s;}
.row_4 .container .row div.notice dl:hover{background-color:#5800e3 ;}
.row_4 .container .row div.notice dl:hover dt{color:#fff;}
.row_4 .container .row div.notice dl:hover dd{color:#fff;}
.row_4 .container .row div.news { display:none; }
.row_4 .container .row div.news dl {padding:20px 23px; background-color:#f6f4f8; transition: ease .5s; }
.row_4 .container .row div.news dl dt { padding-bottom:10px; font-size:16px; color:#454545; position:relative; transition: ease .5s;}
.row_4 .container .row div.news dl dd{text-overflow: ellipsis;overflow: hidden;white-space:nowrap; margin-bottom:0; color:#000; font-size:24px; font-weight: 500; transition: ease .5s;}
.row_4 .container .row div.news dl dt span a{position:absolute; right:10px; color:#8158A4; font-weight:900;}
.row_4 .container .row div.news dl:hover{background-color:#5800e3 ;}
.row_4 .container .row div.news dl:hover dt{color:#fff;}
.row_4 .container .row div.news dl:hover dd{color:#fff;}
#main_visual .swiper-wrapper .swiper-slide .caption1 {position:absolute; left:250px; bottom:215px; color:#fff; font-size:26px; text-shadow: 1px 1px 1px #333;font-weight:500; opacity:0;}
#main_visual .swiper-wrapper .swiper-slide .caption2 {position:absolute; left:250px; bottom:130px; color:#fff; font-size:59px; text-shadow: 1px 1px 1px #333; font-weight:500; opacity:0;}
#main_visual .swiper-wrapper .swiper-slide .caption2 span {color:#a157e1; text-shadow: 1px 1px 3px #28113c;font-weight:700;}
#main_visual .swiper-wrapper .swiper-slide .caption3 {position:absolute; left:250px; bottom:95px; color:#fff; font-size:26px; text-shadow: 1px 1px 1px #333;font-weight:400; opacity:0;}
#main_visual .swiper-wrapper .swiper-slide  #slide_2.caption1 {color:#a157e1; text-shadow: 1px 1px 1px #28113c;}
#main_visual .swiper-wrapper .swiper-slide  #slide_3.caption2 span{color:#fff; text-shadow: 1px 1px 3px #333; font-weight:200;}

.min_s {display:none;}


@media (max-width: 768px){
	.pc {display:none !important;}
	.mobile {display:block !important;}
	.pc_ianbanner {display:none;}
	.mob_ianbanner {display:block;}
	.fund_slide {margin-top:20px;}
  .invest_style .container .row .banner_wrap .in_style .agre_lg {color:#8158A4; font-weight: bolder;font-size: 25px;}
  .invest_style .container .row .banner_wrap .in_style a {display:block; width:100%; height:100%;color:#fff; font-size: 17px;}
  .invest_style .container .row .banner_wrap .in_style .pink {color:#FFEBBA;}
  .row_4 .container .row .titl {font-size:22px; color:#363636; font-weight:400; margin:0px;}
  .row_3 .container .row div.partner dl {margin:10px 0 0 0;}
  .row_4 .container .row div.notice dl dt {font-size:16px;}
  .row_4 .container .row div.news dl dt {font-size:16px;}
  .row_4 .container .row div.notice dl dd a{ font-size:13px; }
  .row_4 .container .row div.news dl dd a{ font-size:13px; }
  #main_visual .swiper-wrapper .swiper-slide .caption1 {position:absolute; left:250px; bottom:215px; color:#fff; font-size:26px; text-shadow: 1px 1px 3px #333;font-weight:500;}
  #main_visual .swiper-wrapper .swiper-slide .caption2 {position:absolute; left:250px; bottom:130px; color:#fff; font-size:59px; text-shadow: 1px 1px 3px #333; font-weight:500;}
  #main_visual .swiper-wrapper .swiper-slide .caption2 span {color:#8158A4; text-shadow: 1px 1px 3px #1f0535;}
  #main_visual .swiper-wrapper .swiper-slide .caption3 {position:absolute; left:250px; bottom:95px; color:#fff; font-size:26px; text-shadow: 1px 1px 3px #333;font-weight:400;}
  #main_visual .swiper-wrapper .swiper-slide  #slide_2.caption1 {color:#8158A4; text-shadow: 1px 1px 1px #333;}
  #main_visual .swiper-wrapper .swiper-slide  #slide_3.caption2 span{color:#fff; text-shadow: 1px 1px 3px #333; font-weight:200;}
  #main_visual {height:auto;}
  #si_1 {background:url(/images_ag/main/m_1_bg.jpg) center center no-repeat; width:100%; height:0;padding-top: 66.64%; background-size: cover}
  #si_2 {background:url(/images_ag/main/m_2_bg.jpg) center center no-repeat; width:100%; height:0;padding-top: 66.64%; background-size: cover}
  #si_3 {background:url(/images_ag/main/m_3_bg.jpg) center center no-repeat; width:100%; height:0;padding-top: 66.64%; background-size: cover}
  #si_4 {background:url(/images_ag/main/m_7_bg.jpg) center center no-repeat; width:100%; height:0;padding-top: 66.64%; background-size: cover}
  #si_5 {background:url(/images_ag/main/m_5_bg.jpg) center center no-repeat; width:100%; height:0;padding-top: 66.64%; background-size: cover}
  #si_6 {background:url(/images_ag/main/m_6_bg.jpg) center center no-repeat; width:100%; height:0;padding-top: 66.64%; background-size: cover}
  #main_visual .swiper-wrapper .swiper-slide .caption1{position:absolute; left:36px; bottom:123px;font-size:14px}
  #main_visual .swiper-wrapper .swiper-slide .caption2{position:absolute; left:36px; bottom:80px;font-size:22px}
  #main_visual .swiper-wrapper .swiper-slide .caption3{position:absolute; left:36px; bottom:57px;font-size:14px}
  .swiper-button-prev {display: none;}
  .swiper-button-next {display: none;}
  .swiper-small-button-prev {display: none;}
  .swiper-small-button-next {display: none;}
  .fund_slide .container .row > div.product_slide .item_wrap .item_text .item_title {width:60%;}
  .fund_slide .container .row > div.stock_slide .item_wrap .item_text .item_title {width:60%;}
  .link_banner .container .row {margin-top:0px;}
  .link_banner .container .row .in_style{width:100%; margin-top:30px;}
  .link_banner .container .row .in_style2{width:100%; margin-top:0;}
  .link_banner .container .row .col-12:nth-of-type(2){margin-top:30px;}
  .link_banner .banner_wrap1 {padding-right:5px;}
  .link_banner .banner_wrap2 {padding-left:5px;}
  .link_banner .container .row .middle_t_Lwrap{width:100%;}
  .link_banner .container .row .middle_t_Lwrap h3{font-size: 25px; text-align: center; margin-top:40px;}
  .link_banner .container .row .middle_t_Lwrap p{font-size:16px; text-align: center;}
  .link_banner .container .row .middle_t_Lwrap .sec_btn_wrap{position: relative; margin:0 auto; font-size:0; width:80%;}
  .link_banner .container .row .middle_t_Lwrap .middle_btn{width:45%; height:50px; font-size: 16px; font-weight: 600; line-height: 50px; border-radius: 10px; margin:0 auto; margin-top:20px;}
  .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn1{}
  .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn2{margin-left:10%;}

  .link_banner .container .row .middle_t_Rwrap{width:100%;}
  .link_banner .container .row .middle_t_Rwrap h3{font-size: 25px; text-align: center; margin-top:40px;}
  .link_banner .container .row .middle_t_Rwrap p{font-size:16px; text-align: center;}
  .link_banner .container .row .middle_t_Rwrap .middle_btn{width:130px; height:50px; font-size: 16px; font-weight: 600; line-height: 50px; border-radius: 10px; margin:0 auto; margin-top:20px;}

  #m_main_visual .slide1 .slide1-btn-wrap{left:5.5%;}
  #m_main_visual .slide1 .slide1-btn-wrap .slide1-btn{display:block; font-size:4vw; width:36vw; height:10vw; line-height: 10vw;}
  #m_main_visual .slide1 .slide1-btn-wrap .slide1-btn.slide1-btn02{margin-left:0; margin-top:5vw;}

  .row_3 .container .row .new-title{font-size:34px; text-align: center; display:block;}
  .row_3 .container .row .titl{display:block; font-size:16px; margin-left:0; text-align: center;}

  .row_4 .container .row .new-title{font-size:34px; text-align: center; display:block;}
  .row_4 .container .row .titl{display:block; font-size:16px; margin-left:0; text-align: center;}
}

@media (max-width: 522px){
    .link_banner .container .row .middle_t_Lwrap .sec_btn_wrap{position: relative; margin:0 auto; font-size:0; width:80%;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn{width:45%; height:50px; font-size: 14px; font-weight: 600; line-height: 50px; border-radius: 10px; margin:0 auto; margin-top:20px;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn1{}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn2{margin-left:10%;}
}

@media (max-width: 467px){
    .link_banner .container .row .middle_t_Lwrap .sec_btn_wrap{position: relative; margin:0 auto; font-size:0; width:80%;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn{width:45%; height:50px; font-size: 12px; font-weight: 600; line-height: 50px; border-radius: 10px; margin:0 auto; margin-top:20px;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn1{}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn2{margin-left:10%;}
}

@media (max-width: 349px){
    .link_banner .container .row .middle_t_Lwrap .sec_btn_wrap{position: relative; margin:0 auto; font-size:0; width:80%;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn{width:45%; height:60px; font-size: 14px; font-weight: 600; line-height: 2; border-radius: 10px; margin:0 auto; margin-top:20px;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn1{}
    .link_banner .container .row .middle_t_Lwrap .middle_btn.sec_btn2{margin-left:10%;}
}

@media (min-width: 769px){
.bg_layer{}
  #main_visual {height:auto;}
  #m_main_visual {display:none;}
  .bg_layer .guide {background-color:#503AF5; width:20%; height:300px;  float:left;}
  .pc {display:block !important;}
  .mobile {display:none !important;}
  .pc_ianbanner {display:block;}
  .mob_ianbanner {display:none !important;}
  #si_1 {background:url(/images_ag/main/spring_l.jpg) center center no-repeat; width:100%; height:500px; background-size: 991px 645px}
  #si_2 {background:url(/images_ag/main/l_2_bg.jpg) center center no-repeat; width:100%; height:500px; background-size: 991px 645px}
  #si_3 {background:url(/images_ag/main/l_3_bg.jpg) center center no-repeat; width:100%; height:500px; background-size: 991px 645px}
  #si_4 {background:url(/images_ag/main/l_7_bg.jpg) center center no-repeat; width:100%; height:500px; background-size: 991px 645px}
  #si_5 {background:url(/images_ag/main/l_5_bg.jpg) center center no-repeat; width:100%; height:500px; background-size: 991px 645px}
  #si_6 {background:url(/images_ag/main/l_6_bg.jpg) center center no-repeat; width:100%; height:500px; background-size: 991px 645px}
  #main_visual .swiper-wrapper .swiper-slide .caption1{position:absolute; left:200px; bottom:185px;font-size:22px}
  #main_visual .swiper-wrapper .swiper-slide .caption2{position:absolute; left:200px; bottom:135px;font-size:40px}
  #main_visual .swiper-wrapper .swiper-slide .caption3{position:absolute; left:200px; bottom:106px;font-size:22px}
  .fund_slide .container .row > div.product_slide .item_wrap .item_text .item_title {width:45%;}
  .fund_slide .container .row > div.stock_slide .item_wrap .item_text .item_title {width:45%;}


}

@media (min-width: 769px) and (max-width:850px){
    .swiper-button-next, .swiper-button-prev{top:50%; margin-top:0;}
    .swiper-button-prev{left:50px;}
    .swiper-button-next{right:50px;}
    #main_visual .txt_01{font-size:44px;}
    #main_visual .txt_02{font-size:56px; margin-bottom:20px;}
    #main_visual .swiper-slide .slide-txt-wrap{bottom:19%;}
    #main_visual .swiper-slide.slide2 .slide-txt-wrap{bottom:28%;}
    #main_visual .swiper-slide.slide3 .slide-txt-wrap{bottom:28%;}
    #main_visual .swiper-slide.slide4 .slide-txt-wrap{bottom:28%;}
}
@media (min-width: 991px){
.bg_layer{}
  #si_1 {background:url(/images_ag/main/spring.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
 	#si_2 {background:url(/images_ag/main/2_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #si_3 {background:url(/images_ag/main/3_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #si_4 {background:url(/images_ag/main/7_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #si_5 {background:url(/images_ag/main/5_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
 	#si_6 {background:url(/images_ag/main/6_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #main_visual .swiper-wrapper .swiper-slide .caption1{position:absolute; left:250px; bottom:215px;font-size:26px}
  #main_visual .swiper-wrapper .swiper-slide .caption2{position:absolute; left:250px; bottom:130px;font-size:59px}
  #main_visual .swiper-wrapper .swiper-slide .caption3{position:absolute; left:250px; bottom:95px;font-size:26px}
  .fund_slide .container .row > div.product_slide .item_wrap .item_text .item_title {width:60%;}
  .fund_slide .container .row > div.stock_slide .item_wrap .item_text .item_title {width:60%;}
}
@media (min-width: 1200px){
.bg_layer{}
 	#si_1 {background:url(/images_ag/main/spring.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
 	#si_2 {background:url(/images_ag/main/2_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #si_3 {background:url(/images_ag/main/3_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #si_4 {background:url(/images_ag/main/7_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #si_5 {background:url(/images_ag/main/5_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
 	#si_6 {background:url(/images_ag/main/6_bg.jpg) center center no-repeat; width:100%; height:665px; background-size: 1920px 665px;}
  #main_visual .swiper-wrapper .swiper-slide .caption1{font-size:26px}
  #main_visual .swiper-wrapper .swiper-slide .caption2{font-size:59px}
  #main_visual .swiper-wrapper .swiper-slide .caption3{font-size:26px}
  .fund_slide .container .row > div.product_slide .item_wrap .item_text .item_title {width:100%;}
  .fund_slide .container .row > div.stock_slide .item_wrap .item_text .item_title {width:100%;}
}

@media (max-width: 1200px){
}

.bg_layer { position:relative; width:100%; margin-top:75px;}
.bg_layer:afert {content:""; clear:both; display:block;}
.bg_layer .left_bg {background-color:#503AF5; float:left; width:20%; height:300px;}

.bg_layer .guide .txt1 { color:#fff; font-size:50px; font-weight:700; margin-top:50px;}
.bg_layer .guide .txt2 { color:#fff; font-size:15px; font-weight:300; margin-top:10px;}
.bg_layer .right_bg {background-color:#FFF; float:left; width:60%; height:300px; overflow:hidden; margin-top:40px;}
.bg_layer .right_bg #guide_con .swiper-slide { overflow:hidden;}
.bg_layer .right_bg #guide_con .swiper-slide img { max-height:300px;}
.bg_layer .right_bg #guide_con .next{position: absolute; right:14.6875%; top:50%; z-index: 100; transform: translateY(-50%); cursor: pointer;}

.youtube_media {width:100%; height:353px;}
.bg_layer_col{left:-10px;}

@media screen and (max-width: 992px){
    .row_3 .container .row .titl{margin-left:0;}

    .row_4 .container .row .titl{margin-left:0;}
}

@media screen and (max-width: 575px){
    .row_3 .container .row .new-title{font-size:8vw;}
    .row_3 .container .row .titl{margin-left:0; font-size:4vw; word-break: keep-all;}

    .row_4 .container .row .new-title{font-size:8vw;}
    .row_4 .container .row .titl{margin-left:0; font-size:4vw;}
}

@media screen and (max-width: 280px){
    .row_4 .container .row div.notice dl{padding:12px 15px;}
    .row_4 .container .row .selector button{font-size:15px; padding:8px 20px;}
    .row_3 .container .row .titl{margin-top:.2rem;}
    .row_4 .container .row .titl{margin-top:.2rem;}
    .link_banner .container .row .middle_t_Rwrap p{word-break: keep-all;}
    .link_banner .container .row .middle_t_Lwrap .middle_btn{height:auto; padding:5px 15px; font-size:13px; line-height: 1.5;}
    .row_3 .container .row .page-header{margin-top:50px;}
    .row_4 .container .row .page-header{margin-top:50px;}
}


#in_progress_row .wide_logo .item_logo img {
    padding: 3px;
    max-width: 96px;
    max-height: 68px;
}

#in_progress_row .featurette-image {
    max-width: 100%;
    height: auto;
}
#in_progress_row .wide_progress {
    margin-bottom: 7px;
}

#in_progress_row .featurette > .col-md-4 {-webkit-box-flex:0;padding-left:0px;padding-right:0px;}
#in_progress_row {position:relative; padding-top:0px; padding-bottom:85px;}
#in_progress_row #product_list_visual{background:url('/images_ag/sub/product_list/p_visual.jpg') center no-repeat; width:100%; height:193px; background-size: 1920px 193px;}
#in_progress_row #product_list_visual .txt_bd{text-align: center;}
#in_progress_row #product_list_visual .txt_1 {font-size:34px; font-weight:600; color:#fff;}
#in_progress_row #product_list_visual .txt_2 {font-size:17px; font-weight:300;color:#fff; margin-top:10px; margin-bottom:0;}
#in_progress_row #product_list_visual .container{height:100%;}
#in_progress_row #product_list_visual .row{justify-content: center; align-items: center; height:100%;}
#in_progress_row #doneDiv{display:flex; flex-wrap: wrap;}
#in_progress_row .row_1 {margin-top:50px; padding:0px;}
#in_progress_row .bs-component{margin-bottom:35px;}
#in_progress_row .bs-component > ul{border-bottom-color:#6b9cbc;}
#in_progress_row .featurette-image{max-width: 100%;height: auto;}
#in_progress_row .col-md-8{padding-left:0px;}
#in_progress_row .col-lg-9{padding-left: 25px;}
#in_progress_row .thumb-info-type{width:100%; text-align:right; margin-bottom: 15px;}
#in_progress_row .card-thumb-info-type{width:100%; margin: .5rem 0; text-align:right;}
#in_progress_row .thumb-info-type-main{color:#5f41df;background:#fff;border:1px solid #5f41df;padding:3px 6px 3px 6px;font-size:14px; display:inline-block;}
#in_progress_row .thumb-info-type-sub{color:#ffcb00;background:#fff9fe;border:1px solid #ffcb00;padding:3px 6px 3px 6px;font-size:14px; display:inline-block;}
#in_progress_row .thumb-info-type-sub2{color:#5f41df;background:#fff;border:1px solid #5f41df;padding:3px 6px 3px 6px;font-size:14px; display:inline-block;}
#in_progress_row .wide_logo{max-width:100%; height:auto;float: left;margin-right: 15px;}
#in_progress_row .wide_logo .item_logo {border:1px solid #DFDFDF; background-color:#ffffff; height:72px; width:96px; margin:0px; float:left;}
#in_progress_row .wide_logo .item_logo img {padding:3px; max-width:96px; max-height:68px;}
#in_progress_row .card_logo{max-width:100%; height:auto;float: left;margin: 3px 15px 0px 5px;}
#in_progress_row .card_logo .item_logo {border:1px solid #DFDFDF; background-color:#ffffff; height:72px; width:96px; margin:0; float:left;}
#in_progress_row .card_logo .item_logo img {padding:3px; max-width:96px; max-height:68px;}
#in_progress_row .item_title {font-size:20px; font-weight:400; color:#373737;padding-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#in_progress_row .period_day{font-size:17px;text-align:right; color:#729ab6; margin-bottom:5px;}
#in_progress_row .item_com{font-size:15px;color:#373737;}
#in_progress_row .item_com > span{margin-right:2px;display: inline-block;margin-top: 5px;}
#in_progress_row .item_custom{color:#fff;background:#ffcb00;border:1px solid #ffcb00;border-radius:3px;padding:0px 8px 0px 8px;font-size:14px;}
#in_progress_row .item_custom1{color:#fff;background:#ffcb00;border:1px solid #ffcb00;border-radius:3px;padding:0px 8px 0px 8px;font-size:14px;}
#in_progress_row .item_custom2{color:#fff;background:#006efa;border:1px solid #006efa;border-radius:3px;padding:0px 8px 0px 8px;font-size:14px;}
#in_progress_row .wide_progress{height:10px; background-color:#f1f1f1; margin-bottom: 7px;}
#in_progress_row .card_progress{position: relative;height: 10px;background-color: #f1f1f1;}
#in_progress_row .wide_progress_bar{background-color: #000 !important;}
#in_progress_row .money{color:#5f5f5f; font-weight: 500; font-size:17px; width:50%; text-align:left; float:left;}
#in_progress_row .percent{color:#5f41df; font-weight: 500; font-size:17px; width:50%; text-align:right; float:right;}
#in_progress_row .card{background:#fff;border-radius:0px;cursor:pointer; width:100%;}
#in_progress_row .sucess_flag{position:absolute;top:10px;right:106px; background: #23d96b;text-align: center; border-radius: 5px; padding:3px 10px;}
#in_progress_row .sucess_flag > span{color: #fff; display:block; font-size:16px; font-weight: 400;}
#in_progress_row .sucess_flag2{position:absolute;top:10px;right:10px; background: #23d96b;text-align: center; border-radius: 5px; padding:3px 10px;}
#in_progress_row .sucess_flag2 > span{color: #fff; display:block; font-size:16px; font-weight: 400;}
#in_progress_row .done_card {float:left; padding-bottom:20px;}
#in_progress_row .done_card .item_title {font-size: 17px;font-weight: bolder;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;word-wrap: break-word;height: 3em;}
#in_progress_row .done_card > div{background:#fff;cursor:pointer; border:1px solid #ccc; padding-bottom:1rem;}
#in_progress_row .done_card2 > div{background:#fff;cursor:pointer;}
#in_progress_row .carousel img{width:100%;}
#in_progress_row .card_bg{width:100%; margin-top:1rem;}
#in_progress_row .money_percent{color:#5f5f5f; display:flex; flex-wrap:wrap;}
#in_progress_row .card_money{font-weight:400; font-size:17px;}
#in_progress_row .card_percent{color:#000; font-weight:400; font-size:17px; margin-left:auto;}
#in_progress_row .list_more{width: 100%;text-align: center;display: inline-block;margin:60px 0 0 0;}
#in_progress_row .more_btn{background:#222125; border:none;width: 288px;height: 45px;border-radius: 0;line-height: 0px;}
@media (min-width: 768px){
	.d-in-block {display:inline-block !important;}
	.d-content {display:contents !important;}
}
@media (min-width: 1200px){
	.d-in-block {display:inline-block !important;width:100%;}
	.d-content {display:contents !important;}
	.fl {float:left;}
	.fr {float:right;}
}
@media (max-width: 767px){
	.product_list .row{margin:0px !important;}
}
