@charset "utf-8";

.reference::after{content:'';display:table;clear:both}
.reference .btn_list{display:none}

/* 레퍼런스 */
#js_reference{position:relative;z-index:10;width:100%;background:#f5f6f8;margin-top:90px;}
#js_reference .top_info{display:block; width:1280px; height:240px; margin:0 auto; text-align:center; opacity:0.9}
#js_reference .top_info h2{display:inline-block; margin:80px auto 0 auto; color:#111; font-size:3.000em; font-weight:700; letter-spacing:-2px}
#js_reference .top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.125em; line-height:2.000em; letter-spacing:-1px}
#js_reference .top_info .subtit_desc>span{display:inline}
#js_reference .reference_top_info{padding:54px 20px 84px;background:#fff;}
#js_reference .reference_top_info h2{display:block; font-size:48px; font-weight:700; line-height: 2.4; letter-spacing:-2px; text-align:center}
#js_reference .reference_top_info h2 i{display:inline-block; font-style:normal}
#js_reference .reference_top_info h4{font-size:18px; font-weight:400; line-height:32px; color:#555; letter-spacing:-1px; text-align:center; word-break:keep-all}
#js_reference .top_info2{display:block; width:1280px; height:240px; margin:0 auto; text-align:center; opacity:0.9}
#js_reference .top_info2 h2{display:inline-block;margin:80px auto 0;font-weight:700;font-size:3em;color:#111;letter-spacing:-2px}
#js_reference .top_info2 .subtit_desc{margin:20px 0 0; color:#555; font-size:1.125em; line-height:2.000em; letter-spacing:-1px}
#js_reference .top_info2 .subtit_desc>span{display:inline}
#js_reference .reference_top_info2{padding:54px 20px 84px;background:#fff;}
#js_reference .reference_top_info2 h2{display:block; font-size:48px; font-weight:700; line-height: 2.4; letter-spacing:-2px; text-align:center}
#js_reference .reference_top_info2 h2 i{display:inline-block; font-style:normal}
#js_reference .reference_top_info2 h4{font-size:18px; font-weight:400; line-height:32px; color:#555; letter-spacing:-1px; text-align:center; word-break:keep-all}

#js_reference .content{padding-bottom:100px; background:#f5f6f8}

.reference_wrap{line-height:32px;font-size:18px;color:#555;letter-spacing:-1px;word-break:keep-all}
.reference_wrap::after{content:'';display:table;clear:both}

.reference_wrap h2{margin-top:40px;line-height:30px;font-weight:700;font-size:25px;letter-spacing:-1px; word-break:keep-all}
.reference_wrap h3{margin:110px 0 40px;line-height:42px;font-weight:700;font-size:36px;color:#555;letter-spacing:-1px;text-align:center;word-break:keep-all}
.reference_wrap h4{font-size:18px; font-weight:400; line-height:32px; color:#555; letter-spacing:-1px; text-align:center; word-break:keep-all}
.reference_wrap p{display:inline-block; margin-bottom:20px}
.reference_wrap img{display:block;max-width:100%;margin:0 auto 30px;}
.reference_wrap span{}
.reference_wrap span:last-child{margin-bottom:100px}
.mob_reference_product_info{display:none}

/* 솔루션 유형 탭 : 포지션 */
.tab_menu2{margin:-30px auto 0;}

/* 모달 팝업 */
.modal_bg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.6)}
.modal_menu_bg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.9)}

.culture,
.character{margin-top:48px}


@media (max-width:812px){
    #js_reference{margin:70px auto 0;background:#f5f6f8}
    #js_reference .reference_top_info{margin:0;padding:30px 20px;height:auto;}
    #js_reference .reference_top_info h2{line-height:1.4;font-size:2.125em;}
    #js_reference .reference_top_info h2 i{display:inline-block; font-style:normal}
    #js_reference .reference_top_info h4{margin:20px auto 50px;line-height:1.625em;font-size:1em;}
    .reference_wrap h3{margin:56px 0 20px;line-height:1.2;font-size:1.5em;}
    .reference_wrap span ~ span h3 {margin:90px 0 20px;}
	.mob_reference_product_info{display:none}
}


@media (max-width:560px){
    #js_reference{margin:70px auto 0;background:#f5f6f8}
    #js_reference .reference_top_info{margin:0;padding:30px 20px;height:auto;}
    #js_reference .reference_top_info h2{line-height:1;font-size:2.125em;}
    #js_reference .reference_top_info h2 i{display:block; font-style:normal}
    #js_reference .reference_top_info h4{margin:20px auto 50px;line-height:1em;font-size:1em;}
    
    #js_reference .reference_top_info2{padding:24px 20px 54px;background:#fff;}
    #js_reference .reference_top_info2 h2{display:block; font-size:38px; font-weight:700; line-height:48px; letter-spacing:-2px; text-align:center}
    #js_reference .reference_top_info2 h2 i{display:block; font-style:normal}
    #js_reference .reference_top_info2 h4{display:block; margin-top:30px; font-size:18px; font-weight:400; line-height:24px; color:#555; letter-spacing:-1px; text-align:center; word-break:keep-all}
    .reference_wrap h3{margin:56px 0 20px;line-height:1.2;font-size:1.5em;}
    .reference_wrap span ~ span h3 {margin:90px 0 20px;}
	.reference_wrap span:last-child{margin-top:60px; margin-bottom:-40px}
	.mob_reference_product_info{display:block; width: 180px; height: 50px; line-height: 50px; background: #fff; font-size: 16px; font-weight: 500; color: #282828; margin: 0 auto; text-align: center}
	.mob_reference_product_info a::after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #c8c8c8;
    border-top: 2px solid #c8c8c8;
    margin-left: 4px;
    vertical-align: 2px;}
}