html,body,div,ul,ol,li,dl,dt,dd,p,address,h1,h2,h3,h4,h5,h6,blockquote,table,caption,tr,th,td,thead,tbody,tfoot,form,fieldset,legend,hr,header,nav,main,aside,section,article,figure,figcaption,footer {margin: 0; padding: 0;}
    a {text-decoration: none; color: inherit;}
    li {list-style: none;}
    table {border-collapse: collapse;}
    h1,h2,h3,h4,h5,h6 {font-weight: normal;}
    address, em, cite {font-style: normal;}
    
    @keyframes flow_bg {
      0% {background: #fff url(../v22img/mvpk_bg.png) repeat center/cover;}     
      50% {background: #fff url(../v22img/mvpk_bg.png) repeat center right 500px/cover;}    
      100% {background: #fff url(../v22img/mvpk_bg.png) repeat center/cover;}    
    }

    @keyframes joa_startup {
      0% {opacity: 0;}     
      50% {opacity:50%;}
      100% {opacity:100%;}  
    }    

    .headertop{display:flex; justify-content:space-around; width:100%; background-color: rgba(255, 255, 255, 0.9);}
    .headertop p{background:#e0eafb; width:18%;}
    .headertop h1{width:60%; text-align:right;}
    .headertop h1 img{margin:0.7em 0.1em 0.4em 0; width:86%;}
    .headertop ul{width:30%; text-align:center; padding-top:0.8em;}
    .headertop ul li.mainbiz img{width:50%;} 
    .headertop ul li.souel img{width:80%;}


    
    /* TopNavigation E */   
     #contents {width: 100%;}
    /*Main_slider S*/
    #main_skin_banner{
        width:100%; background:#fff url(../v22img/mvpk_bg.png) repeat center/cover;
        animation:flow_bg 200s both infinite;
        animation-delay:6s;
    }
    /*Main_slider E*/    
    #main_skin_banner .main_visual{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #main_skin_banner .main_visual .main_phrase{
        display:flex; justify-content: center; align-items:center;
        padding: 5% 0 0 0;
    }
    
    #main_skin_banner .main_visual .main_phrase .mv_txt01{
        width:4.7em; height:4.7em; background:#e81626;
        animation:joa_startup 2s 1; text-align: center; border-radius:45px;
    }
    #main_skin_banner .main_visual .main_phrase .mv_txt01 img{width:57%; transform:translateY(30%);}
    
    #main_skin_banner .main_visual .main_phrase .mv_txt02{padding:0 1.5em 0 1em;}
    #main_skin_banner .main_visual .main_phrase .mv_txt02 dl{font-family:'GmarketSansBold';}
    #main_skin_banner .main_visual .main_phrase .mv_txt02 dl dt{font-size:1em; color:#fde1ff; line-height:1.5em; text-indent:-0.4em;}

    #main_skin_banner .main_visual .main_phrase .mv_txt02 dl dd{font-size:1.2em; color:#fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); letter-spacing: -1px;}
    #main_skin_banner .main_visual .main_phrase .mv_txt02 dl .mcopy{font-size:1.4em; color:#ffffcc; line-height:1.5em;}

    /*메인 텍스트 240502 리뉴얼*/  
    #main_skin_banner .main_visual .mo_phrase{display:flex; justify-content:center; align-items:center; padding: 5% 0 0 0;}
    #main_skin_banner .main_visual .mo_phrase .m_txt01{padding:0 1.5em 0 1em; text-align:center;}
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl{font-family:'GmarketSansBold';}
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dt{
       display:inline-block; font-size:1.15em; color:#ffffcc; position:relative; text-shadow:0px 0px 10px rgba(51, 23, 79, 1); 
       margin:0 2em 0.3em 0; background:#330066; border-radius:7px; width:3.5em; height:1.5em; line-height:1.5em; right:0.6em;
    }
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dt:before{
        display: block; position: absolute; top:26px; left:10px;  width:2em; height:0.8em; background: url(../v22img/guarant_check.png) no-repeat center/cover; content: '';}

    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dd{color:#fff; font-size:1.5em; line-height:1.4em;}
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dd .million{color:#ff3300; text-shadow:0px 0px 10px #fff, 0px 0px 15px #fff; margin-right:0.2em;}
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dd .adstart{text-shadow: 0px 0px 10px rgba(51, 23, 79, 1);}
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dd .sales{display:inline-block; font-size:1.4em; text-shadow: 0px 0px 10px rgba(51, 23, 79, 1); margin-right:0.2em;}
    #main_skin_banner .main_visual .mo_phrase .m_txt01 dl dd .billion{display:inline-block; font-size:1.4em; color:#ff3300; text-shadow:0px 0px 10px #fff, 0px 0px 15px #fff;} 

    #main_skin_banner .main_visual .main_key{
        display:flex; justify-content: center; align-items: center;
    }
    #main_skin_banner .main_visual .main_key .mv_txt03{
        text-align:center;
        animation:annual_sales 2s 1 backwards;
        animation-delay:3s;
        margin-left: 2%;
        transform: translateY(15%);
    }
    #main_skin_banner .main_visual .main_key .mv_txt03 dl{font-family:'GmarketSansBold';}
    #main_skin_banner .main_visual .main_key .mv_txt03 dl dt{
        font-size: 0.85em; color: #fff; padding: 0.4em 0.6em 0.3em 0.6em;
        background: #cc3366; text-align: center; border-radius: 10px;
    }
    
     #main_skin_banner .main_visual .main_key .m_txt02{
        display:flex; justify-content:center; align-items:center;
        width:19em; height:6em; margin:1em 0 0 1em;
        font-family: 'GmarketSansMedium'; font-size:0.75em; color:#333333; 
        background: url(../v22img/dividebig_bg.png) no-repeat center/cover; 
    }

    #main_skin_banner .main_visual .main_key .m_txt02 ul li{padding:0.2em;} 
    #main_skin_banner .main_visual .main_key .m_txt02 ul .guarantee{letter-spacing: -1px;} 
    #main_skin_banner .main_visual .main_key .m_txt02 ul .guarantee span{font-family:'GmarketSansBold'; color:#ff3300;}

    #main_skin_banner .main_visual .main_key .m_txt02 dl{font-family:'GmarketSansBold';}
    #main_skin_banner .main_visual .main_key .m_txt02 dl dt{
        font-size: 0.85em; color: #fff; padding: 0.4em 0.6em 0.3em 0.6em;
        background: #cc3366; text-align: center; border-radius: 10px;
    }
   
    #main_skin_banner .main_visual .main_key .mv_txt03 dl span.startcost{
        color:#ffff99;
    }

    #main_skin_banner .main_visual .main_key .mv_txt03 dl .annual{
            font-size: 1.75em; color: #990033;
            animation: two_billion 2s infinite backwards;
            animation-delay: 4.5s;
            padding:0.2em 0 0;
    }

    #main_skin_banner .main_visual .main_key .mv_txt03 dl .annual .twobillion{
        font-size:1em;
        color:#ff6600;
        animation:price_billion 2s infinite backwards;
        animation-delay:4.5s;
    }

   #main_skin_banner .main_visual .main_key .mv_txt03 dl .shopmall{
        font-size: 0.75em; color: #8750b5;
        padding:0.3em 0 0.2em;
        animation: shopmall 2s infinite backwards;
        animation-delay: 4.5s;
        border-top: solid 1px #a878d9;
        border-bottom: solid 1px #a878d9;
    }
    
    #main_skin_banner .main_visual .main_key .model_man{
        display: inline-flex;
        width:36%; margin-left: 2%;
        animation:man_pic 3s both;
    } 
    #main_skin_banner .main_visual .main_key .model_man img{width:100%; transform:scale(1.1) translateY(-7px);}
    
    
    #apply{justify-content: center; background:#9f1946; padding: 5% 0;}
    #apply .apply_info{width:90%; margin:0 auto; display:flex; flex-wrap: wrap; align-content:center; justify-content:center;}
    #apply .apply_info .txt_field {display:inline-block; width:70%;}
    #apply .apply_info .txt_field dl{width:95%; display:inline-flex;}
    #apply .apply_info .txt_field dl dt{
        width: 5em;
        color: #fff;
        font-family: 'GmarketSansMedium';
        line-height: 2.5em;
        text-align: right;
        margin-right: 0.5em;
        font-size: 0.9em;
    }
    #apply .apply_info .txt_field dl dd{width:100%;}
    #apply .apply_info .txt_field dl dd .round_box{
        width:100%; height:2.3em; margin: 0.2em; border-radius:5px; 
        outline:0; border:#0e347e solid 1px; text-indent:0.5em;
    }
    #apply .apply_info .txt_field dl dd .round_box:hover{
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    #apply .apply_info .submit_btn a{
        display:inline-block; background:#fffecc; font-family: 'GmarketSansMedium'; 
        color:#9f1946; margin: 0.2em; border-radius:5px; font-size: 1em; padding:1.25em 0.8em 1.3em 0.8em;
        transition: all 0.5s;
    }
    #apply .apply_info .submit_btn a:hover{background:#ff6600; color:#fff;}
    
    #apply .apply_info .submit_btn a span{font-family: 'GmarketSansBold';}
    
    #apply .apply_info .private .checkbox{transform: scale(1.5) translateY(0.4em);}
    #apply .apply_info .private {
        padding: 1% 0 0 0;
        font-size: 0.75em;
        font-family: 'GmarketSansMedium';
    }
    
    #tel_number{display:flex; justify-content:center; background:#c11d66; padding:1em;}
    #tel_number a{display:flex; justify-content: center;} 
    #tel_number a p{width:12%; margin: 0.1em 0.4em 0 0;}
    #tel_number a p img{width:100%; margin-top:0.2em;}
    #tel_number a dl{margin-right:1.5em;}
    #tel_number a dl dt{font-family:'GmarketSansMedium'; color:#fff; font-size: 1em;}
    #tel_number a dl dd{font-family:'GmarketSansbold'; color:#fffecc; font-size:1.45em;}
    
    
    #bestbranch{width:100%; padding:3em 0 3.5em 0; position: relative;}
    #bestbranch h2{
        font-family: 'GmarketSansbold';
        text-align: center;
        color: #fff;
        background:#cb598c;
        font-size: 1.2em;
        border-radius: 0.4em;
        margin: 0 5%;
        padding: 0.5em 0 0.4em;
    }
    
    #bestbranch p{
        position: absolute;
        width: 55%;
        top: 6.5em;
        right: 8%;
    }
    #bestbranch p img{width:100%;}
    
    #bestbranch ul{display:flex; margin: 0 5%; align-items: flex-end;}
    #bestbranch .gradenumber{margin:0 4% 0 1% !important;}
    #bestbranch ul li{width:25%; text-align:center; padding: 1em 0.5em 0 0.5em;}
    #bestbranch ul .grade1{width:35%; padding:0.5em 0.3em 0 0.1em;}
    #bestbranch ul .grade2{width:24%; padding:0.5em 0.3em 0 0.3em;}
    #bestbranch ul .grade3{width:24%; padding:0.5em 0.3em 0 0.3em; transform:translateY(-4px);}
    #bestbranch ul .grade4{width:22%; padding:0.5em 0.4em 0 0.4em; transform:translateY(-5px);}
    
    #bestbranch ul li img{width:100%;}
    #bestbranch ul li .mbem20{margin-bottom: 0.2em;}
    #bestbranch ul li .mbem15{margin-bottom: 0.15em;}
    #bestbranch ul li .mbem10{margin-bottom: 0.1em;}
    
    #compet{width:100%;}
    #compet ul li{display:flex;}
    #compet ul li img{width:100%;}
    
    #prime{display:flex; width:100%;}
    #prime img{width:100%;}
    
    #sucees{display:flex; width:100%;}
    #sucees img{width:100%;}
    
    #market_size{background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(224,224,224,1) 84%, rgba(231,231,231,1) 100%); padding:15% 0 10% 0;}
    #market_size .market_container{position:relative; height:20em; background:url(../v22img/market_containerbg.png) no-repeat center/85%;}
    #market_size .market_container h2{
        font-family: 'GmarketSansMedium';
        color: #333333;
        font-size: 1.25em;
        margin: 0 0 2% 8%;
        letter-spacing: -0.02em;
    }
    
    #market_size .market_container dl{margin: 0 0 1% 8%; font-family: 'GmarketSansMedium'; font-size: 1em; color:#e81626;}
    #market_size .market_container dl dd{padding: 0.3em 0;  font-family:'GmarketSansBold';}
    
    #market_size .market_container p{display:inline-block; width:40%; position:absolute; left:5%; top:25%; z-index:6;}
    #market_size .market_container p img{width:100%;}
    
    #market_size .market_container .market_img1{display:inline-block; width:20%; position: absolute; right:7%; top:25%; z-index:8;}
    #market_size .market_container .market_img1 img{width:100%;}
    
    #market_size .market_container .market_img2 {display:inline-block; width:24%; position: absolute; left:44%; bottom:38%; z-index:7;}
    #market_size .market_container .market_img2 img{width:100%;}
    
    #market_size .market_container .market_img3{display:inline-block; width: 60%; position: absolute; left: 25%; bottom: 12%; z-index:5;}
    #market_size .market_container .market_img3 img{width:100%;}
    
    #market_size .market_container .market_img4{display:inline-block; width: 12%; position: absolute; right:11%; top:19%; z-index:4;}
    #market_size .market_container .market_img4 img{width:100%;}
    
    
    #order_status{padding:15% 5% 0 5%;}
    #order_status h2{
        font-family: 'GmarketSansbold'; text-align: center;
        color: #fff; background: #9a45bd;
        font-size: 1.2em; border-radius: 0.4em;
        padding: 0.5em 0 0.4em; margin-bottom:0.65em;
    }
    #order_status h3{font-size:0.8em; letter-spacing:-0.01em;  text-align:center; color:#666666; font-family:'GmarketSansMedium'; padding:5% 0;}
    #order_status h3 b{color:#333333;}
    #order_status .order_notice{
        width:98%;
        background: #fffef2;
        border: solid 0.2em #e9e9e9;
        text-align: center;
        padding: 5% 0;
    }
    
    #order_status .order_notice dl dt {
        font-family: 'GmarketSansMedium';
        font-size: 0.9em;
        color: #666666;
        margin: 0 0 0.2em;
        letter-spacing: -0.02em;
    }
    #order_status .order_notice dl dt b {color: #9933cc;}
    #order_status .order_notice dl dd {
        font-family: 'GmarketSansMedium';
        font-size: 0.5rem;
        color: #ff3300;
    }
    #order_status .order_notice dl{
        display: inline-block;
        position: relative;
    }
    
    #order_status .order_notice dl:before{
        display: block;
        position: absolute;
        top: 0%;
        left: -16%;
        width: 1.8em;
        height: 1.8em;
        background: url(../v22img/con03_icong.png) no-repeat center/100%;
        content: '';
    }
    
    #order_status .order_notice dl:after{
        display: block;
        position: absolute;
        top: 0;
        right: -16%;
        width: 1.8em;
        height: 2em;
        background: url(../v22img/con03_iconp.png) no-repeat center/100%;
        content: '';
    }
    
    #real_list{padding:0 5%;}
    
    #shopmall{width:100%; text-align: center; margin:0 0 16%;}
    #shopmall a{
        display:inline-block; font-size:1em; color:#ff3300; padding:0.6em 1em 0.5em;
        border: solid 1px #ff3300; border-radius:10px; font-family:'GmarketSansBold';
    }

html, body {
		font-family: 'NanumGothic', 나눔고딕;
		margin: 0;
		padding: 0;
		border: 0;
	    width: 100%;
	    overflow-x:hidden;
	}
.youtubeWrap {
        position: relative;
        width: 100%;
        padding-bottom: 50%;
}
.youtubeWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
	    z-index:1;
}

table {
	border:0;
	width:100%;
}
.bg {
/* 	background:url(images/towjob_bg.jpg); */
	background: #f1fbfe;
}
.FixedLayoutTop { width: 100%;z-index:100}
.FixedLayoutfunction { position: fixed; top: 0px; }
.FixedLayoutContent { margin-bottom:30px; }
.FixedLayoutBottom {position:fixed; bottom:0px; width: 100%; z-index:100;}
/* Bottom Banner */	
#bottombn {
	margin:0;
	padding:0;
    border: 0;	
	background: #fff;
}

.addtst{color:#fff; margin-left:-3px; transform: translateY(6px); font-size: 1.25em;}

.pupry {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	padding:0 0 5px 5px;
}
.pupry .putext {
    visibility: hidden;
    width: 100%;
    background-color: #555;
    color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -120px; font-size: 0.8em;
}
.pupry .putext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.pupry .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}



.pupry .putext1 {
    visibility: hidden;
    width: 15em;
    background-color: #555;
    color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 20%;
    font-size: 1em;
    line-height: 2em;
}

.pupry .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

#startup_cost {width:100%; background:#8069ca; display:flex;}

#startup_cost img{width:100%;}


    #startup_apply{background:#fafafb; padding:5% 7% 5% 4%;}
    #startup_apply dl{margin:0.5em 0;}
    #startup_apply dl dt{line-height:2em;}
    #startup_apply dl dd input::placeholder{font-size:0.85em; letter-spacing:-0.1em;}
    
    #startup_apply h2{font-family:'GmarketSansBold'; font-size:1.2em; text-align:center; color:#0a2484;}
    #startup_apply .apply_txt{display:flex; justify-content:space-between; text-align: center;}
    #startup_apply .apply_txt dt{width:20%; font-family:'GmarketSansMedium';}
    #startup_apply .apply_txt dd{width:30%;}
    #startup_apply .apply_txt dd input{
        width: 100%;
        height: 2.3em;
        border-radius: 5px;
        outline: 0;
        border: #999999 solid 1px;
        text-indent: 0.3em;
    }
    
    #startup_apply .apply_email{display:flex; justify-content:space-between;}
    #startup_apply .apply_email dt{width:20%; font-family:'GmarketSansMedium'; text-align: center;}
    #startup_apply .apply_email dd{width:80%;}
    #startup_apply .apply_email dd input{
        width: 100%;
        height: 2.3em;
        border-radius: 5px;
        outline: 0;
        border: #999999 solid 1px;
        text-indent: 0.3em;
        
    }
    #startup_apply .apply_line{display:flex; flex-direction:column;}
    #startup_apply .apply_line dt{width:100%; font-family:'GmarketSansMedium'; text-indent:0.6em;}
    #startup_apply .apply_line dd{width:100%; text-align: right;}
    #startup_apply .apply_line dd input{
        width: 96%;
        height: 2.3em;
        border-radius: 5px;
        outline: 0;
        border: #999999 solid 1px;
        text-indent: 0.3em;    
    }
    #startup_apply .consent{width:100%; text-align:center;}
    #startup_apply .consent .private{display:inline-flex;}
    #startup_apply .consent .private input{transform: scale(1.3) translateY(0em);}
    #startup_apply .consent .private .pupry{
        padding: 0 !important;
        font-size: 0.8em;
        font-family: 'GmarketSansMedium';
        text-indent: 0.4em;
        letter-spacing: -0.05em;
    }
    
    #startup_apply .consent .submit_under{display:inline-flex; margin:1.2em 0 0;}
    #startup_apply .consent .submit_under a{
        display:inline-flex; font-family:'GmarketSansMedium'; background:#fff; padding: 0.5em 1em;
        border: #1860c2 solid 1px; border-radius: 10px; color:#1860c2; height:fit-content;
    }
    
    #mall_inquiry{display:flex; justify-content:space-between; padding:5% 6% 10% 7%; background:#fafafb;}
    #mall_inquiry .information{font-family: 'GmarketSansMedium';}
    #mall_inquiry .information h3{font-size:1em; color:#223757;}
    #mall_inquiry .information p{font-size: 1.6em; color: #ff6600; font-weight: bold; line-height: 1.7em;}
    #mall_inquiry .information dl dt{font-size: 0.9em; color:#666666;}
    #mall_inquiry .information dl dd{font-size: 0.8em; color:#003399;}
    #mall_inquiry a.mall_btn{
        display: inline-block;
        padding: 5% 10%;
        color: #fff;
        background: #1860c2;
        border-radius: 0.5em;
        text-align: center;
        font-family: 'GmarketSansMedium';
        font-size: 1.2em;
        height: fit-content;
    }
    
    #footer{color:#ffffff; background:#202c59; padding:10% 5%; height:20em;}
    #footer .copyright{font-family:'GmarketSansLight'; line-height: 1.4em; font-size:1em;}
    #footer .copyright span{font-family:'GmarketSansMedium'; color:#ffffcc; letter-spacing:-0.03em;}
    #footer .certified{width:100%; display:flex; justify-content: space-between;}
    #footer .certified ul{margin:1em 0;}
    #footer .certified ul li{
        display:inline-flex; margin-right:2%;
    }
    #footer .certified ul li.logo1{width:12%;}
    #footer .certified ul li.logo2{width:26%;}
    #footer .certified ul li.logo3{width:22.5%;}
    #footer .certified ul li.logo4{width:23%;}
    
    #footer .certified ul li img{width:100%;}
    
    .fixbn{width:100%; background:#c63695 !important; border-radius: 1em 1em 0 0;}
    .fixbn ul{display:flex; justify-content:center; padding:1em 0;}
    .fixbn ul li{
        text-align: center;
        border: #ffffff solid 1px;
        font-size: 0.9em;
        border-radius: 10px;
        padding:0.5em 0.7em 0.5em 2em;
    }
    .fixbn ul li a{font-family:'GmarketSansMedium'; color:#fff;}
    
    .fixbn ul .icon1{background: url(../v22img/bottom_icon01.png) no-repeat top 48% left 11% /13%;}
    .fixbn ul .icon2{background: url(../v22img/bottom_icon02.png) no-repeat top 50% left 13% /14%; margin:0 1.5%;}
    .fixbn ul .icon3{background: url(../v22img/bottom_icon03.png) no-repeat top 45% left 11% /14%;}