@charset "utf-8";

@media screen and (max-width:1204px) { 

    
    .accessory_list > li { width:calc( 25% - 15px ); }
    
    /* sfm-5000 : 제품 특징*/
    .charactor_list dl dd { width:32%; }
    .charactor_list dl dd:nth-last-child(2) { margin:0 1.5%; }

    
    .common_wide_box dl { position:absolute; left:0; top:50%; width:50%; margin:0 10px; transform: translate(0, -50%); }
    .common_wide_box dl.txt_right { padding-left:50%; margin:0; }
    .common_wide_box dl.txt_center { left:0; top:0; width:100%; padding-top:80px; transform: translate(0, -0%); text-align:center; }
    
    .common_wide_box dl dt span { display:inline; }
    .common_wide_box dl dd span { display:inline; }

    /* 1101 수정사항 */
    .developtools_container { background: #fff; }
    /* 1101 수정사항 끝*/    

    

}

@media screen and (max-width:1024px) { 

    /* Visual*/
    #develop_tool_visual { position:relative; width:100%; height:138.88vw;}
    #develop_tool_visual dl { position:absolute; top:22.91vw; left:50%; width:85%; text-align:center; -webkit-transform:translate(-50%,0%); transform:translateY(-50%,0%); word-break: keep-all; }
    #develop_tool_visual dl dt { font-size: 13.3vw;}
    #develop_tool_visual dl dd { margin-top:2.77vw; font-size: 4.16vw; }
    #develop_tool_visual dl dd p { margin-top:2.77vw; font-size:3.33vw; }
    #develop_tool_visual.develop_tool_visual { background:url('/embedded-modules/fr/asset_m/images/02_development_tools/visual_develop_tools.jpg') no-repeat 50% 50%; background-size:cover; }
    #develop_tool_visual.visual_evks { background:url('/embedded-modules/fr/asset_m/images/02_development_tools/visual_evks.jpg') no-repeat 50% 50%; background-size:cover; }
    #develop_tool_visual.visual_sdk { background:url('/embedded-modules/fr/asset_m/images/02_development_tools/visual_sdk.jpg') no-repeat 50% 50%; background-size:cover; }
    /* 1101 수정사항 */
    #develop_tool_visual.develop_tool_visual dl {top:50%; left:50%; color:#fff; text-align:center; -webkit-transform:translate(-50%,-80%); transform:translateY(-50%,-80%); }
    /* 1101 수정사항 끝 */
    #develop_tool_visual.develop_tool_visual dl dt { font-size: 3.88vw; }
    #develop_tool_visual.develop_tool_visual dl dd { margin-top:2.77vw; font-size: 10vw; }
    #develop_tool_visual.develop_tool_visual dl dd p { margin-top:2.77vw; font-size:3.33vw; }



    /* 퀵링크메뉴 */
    .sticky-menu { display:none; }    

    /* 표 형식 */
    .table_container .table_outline { display:block; max-width:1024px; overflow-x:scroll; white-space: nowrap; }
    .table_container .horizon_table { width:1024px; }
    .table_container .horizon_table td { line-height:normal; }

    #modules_content .horizon_table { margin-top:4.16vw; }

}


@media screen and (max-width:890px) {

    /* 공통 사항 */
    .develop_tool_container { padding:0 5.55vw; }
    
    #sub_body_container { display:block; margin:0 0 13.8vw; }

    .sub-max-inner { position:relative; max-width:1200px; margin:0 auto; } 

    h3.h3_title { padding:0 0 4.16vw; font-size:5.83vw; font-weight:700; }
    h3.h3_title_2 { padding:0 5.55vw 4.16vw; }

    .list_type01 > li { line-height:normal; padding-left:2.77vw; font-size:3.88vw; background: url('/embedded-modules/fr/asset_m/images/common/ico_dot.png') no-repeat left 2.083vw; background-size:1.38vw auto; box-sizing: border-box; }
    .list_half > li { float:none; width:100%; }
    
    .list_type02 { float:none; width:100%; }
    .list_type02 > li { line-height:7.23vw; padding-left:2.77vw; font-size:3.88vw; background: url('/embedded-modules/fr/asset_m/images/common/ico_dot.png') no-repeat left 2.083vw; background-size:1.38vw auto; box-sizing: border-box;}

    .common_text_area { line-height:5.83vw; padding:8.33vw 0; font-size:3.88vw; border-top:1px solid #ddd; }
    .common_text_area.ptb0 { border:none; }

    .border_box { padding:5.55vw 3.75vw; border:0.27vw solid #ddd; }

    .content_box { margin:0 0 11.11vw; }    

    .grey_bg { padding:0; }

    .inner_container { padding-left:5.55vw; padding-right:5.55vw; }
        

    /* 메인 */
    .developtools_container { height:auto; }
    /* 1101 수정사항 */
    .developtools_container ul { position: relative;; left:auto; top:auto; display:block; width:100%; max-width:1204px; height:auto; background: #eee; transform: translateX(0); -webkit-transform: translateX(0); padding:5.55vw; box-sizing: border-box;}
    .developtools_container ul li { float:none; width:100%; padding:9.72vw 0; background-color:#fff; margin-bottom:3.37vw;}
    /* 1101 수정사항끝 */
    .developtools_container ul li a .icon { display:inline-block; width:27.7vw; height:27.7vw; border-radius:100%; background-size: cover; }
    .developtools_container ul li a .text1 { margin:4.16vw 0 4.16vw; font-size:5vw; }
    .developtools_container ul li a .text2 { line-height:5.83vw; font-size:3.88vw; }

    .developtools_container ul li:hover a .text1 { color:#a12642; }
    .developtools_container ul li:hover a .icon { background-size: cover; }


    /* 제품 특징 */
    .slim_charactor_list dl { float:none; width:100%; margin:5.55vw 0; }
    .slim_charactor_list dl dt { width:30.277vw; }
    .slim_charactor_list dl dd { width:58.61vw; padding-left:7.638vw; }

    .common_wide_box { position: relative; display:block; width:100%; padding:0 5.55vw; box-sizing: border-box;  }
    .common_wide_box dl { position:relative; left:auto; top:auto; width:100%; margin:0; padding-top:11.11vw; transform: translate(0,0); }
    .common_wide_box dl dt { margin:0 0 2.77vw; font-size:6.94vw; }
    .common_wide_box dl dd { line-height:5.83vw; font-size:3.88vw; }

    .common_wide_box dl.txt_white dt { color:#fff; }
    .common_wide_box dl.txt_white dd { color:#fff; opacity:0.7; }
    .common_wide_box dl.txt_right { padding-left:0; text-align: right; }
    .common_wide_box dl.txt_center { left:0; top:0; width:100%; max-width:1204px; padding-top:11.11vw; transform: translate(0, 0%); text-align:center; }

    .common_wide_box.bg01 { height:152.77vw; margin:0; background: url('/embedded-modules/fr/asset_m/images/02_development_tools/common_wide_box_bg01.jpg') no-repeat 50% 50%; background-size: cover; }
    .common_wide_box.bg02 { height:152.77vw; margin:0; background: url('/embedded-modules/fr/asset_m/images/02_development_tools/common_wide_box_bg02.jpg') no-repeat 50% 50%; background-size: cover; }
    .common_wide_box.bg03 { height:166.6vw; margin:0 0 80px; background: url('/embedded-modules/fr/asset_m/images/02_development_tools/common_wide_box_bg03.jpg') no-repeat 50% 50%; background-size: cover; }


    /* 표 형식 */
    .table_container .vertical_table tbody th, .table_container .vertical_table tbody td { padding:2.27vw 4.16vw; font-size:3.61vw; }
    .table_container .horizon_table tbody th, .table_container .horizon_table tbody td { padding:2.27vw 4.16vw; font-size:3.61vw; }

    .table_container .vertical_table tbody td span { display:block; }

    
    /* 다운로드 */
    .quick_down { display:block; height:27.77vw; line-height:27.77vw; background-size:cover; background-position:60% top; }
    .quick_down p { padding:0 8.33vw; font-size:4.44vw; }
    

    /* 애플리케이션 */
    .appli_list > li { width:30%; margin-right:5%; text-align: center; }
    .appli_list > li:last-child { margin-right:2.6%; }
    .appli_list > li:nth-child(3n) { margin-right:0; }
    .appli_list > li > p { margin:4.16vw 0; font-size:3.88vw; color:#222; letter-spacing: -0.03em;}
    .appli_list > li > img { width:80%; }

    
    /*관련제품 : 스와이퍼*/
    /* Swiper*/
    .product_related { width:100%; height:250px; padding-top:5.55vw;}
    
    .swiper-wrapper-related { width:2800px; height:250px; position:relative; margin:0 auto; }
    .swiper-container-related { padding:0; }
    .swiper-slide-related { float:left; }    
    .product_related .slide-li { width:180px; height:200px; float:left; text-align:center; }
    .swiper-wrapper-related .support-swiper-slide:after { display:block; content:''; clear:both; }
    .product_related .slide-li .related_sum { height:180px; display:inline-block; overflow:hidden; }
    .product_related > img{ height:70%; height:auto; }
    .product_related .swiper-scrollbar { position:absolute; left:0; bottom:20px; width:100%; height:3px; }
    .product_related .swiper-scrollbar-drag { background-color:#a12944; }        

    .select_product_box .selected_num, .swiper-button-next, .swiper-button-prev { display:none; }



    .sdk_infomation_box { display:block; text-align:center; border:1px solid #ddd; }
    .sdk_infomation_box .box { padding:6.944vw 0; }
    .sdk_infomation_box .box .title { display:block; width:100%; margin:0 0 4.16vw; font-size:4.44vw; }
    .sdk_infomation_box .box .right_list { display:block; width:100%; padding:0 5.55vw; }
    .sdk_infomation_box .box .right_list li { display:block; line-height:9.72vw; font-size:3.88vw; margin:2.77vw 0; border-radius:4.861vw; }

    .sdk_infomation_box .box1 .right_list li { width:100%; background: #f4f4f4; }
    .sdk_infomation_box .box1 .right_list li:nth-child(2) { margin:0 1.2%; }
    .sdk_infomation_box .box2 { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
    .sdk_infomation_box .box2 .right_list li { width:100%; background: #f4e9e9; }
    .sdk_infomation_box .box2 .right_list li.half { display:inline-block; width:48%; margin:0; }
    .sdk_infomation_box .box2 .right_list li:last-child { margin-left:3%; }
    .sdk_infomation_box .box3 .right_list li { width:100%; background: #f4f4f4; }

}

@media screen and (max-width:485px) {
    .sdk_infomation_box .box2 .right_list li:last-child { margin-left:2.4%; }

}