@charset "utf-8";

/* layout CSS Document */

#wrap{position:relative;max-width:420px; min-width:300px;width:100%;height:100%;right:0;z-index:300;overflow: hidden; background: #fff;
}

/* ---- 헤더(메인) ---- */
#header{position:fixed; top:0; width:100%; height:60px; background:#fff;z-index:300; overflow: hidden; max-width:420px; min-width:300px; border-bottom: 1px solid #ddd;}
#header .head_box .logo{position: absolute;top: 16px;left: 20px;z-index: 20; width: 95px;}
#header .head_box .search{position: absolute;top: 19px; right: 60px;z-index: 20; width: 24px;}
#header .head_box .mypage{position: absolute;top: 18px; right: 20px;z-index: 20; width: 24px;}
#header .head_box img{width: 100%; height: 100%;}

/* ---- 헤더(콘텐츠) ---- */
#header .head_content_box .back{position: absolute;top: 17px;left: 20px;z-index: 20; width: 24px; cursor: pointer;}
#header .head_content_box .logo{position: absolute;top: 16px;left: 55px;z-index: 20; width: 95px;}
#header .head_content_box .search{position: absolute;top: 19px; right: 60px;z-index: 20; width: 24px;}
#header .head_content_box .mypage{position: absolute;top: 18px; right: 20px;z-index: 20; width: 24px;}
#header .head_content_box img{width: 100%; height: 100%;}


/* ---- 푸터 ---- */
#footer{background-color: #f8f8f8; padding: 0 20px 60px; color: #666;}
#footer>div{border-bottom: 1px solid #ddd;}
#footer>div:last-of-type{border-bottom: none;}
.flink, .fcs, .finfo{width: 100%; height: auto; overflow: hidden; padding: 20px 0;}
.flink a{float: left; margin-right: 15px;}
.flink a:last-of-type{margin-right: 0;}
.ftit{font-weight: 500; font-size: 14px;}
.ftxt{font-weight: 700;font-size: 18px;color: #62B22F; padding: 5px 0;}
.fsub{font-size: 13px;}
.finfo p{font-weight: 400; font-size: 13px; margin-bottom: 2px;}
.finfo p:last-of-type{margin-top: 20px;}

/* ---- 컨텐츠 ---- */
#container{margin-top: 60px; overflow: hidden;}
.inner{padding: 35px 20px 40px; position:relative; border-bottom: 10px solid #e6e6e6; overflow: hidden;}
@media (min-width: 420px) {
    body{background: #333;}
    #wrap{left: calc(50% - 210px);}
    #fix_fundbtn{width: 420px;}
}


/*---- 221205 css 추가 ----*/
/* ---- 푸터 ---- */
.fregist{overflow: hidden; padding-top: 30px; border-bottom: none !important;}
.fregist>div{float: left; width: calc((100% - 10px)/2); padding: 10px 20px; border-radius: 5px; cursor: pointer; font-weight: 500;}
.fregist .company_regist{margin-right: 10px; background: #62B22F; color: #fff;}
.fregist .company_regist>p{float: left;}
.fregist .company_regist .ricon{background: url(../../img/design/common/fregist_icon1.png) no-repeat center / 100% auto; width: 30px; height: 30px; display: block; margin: 5px 10px 0 0;}
.fregist .company_regist .rtxt{width: calc(100% - 40px);}
.fregist .producer_regist{background: #fdb313; color: #fff;}
.fregist .producer_regist>p{float: left;}
.fregist .producer_regist .ricon{background: url(../../img/design/common/fregist_icon2.png) no-repeat center / 100% auto; width: 30px; height: 30px; display: block; margin: 5px 10px 0 0;}
.fregist .producer_regist .rtxt{width: calc(100% - 40px);}

@media (max-width: 420px) {
    .fregist>div{text-align: center; padding: 10px 5px;}
    .fregist .company_regist>p{float: none;}    
    .fregist .company_regist .ricon{margin: 0 auto 5px auto;}
    .fregist .company_regist .rtxt{width: 100%;}
    .fregist .producer_regist>p{float: none;}
    .fregist .producer_regist .ricon{margin: 0 auto 5px auto;}
    .fregist .producer_regist .rtxt{width: 100%;}
}