@charset "utf-8";
/* 인덱스 페이지 css */
section#container{width:100%;height:100%;}

section.content.index_page{width:100%;height:100%;}
section.content.index_page div.page_content_wrap{width:100%;height:100%;}

section.content.index_page div.page_content_wrap div.top_content{width:100%;height:40%;}
section.content.index_page div.page_content_wrap div.top_content div.top_con{width:100%;height:100%;padding:60px 85px 0;background:#fff;}
section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info{display:inline-block;width:80%;color:#333;vertical-align:top;}
section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h2.sub_tit{font-size:2.5rem;font-weight:400;color: #474747; text-transform: uppercase;line-height: 1.2;letter-spacing: -0.02em;
    margin-bottom:5px;}
section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h1.title{font-size:3.625rem;font-weight:700; color: #222; line-height: 1.2; margin-bottom:12px;}
section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info div.sub_info{color:#84BDE1;}
section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info div.sub_info p{font-size:1.5625rem;font-weight:500;line-height: 30px;letter-spacing: -0.02em;margin-top: 71px;}

section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_logo{display:inline-block;width:20%;height:100%;vertical-align:top;position:relative;}
section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_logo img{width:auto;max-width:100%;position:absolute;top:0;right:0;}

section.content.index_page div.page_content_wrap div.bottom_content{width:100%;height:60%;background:#fff;}

section.content.index_page div.page_content_wrap div.bottom_content div.left_content{display:inline-block;width:35%;height:100%;vertical-align:middle;}

section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_top_con{width:100%;height:73%;background:#b1e0ff;}
section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_top_con div.left_top_top_con{width:100%;height:35%;position:relative;}
section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_top_con div.left_top_top_con div.white_box{width:10%;height:27%;position:absolute;right:0;bottom:0;background:#fff;}

section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_top_con div.left_top_bot_con{width:100%;height:65%;position:relative;}
section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_top_con div.left_top_bot_con div.black_box{width:25%;height:35%;position:absolute;top:0;right:0;background:#65c3ff;}

section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con{width:100%;height:27%;padding:0 0 0 85px;background:#fff;position:relative;}
section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con div.bot_con_info{color:#646464;font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing: -0.02em;position:absolute;top:20%;}
section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con div.bot_con_info p.bot_con_info_sub{color:#afafaf;font-size:0.85em;font-weight:400;line-height:1.7; letter-spacing: -0.02em;}

section.content.index_page div.page_content_wrap div.bottom_content div.right_content{display:inline-block;width:65%;height:100%;vertical-align:middle;}
section.content.index_page div.page_content_wrap div.bottom_content div.right_content div.right_top_con{width:100%;height:25.5%;}
section.content.index_page div.page_content_wrap div.bottom_content div.right_content div.right_top_con div.right_top_left_con{display:inline-block;width:30%;height:100%;vertical-align:middle;background:#dcf4fe;}
section.content.index_page div.page_content_wrap div.bottom_content div.right_content div.right_top_con div.right_top_right_con{display:inline-block;width:70%;height:100%;vertical-align:middle;background:#fff;}

section.content.index_page div.page_content_wrap div.bottom_content div.right_content div.right_bot_con{width:100%;height:74.5%;background:url("../img/index_bg.png") no-repeat 0 0;background-size:cover;}

@media(max-width:1200px){
    section.content.index_page div.page_content_wrap div.top_content div.top_con{padding:70px 45px 0;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h2.sub_tit{font-size:1.8rem;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h1.title{font-size:3rem;margin-bottom:12px;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info div.sub_info p{font-size:1rem;margin-bottom:4px;}

    section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con{padding:0 0 0 45px;}
    section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con div.bot_con_info{font-size:0.8rem;}
}
@media(max-width:992px){
    section.content.index_page div.page_content_wrap div.top_content div.top_con{padding:70px 40px 0;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h2.sub_tit{font-size:1.5rem;margin-bottom:7px;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h1.title{font-size:2.5rem;margin-bottom:10px;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info div.sub_info p{font-size:0.9rem;margin: 10px 0 3px 0;}

    section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con{padding:0 0 0 40px;}
    section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con div.bot_con_info{font-size:0.7rem;}
}
@media(max-width:768px){
    section.content.index_page div.page_content_wrap div.top_content div.top_con{padding:60px 40px 0;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h2.sub_tit{font-size:1.4rem;margin-bottom:7px;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h1.title{font-size:2.4rem;margin-bottom:10px;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info div.sub_info p{font-size:0.8rem;margin: 10px 0 3px 0;}

    section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con div.bot_con_info{font-size:0.6rem;}
}
@media(max-width:576px){
    section.content.index_page div.page_content_wrap div.top_content div.top_con{padding:60px 30px 0;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h2.sub_tit{font-size:1.1rem;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info h1.title{font-size:1.8rem;}
    section.content.index_page div.page_content_wrap div.top_content div.top_con div.top_con_info div.sub_info p{font-size:0.7rem;margin-top: 15px;}

    section.content.index_page div.page_content_wrap div.bottom_content div.left_content div.left_bot_con{padding:0 0 0 10px;}
}