.wrap { width: 100%; overflow: hidden; }

.hideContent {display:none;}

.headerWrap { width: 100%; position:fixed; top:0; background-color:#fff;}
.header { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; height: 100px; margin: 0 auto; }
.header .iconWrap { display: flex; padding-top: 10px; }
.header .iconWrap .kakaoIcon { padding: 0 20px; }
.header .iconWrap .kakaoIcon img { width: 100%; }
.header .iconWrap .telIcon img { width: 100%; }
.header .iconWrap .homeIcon { padding: 0 0px; }
.header .iconWrap .homeIcon img { width: 100%; }

.content { width: 100%; height: 5833px; margin-top:100px; background: url("../images/contentPc.png") center center no-repeat;}
.content_m { display: none; }


.complete { width: 100%; height: 743px; background: url("../images/complete_pc.png") center center no-repeat;}
.complete_m { display: none; }

.footerWrap { width: 100%; background: #17265c; /*margin-bottom: 122px; */ }
.copyWrap { display: flex; justify-content: center; align-items: center; max-width: 1200px; height: 142px; font-size: 18px; color: #e8e8e9; font-family: 'NotoSansL'; text-align: center; margin: 0 auto; }
.copyWrap .copy a { font-size: 18px; color: #ecf0f2;  }
.copyWrap .copy span { font-size: 14px; font-family: 'NotoSansR' }
.copy_m { display: none; }



.fixedForm { display: block;  position: fixed; bottom: 0;  width: 100%; display: none; }
.fixedForm.on { display: block; }

.fixedForm .formWrap { max-width: 1200px; height: 122px; background: #293c84; margin: 0 auto;  }
.fixedForm .formWrap .form { display: flex; justify-content: space-between; align-items: center; height: 100%; }
.formInputWrap { display: flex; align-items: center; }
.fixedForm .formWrap .form .formText { color: #ffffff; font-size: 24px; font-family: 'NotoSansM'; padding-left: 30px; }
.formInput { display: flex; color: #ffffff; }
.formInput input[type=text] { width: 180px; height: 45px; font-size: 18px; background: #6d7cc8; color: #ffffff; padding: 0 10px; box-sizing: border-box;}
.formInput .name { font-size: 18px; font-family: 'NotoSansR'; padding-right: 10px; padding-left: 40px; padding-top: 7px;}
.formInput .phone { font-size: 18px; font-family: 'NotoSansR'; padding-right: 10px; padding-left: 30px;padding-top: 7px;}
.agreeForm { padding-left: 40px; color: #d9dde3; font-size: 18px; font-family: 'NotoSansL'; }
.agreeForm input[type=checkbox] {
    width:17px; height: 17px; margin-right: 8px;
}



.btnForm { display: flex; align-items: center; justify-content: center; width: 120px; height: 100%; font-size: 25px;  font-family: 'NotoSansB'; color: #000000; background: #ffab9b; cursor: pointer;  }
.btnForm .btnText { margin-bottom: 7px; }
.btnForm .icon { display: flex; align-items: center; justify-content: center;  font-size: 20px; font-family: 'NotoSansB'; color: #ffffff; border-radius: 20px; padding: 5px 10px; background: #293c84; }
.btnForm .icon img { padding-left: 3px; }
.closeBtn { display: none; }

.clickFormWrap { display: none; }

/*
    모바일 하단 고정 버튼
*/
.bottomFixedButtons {display:none;}


@media (max-width: 1200px) {
    .header { padding: 0 20px;}
    .header .iconWrap { display: flex; padding-top: 25px;}
    .header .iconWrap .kakaoIcon { padding: 0 7px;}

    .content { display: none; }
    .content_m { display: block; }

    .content_m img { width: 100%; }


    .complete { display: none; }
    .complete_m { display: block; }

    .complete_m img { width: 100%; }

    .footerWrap { width: 100%; background: #17265c; margin-bottom: 0; padding-bottom: 0; margin-top: -4px; }

    .copyWrap { display: flex; justify-content: center; align-items: center; max-width: 1200px; height: 180px; font-size: 12px; color: #e8e8e9; font-family: 'NotoSansL'; text-align: center; margin: 0 auto; }
    .copyWrap .copy a { font-size: 14px; color: #ecf0f2;  }
    .copyWrap .copy span { font-size: 11px; font-family: 'NotoSansR'; }

    /*개인정보취급방침*/
    .copy_pc {display: none; }
    .copy_m { display: block; padding-bottom: 10px; }

    .fixedForm { display: none; }

    /*클릭하면 신청폼뜨는 곳*/
    .clickFormWrap { display: block; }
    .clickForm { position: relative; }
    .clickForm .clickBar{  display:none; position: fixed; bottom: 0; width: 100%;
        line-height: 105px; background: #293c84; margin-top: 20px; padding: 0 10px;
        box-sizing: border-box;}

    .clickForm .clickBar ul { display: flex; align-items: center; justify-content: space-around; }
    .clickForm .clickBar ul li { display: flex; align-items: center; font-size: 14px; color: #ffffff; font-family: 'NotoSansB'; padding-top: 10px;}
    .clickForm .clickBar ul li img { width: 27px; height: 27px;}


    .clickForm .clickBtn { display: none; position: fixed; bottom: 77px; left: 50%; transform: translatex(-50%); align-items: center; justify-content: center;
        width: 250px; height: 55px; font-family: 'NotoSansB'; font-size: 24px; margin: 0 auto; border-radius: 50px; cursor: pointer; }
    .clickForm .clickBtnText { align-items: center; justify-content: center; width: 50%; height: 100%; color: #222222; border-radius: 50px 0px 0 50px; background: #ffab9b; }
    .clickForm .clickBtnIcon { align-items: center; justify-content: center; width: 50%; height: 100%; color: #ffffff; border-radius: 0px 50px 50px 0px; background: #000000; }
    .clickForm .clickBtnIcon img { padding-left: 10px; }


    .clickForm .clickBtnIcon img { width: 20px; }


    /*고정 신청폼*/
    .fixedForm { display: none; position: fixed; bottom: 0px;  width: 100%;  }
    .fixedForm.on { display: block; }
    
    .fixedForm .formWrap { display: block; max-width: 1200px; height: 220px; }
    .fixedForm .formWrap .form { display: flex; justify-content: center; align-items: center; padding: 0px 0; margin-left: -26px; }

    .formInputWrap { display: block; }

    .fixedForm .formWrap .form .formText { display: none; }
    .formInput { display: flex; justify-content: space-between; align-items: center; color: #ffffff; padding:8px 0 ;}
    .formInput input[type=text] { flex: 1; height: 40px; line-height: 30px; font-size: 16px; background: #6d7cc8; padding: 0 10px; box-sizing: border-box; }
    .formInput .name { width: 50px; font-size: 16px; font-family: 'NotoSansR';  padding-top: 7px; padding-right: 0px;}
    .formInput .phone { width: 50px; font-size: 16px; font-family: 'NotoSansR'; padding-top: 7px;}

    .agreeForm { display: flex; justify-content: center; font-size: 14px; padding-top: 7px; padding-left: 69px;  }
    .agreeForm input[type=checkbox] { display: inline-block; width:15px; height: 15px; margin-right: 3px; margin-top: 2px;}
    /*.agreeForm:after {display:block; clear:both; content:""; }*/

    /*신청폼안에 버튼*/
    .btnForm { display: flex; justify-content: center; width: 95px; height: 95px; text-align: center;
        font-size: 20px;  font-family: 'NotoSansB'; color: #000000; background: #ffab9b; cursor: pointer; margin-top: -28px; margin-right: 10px; margin-left: 10px; }
    .btnForm .btnText { margin-bottom: 7px; }
    .btnForm .icon { display: flex; align-items: center; justify-content: center;  font-size: 18px; font-family: 'NotoSansB'; color: #ffffff; border-radius: 20px; padding: 5px 10px; background: #293c84; }
    .btnForm .icon img { padding-left: 3px; }
    .closeBtn { display: none; }



    /*닫기버튼*/
    .closeBtn { display: block; position: absolute; top: -39px; right: 0; cursor: pointer; }
    .closeBtn img { width: 40px; }
    
    
}


@media (max-width: 768px) {
    .headerWrap {position:relative;}
    .header { padding: 0 10px;}
    .header { height: 80px; }
	.header .iconWrap{        padding-top: 10px;}
    /*.header .iconWrap { display: none;}*/
	.header .iconWrap .kakaoIcon, .header .iconWrap .telIcon { display: none;}
    .header .logo  img { width: 90px; }
    .header .iconWrap .txt {font-size: 24px; font-family: 'NotoSansB';  }
    .header .iconWrap .kakaoIcon img { max-width: 110px; }
    .header .iconWrap .telIcon img { max-width: 140px; }
	.header .iconWrap .homeIcon img { max-width: 175px; }
    
    .footerWrap {padding-bottom: 50px;}
    
    /*
	    모바일 하단 고정 버튼
	*/
	.bottomFixedButtons {position:fixed; bottom:0; display:flex; flex-direction: row;}
	.bottomFixedButtons div {width:50%;}
	.bottomFixedButtons div img {width:100%; vertical-align: top;}

}