html, body, h1, h2, h3, h4, h5, h6, div, p, span, small, strong, ul, li, 
.form-row, .row, .col, .col-1, .col-2, .col-3, .col-4, .col-5{
	margin:0px; padding:0px; box-sizing:border-box; 
}
ul li{list-style:none;}
a, a:hover{text-decoration:none; display:inline-block;}

input[type=checkbox]{vertical-align:middle; -webkit-appearance:none; outline:none; width:15px; height:15px; margin-right:0.5em; background:#fff url("/images/portal/check_off.png") no-repeat center/cover; }
input[type=checkbox]:checked {background:url("/images/portal/check_on.png") no-repeat center/cover; }

.btn{border-radius:0px; font-weight:bold; }
.wt_btn{border-radius:0px; border:1px solid #fff; color:#fff; padding:6px 20px; }
.wt_btn:after{content:""; padding:0px 14px; background:url("/images/portal/wt_arrow_right.png") no-repeat center right; }
.wt_btn:hover{background:#fff; color:#e60012;}
.wt_btn:hover:after{background:url("/images/portal/red_arrow_right.png") no-repeat center right;}
.red_btn{border-radius:0px; border:1px solid #e60012; color:#e60012; padding:6px 20px; }
.red_btn:after{content:""; padding:0px 14px; background:url("/images/portal/red_arrow_right.png") no-repeat center right; }
.red_btn:hover{background:#e60012; color:#fff;}
.red_btn:hover:after{background:url("/images/portal/wt_arrow_right.png") no-repeat center right;}
.gray_btn{margin-left:10px; border:1px solid #888; color:#888;}
.gray_btn:hover{color:#fff; background:#888;}

.wrapper{position:relative; }

/*toggler nav*/

.navbar{width:100%; position:absolute; top:0px; padding:0px 20px; background:rgba(0, 0, 0, 0.5); z-index:999;}
.navbar .navbar-brand{margin-right:0px; }
.navbar .navbar-toggler{border:none;}

.navbar .navbar-collapse{height:100px; position:relativer; }
.navbar .navbar-collapse>ul>li{margin-left:30px;  }
.navbar .navbar-collapse>ul>li a{color:#fff; display:block; }
.navbar .navbar-collapse>ul>li>a:after{display:none; }

.navbar .navbar-collapse .util{position:absolute; top:10px; right:20px; }
.navbar .navbar-collapse .util li{float:left; }
.navbar .navbar-collapse .util li a{padding:5px 20px; }

.navbar .navbar-collapse .navbar-nav{position:absolute; bottom:0px; right:20px; }
.navbar .navbar-collapse .navbar-nav li a{padding:10px 20px; }

.navbar-nav>li:hover .dropdown-menu{display:block; }

.navbar-nav>li>ul{width:200px; border-radius:0px; background:rgba(0, 0, 0, 0.5); position:absolute; top:40px; right:0px; }
.navbar-nav>li>ul.ntc_menu{min-width:120px; width:10px; }


/*== footer ==*/
.footer_wrap{position:relative; }
.foot_menu{padding:10px 0px; border-bottom:1px solid #54585a; border-top:1px solid #54585a;}
.foot_menu a{color:#000; font-weight:bold;}
.foot_menu .foot_menu_list{height:44px; margin-right:20px; }
.foot_menu .foot_menu_list li{float:left; padding:10px 5px; }
.foot_menu .foot_menu_list li a{border-left:1px solid #000; padding-left:10px; line-height:16px; }
.foot_menu .foot_menu_list li:first-child a{border:none;}

.foot_link .dropup{width:100%; position:relative; }
.foot_link .dropup .dropdown-toggle{padding:10px 20px; float:right; margin-top:-46px; background:#fff; border:1px solid #000;}
.foot_link .dropup .dropdown-menu{padding:20px; background:#fff; border-radius:0px; position:absolute; bottom:0px; border:1px solid #000;}
.foot_link .dropup .dropdown-menu a{margin-bottom:5px; font-weight:normal;}
.foot_link .dropup .dropdown-menu .group_site {margin-bottom:20px; }
.foot_link .dropup .dropdown-menu .group_site a{font-weight:bold; color:#e60012; }
.foot_link .dropup .dropdown-menu .fmy_qd{font-size:1.2em; font-weight:bold; color:#54585a; margin-bottom:10px;}
.foot_link .dropup.fmy_site .dropdown-menu{width:800px; height:540px; margin-bottom:200px; }


.foot_info .container-fluid{padding:20px; }
.foot_info .foot_logo{width:230px; min-height:90px; float:left; }
.foot_info .foot_logo img{width:80%; }
.foot_info .foot_info_list li{display:inline-block; line-height:1em; border-left:1px solid #000; padding:0px 15px;}
.foot_info .foot_info_list li:first-child{border:none; padding-left:0px; }
.foot_info .copyright{color:#54585a; font-weight:bold; margin-top:20px; }

.footer_wrap .top_btn{position:absolute; top:-80px; right:50px; }

/*== main ==*/
.main_cont{width:100%; }
.main_cont .container{text-align:center; color:#fff; padding-top:60px; }
.main_cont .container .row .app_img, .main_cont .container .row .pc_img{width:50%; }
.main_cont .container .app_img img{width:40%; }
.main_cont .container .section_tit{font-weight:bold; margin-bottom:20px; }
.main_cont .container .section_txt{line-height:1.8em; margin-bottom:20px;}

.main_section1{width:100%; height:100vh; max-height:950px; }
/*.main_section1{min-height:100vh; height:100vh; max-height:100vh; }*/
#slider_top .carousel-indicators{bottom:30px;}
#slider_top .carousel-indicators li{width:15px; height:15px; border-radius:50%; background:rgba(0, 0, 0, 0); border:3px solid #fff; }
#slider_top .carousel-indicators li.active{background:#fff;}
#slider_top .carousel-caption{bottom:35%; }
#slider_top .carousel-caption h1{font-weight:bold; }
#slider_top>a:hover{display:flex; }

.main_section2{background:#eee url("/images/portal/main_bg_02.png") no-repeat center/100% 100%; }
.main_section2 .container .app_txt{padding-left:12%; padding-top:50px; }
.main_section3{background:#eee; }
.main_section3 .container .app_txt{padding-top:50px;}
.main_section3 .container .section_tit, .main_section3 .container .section_txt{color:#000; }
.main_section4{background:#eee url("/images/portal/main_bg_03.png") no-repeat center/100% 100%; }
.main_section4 .container{padding-top:150px; padding-bottom:30px;}
.main_section4 .container .app_txt{padding-left:10%; }
.main_section4 .pc_img img{width:80%; padding:20px 10px;}

.main_card .card{background:rgba(0, 0, 0, 0); border:none; text-align:left; }
.main_card .card .main_card_img{height:100%; padding:10px; position:absolute; right:0px; }


/*== sub ==*/
.contents{margin-bottom:100px;}
.contents .bon_txt{line-height:1.8em; }
.contents .cont_top{width:100%; height:340px; padding-top:160px; }
.contents .cont_top .top_tit{font-weight:bold; text-align:center; color:#fff;}
.contents .cont_body .sum_tit{text-align:center; font-weight:bold; }
.contents .cont_body .sum_txt{text-align:center; padding-top:30px; margin-bottom:100px; background:url("/images/portal/sum_title_bg.png") no-repeat center 6px/8px;}

/*== login ==*/
.login{width:400px; margin:0px auto; position:relative; }
.login .log_info input{width:240px; height:40px; padding:10px; margin-bottom:10px; }
.login .login_btn{width:150px; height:90px; background:#e60012; color:#fff; border:none; font-weight:bold; position:absolute; top:0px; right:0px;}
.login .row .btn:after{display:none;}

#caps_lock{background:#e60012; color:#fff; font-weight:bold; padding:5px 20px; margin-bottom:10px; display:none; border-radius:5px; position:relative; }
#caps_lock:before{
   content:"";  width:10px; height:10px;
   border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #e60012; 
   display:inline-block; position:absolute; top:-10px; 
}

/*== joinup ==*/
.join_cont .down_btn li{width:33%; }
.join_cont .down_btn li a{width:100%; font-weight:bold; text-align:center; }
.join_cont .down_btn li a.red_btn:after{display:none;}

.join_cont .card{border:none; width:25%; }
.join_cont .card .card-header{width:100%; height:50px; padding:0px 50px; text-align:center; border:none; }
.join_cont .part1 .card-header{background:#fff url("/images/portal/pt_01.png") no-repeat center/100% 100%;}
.join_cont .part2 .card-header{background:#fff url("/images/portal/pt_02.png") no-repeat center/100% 100%;}
.join_cont .part3 .card-header{background:#fff url("/images/portal/pt_03.png") no-repeat center/100% 100%;}
.join_cont .part4 .card-header{background:#fff url("/images/portal/pt_04.png") no-repeat center/100% 100%;}

.join_cont .card .card-body{height:200px; padding:5px 15px; margin-top:20px; border-right:1px solid #ddd; }
.join_cont .card:last-child .card-body{border:none;}

/*== About ==*/
.about_cont, .guide_cont{padding:0px 20px; padding-bottom:50px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.about_cont:last-child, .guide_cont:last-child{padding-bottom:30px; border:none; margin-bottom:0px; }

.about_cont{position:relative; min-height:270px; }
.about_bns:after{content:""; width:90%; height:90%; background:url('/images/portal/container_img.png') no-repeat center right/auto 100%; position:absolute; top:0px; left:0px; z-index:-1;}
.about_bns .about_bns_txt .bon_txt .bon_tit{display:block; font-weight:bold; }
.about_app:after{content:""; width:100%; height:100%; background:url('/images/portal/phone_img.png') no-repeat center left/auto 100%; position:absolute; top:0px; left:0px; z-index:-1;}
.about_app .about_app_txt{float:right; }

/*== guide ==*/
.guide_wrap .guide_cont .card{padding:0px; border:none; }
.guide_wrap .guide_tit{font-weight:bold; margin-bottom:20px; padding:0px 30px; }

.guide_wrap .guide_app .card{width:25%; }
.guide_wrap .guide_app .card .app_guide_img{padding-right:25px; position:relative; }
.guide_wrap .guide_app .app_guide_img:after{content:""; width:20px; height:38px; background:url("/images/portal/guide_arrow.png") no-repeat center/cover; position:absolute; right:0px; top:50%; margin-top:-19px; }
.guide_wrap .guide_app .card:last-child .app_guide_img:after{display:none; }


/*== notice ==*/
.notice_cont .ntc_wrap{margin-bottom:30px; }
.notice_cont .ntc_wrap .ntc_list{width:calc((100% - 41px)/3); margin-right:20px; margin-bottom:20px; border:1px solid #54585a; padding:20px; }
.notice_cont .ntc_wrap .ntc_list:nth-child(3n){margin-right:0px; }
.notice_cont .ntc_wrap .ntc_list .ntc_tit{height:100px; font-weight:bold;}
.notice_cont .ntc_wrap .ntc_list .ntc_date{font-weight:bold; color:#54585a; }

.notice_cont .page_nav .pagination li{margin-right:10px; }
.notice_cont .page_nav .pagination li a{width:30px; height:30px; text-align:center; color:#54585a; font-weight:bold; line-height:30px; }
.notice_cont .page_nav .pagination li a.active{border:1px solid #e60012; color:#e60012; }

/*== notice detail ==*/
.ntc_dtl_wrap .ntc_dtl{margin-bottom:30px; }
.ntc_dtl>div{padding:10px 5px; }
.ntc_dtl .ntc_head{border-bottom:1px solid #54585a; border-top:3px solid #e60012; }
.ntc_dtl .ntc_head .ntc_dtl_tit{font-weight:bold; margin-bottom:20px;}
.ntc_dtl .ntc_head .ntc_info li{display:inline-block; padding:0px 20px; font-weight:bold; color:#54585a; border-left:1px solid #54585a; line-height:14px;}
.ntc_dtl .ntc_head .ntc_info li:first-child{padding-left:0px; border-left:none;}
.ntc_dtl .ntc_head .ntc_info li>.file{margin-right:10px; }
.ntc_dtl .ntc_head .ntc_info li>.file_down{color:#000; }

.ntc_dtl .ntc_foot{padding:0px;}
.ntc_dtl .ntc_foot dl{padding:10px 5px; }
.ntc_dtl .ntc_foot dl:first-child{border-bottom:1px solid #54585a;}
.ntc_dtl .ntc_foot dl, .ntc_dtl .ntc_foot dl dd{margin:0px; }
.ntc_dtl .ntc_foot dl dt{width:100px; }
.ntc_dtl .ntc_foot dl dd a{color:#54585a; }
.ntc_dtl .ntc_foot dl dd {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.ntc_dtl .ntc_foot{border-top:3px solid #e60012; border-bottom:3px solid #e60012;}
.ntc_dtl .ntc_foot>.float-left, .ntc_dtl .ntc_foot>.float-right{
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;
}
.ntc_dtl_wrap .btn_group .list_btn{font-weight:bold; padding:10px 50px; border:1px solid #e60012; color:#e60012; }
.ntc_dtl_wrap .btn_group .list_btn:hover{background:#e60012; color:#fff; }

/*== notice enter ==*/
.ntc_enter form .table{border:1px solid #dee2e6; margin-bottom:30px;}
.ntc_enter form .table tr td input{width:100%; border:none; }
.ntc_enter form .table tr td input:focus{outline:none; }
.ntc_enter form .table tr td .custom-file{height:26px; }
.ntc_enter form .table tr td .custom-file .custom-file-input{}
.ntc_enter form .table tr td .custom-file .custom-file-label{height:26px; margin-bottom:0px; padding:1px 0px; border-radius:0px; border:none; }
.ntc_enter form .table tr td .custom-file .custom-file-label:before{content:"파일선택"; border:1px solid #e60012; color:#e60012; padding:5px 10px; margin-right:20px; }
.ntc_enter form .table tr td .custom-file .custom-file-label:after{display:none;}
.ntc_enter form .table tr th{width:100px; background:#eee; text-align:center;}
.ntc_enter .btn_group .btn{padding:10px 50px; font-weight:bold; margin-right:10px; }
.ntc_enter .btn_group .btn.enter_btn{border:1px solid #e60012; color:#e60012; }
.ntc_enter .btn_group .btn.enter_btn:hover{background:#e60012; color:#fff;}
.ntc_enter .btn_group .btn.delete_btn{border:1px solid #54585a; color:#54585a;}
.ntc_enter .btn_group .btn.delete_btn:hover{background:#54585a; color:#fff;}

/*== FAQ ==*/
.faq_cont .faqList{border-bottom:1px solid #fff; }
.faq_cont .faqList .faqQ{padding:10px 20px 10px 60px; background:#eee url("/images/portal/faq_Q_icon.png") no-repeat 10px center/30px; border-left:4px solid #e60012; display:block; cursor:pointer; }
.faq_cont .faqList .faqA{padding:10px 20px 10px 60px; background:url("/images/portal/faq_A_icon.png") no-repeat 10px 10px/30px; border-left:4px solid #999; }

.faq_cont .faqList:last-child .active{border-radius:0px; }

.accordion{transition:0.4s; }
.accordion:after{content:""; width:18px; height:10px; display:inline-block; background:url("/images/portal/dropdown.png") no-repeat center/cover; float:right; margin-top:10px;}
.accordion.active:after{transform:rotate(180deg); }

.panel {max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; }


/*== 비밀번호 만료 ==*/
.expr_pw{width:100%; height:100vh; position:relative; }
.expr_pw .center{width:720px; height:320px; position:absolute; top:50%; left:50%; margin-top:-160px; margin-left:-360px; }
.expr_pw .center .txt_red{color:#e60012; }
.expr_pw .center .expr_tit{font-weight:bold; color:#54585a; text-align:center; margin-bottom:30px; }
.expr_pw .center .expr_body .expr_img{width:50%; text-align:center; padding:10px; }
.expr_pw .center .expr_body .expr_form .expr_txt{border-left:3px solid #e60012; color:#54585a; padding-left:20px; margin-bottom:15px; }
.expr_pw .center .expr_body .expr_form form .pw_form{margin-bottom:4px;}
.expr_pw .center .expr_body .expr_form form .pw_form label{min-width:150px; padding-right:10px; text-align:right; }
.expr_pw .center .expr_body .expr_form form .pw_form input{text-indent:10px; border:1px solid #54585a; }

.expr_pw .center .expr_body .expr_form .expr_btn{margin-top:20px;}
.expr_pw .center .expr_body .expr_form .expr_btn .btn{font-weight:bold; padding:6px 10px; }
.expr_pw .center .expr_body .expr_form .expr_btn .chng_btn{background:#e60012; color:#fff;}
.expr_pw .center .expr_body .expr_form .expr_btn .chng_btn:hover{background:#bd000f;}

/*== 푸터 약관 ==*/
.table{border-top:3px solid #e60012; }
.table th, .table td{font-size:0.9em; vertical-align:middle; }
.table th{text-align:center; background:#eee; }
.table td{color:#54585a; padding-left:10px;}

.terms_wrap{color:#54585a; font-weight:bold; padding-bottom:100px;}
.terms_wrap .terms_tit{color:#2a2a2a; font-weight:bold; margin-bottom:15px;}
.terms_wrap .terms_txt{line-height:1.7em;}
.terms_wrap .terms_txt .terms_list{margin:10px 0px; padding-left:30px;}
.terms_wrap .terms_txt .terms_list li{padding-left:30px; text-indent:-24px; }
.terms_wrap .terms_txt a{color:#e60012; border-bottom:1px solid #e60012;}
.terms_wrap .terms_txt a:hover{color:#bd000f; border-color:#bd000f;}
.terms_wrap .terms_nav{border:2px solid #999; padding:20px 30px;}
.terms_wrap .terms_nav li{width:49%; height:26px; display:inline-block; margin-bottom:5px;}
.terms_wrap .terms_nav li a{font-weight:bold; color:#000; }
.terms_wrap .terms_nav li a:hover{border-bottom:1px solid #000; }

.terms_wrap .terms_txt_email{text-align:center; padding-top:130px; background:url("/images/portal/terms_email.png") no-repeat center top/100px;}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 1199.98px) {
	/*footer*/
	.foot_menu .foot_center{display:block;}
	.foot_menu .foot_menu_list, .foot_menu .foot_link{display:flex; justify-content:center; margin-right:0px; }
	.foot_menu .foot_link{height:46px; }
	.foot_menu .foot_link>.dropup>.dropdown-toggle{margin-top:0px; }
	.foot_menu .foot_link>.dropup.fmy_site{right:0px; margin-right:20px;}
	.foot_menu .foot_link>.dropup.svc_site>.dropdown-toggle{float:left;}
	.foot_menu .foot_link>.dropup.svc_site>.dropdown-menu{width:180px;}
	
	/*main*/
	#slider_top .carousel-caption{bottom:30%; }
	.main_section2 .container .app_txt{padding-left:5%; padding-top:30px; }
	.main_section3 .container .app_txt{padding-top:30px;}
	.main_section4 .container .app_txt{padding-left:5%; }
	.main_section4 .pc_img{width:30%; }
	
	

}

@media (max-width: 991.98px) {
	/*nav*/
	.navbar #side_nav{height:auto; }
	.navbar #side_nav>ul{position:static; }
	.navbar #side_nav>ul>li{display:block; margin-left:0px; }
	.navbar #side_nav>ul>li a{padding:10px 20px;}
	.navbar #side_nav .dropdown .dropdown-menu{width:100%;}
	.navbar #side_nav .dropdown li a{text-indent:20px; }
	.navbar #side_nav .dropdown li a:hover{color:#e60012; }
	.navbar #side_nav .util li{float:none; }
	
	/*footer*/
	.foot_info .foot_logo{width:100%; min-height:70px; text-align:center; }
	.foot_info .foot_logo img{width:200px;}
	.foot_info .foot_info_list{width:100%; display:flex; justify-content:center; margin-bottom:10px; }
	.foot_info .copyright{text-align:center; }
	
	/*main*/
	#slider_top .carousel-caption{bottom:30%; }
	#slider_top .carousel-caption h1{font-size:2em;}
	.main_section2 .container .app_txt{padding-left:0px; padding-top:0px; }
	.main_section3 .container .app_txt{padding-top:0px;}
	.main_section4 .container .app_txt{padding-left:0px; }
	.main_cont .container .row .app_img, .main_cont .container .row .pc_img{width:40%; }
	.main_cont .container .row .app_img img{width:60%; }
	.main_cont .container .row .pc_img img{width:100%;  }
	.main_cont .container .row .app_txt{width:60%; }
	
	/*사업소개*/
	.about_app:after{background-position:right; }
	.about_bns:after, .about_app:after{opacity:0.1;}
	.about_app .about_app_txt{float:none; }
	
	/*회원가입*/
	.join_cont .card{width:50%; margin-bottom:50px; }
	.join_cont .card:nth-child(2) .card-body{border:none;}
	
	/*가맹망이용안내*/
	.guide_cont.guide_pc .card .card-body{padding:0px 20px; }
	
	/*app이용안내*/
	.guide_app .card{width:50%; }
	.guide_app .card:nth-child(2) .app_guide_img:after{display:none; }
	
	/*공지사항*/
	.notice_cont .ntc_wrap .ntc_list{width:100%; margin:0px; padding:10px; border:none; border-bottom:1px solid #54585a;}
	.notice_cont .ntc_wrap .ntc_list:first-child{border-top:3px solid #e60012; }
	.notice_cont .ntc_wrap .ntc_list .ntc_tit{height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	
}

@media (max-width: 767.98px) {
	/*footer*/
	.foot_menu .foot_center .foot_link{display:none;}
	.foot_menu .foot_menu_list, .foot_menu .foot_link, .foot_info .foot_info_list{display:block; }
	.foot_menu .foot_menu_list{height:220px; }
	.foot_menu .foot_menu_list li{width:100%; }
	.foot_menu .foot_menu_list li a, .foot_info .foot_info_list li{width:100%; padding-left:0px; border-left:none; text-align:center;}
	
	/*main*/
	#slider_top .carousel-caption{bottom:25%; }
	.main_cont .container .row .app_txt{width:60%;  }
	.main_cont .container .row .app_img{width:40%; }
	
	.main_section2, .main_section4{background-size:cover; }
	.main_card .card .main_card_img{position:static;}
	
	/*가맹망이용안내*/
	.guide_cont.guide_pc .card .card-body{padding-top:20px; }
}

@media (max-width: 575.98px) {
	
	/*회원가입*/
	.join_cont .card{width:100%; margin-bottom:50px; }
	.join_cont .card .card-header{line-height:40px;}
	.join_cont .card .card-body{border:none;}
	
	/*== login ==*/
	.login{width:100%; padding:10px; }
	.login .log_info{width:100%; }
	.login .log_info input{width:100%; margin-right:0px; }
	.login .login_btn{width:100%; height:50px; position:static;}

}