@charset "utf-8";
/*************************************************************************
* @ 서비스명   : main
* @ 파일명     : /css/main.css
* @ 페이지설명  : main.css
**************************************************************************/

body{background:#121212;margin:0px;min-height:auto !important;top:0px !important;}

.index{margin-top:250px;}
.index .layout{margin:0 auto;max-width:1450px;}
.index .layout .section01{text-align:center;}
.index .layout .section01 .title{font-size:65px;color:#fff;}
.index .layout .section01 .sub_title{font-size:20px;margin-top:15px;}
.index .layout .section01 .search{background:#000;width:600px;margin:70px auto 0px;border-radius:15px;padding:10px;display:flex;}
.index .layout .section01 .search input{font-size:16px;width:93%;padding-left:15px;height:40px;}
.index .layout .section01 .search button{width:5%;}
.index .layout .section01 .search button img{width:30px;margin-bottom:-3px;}
.index .layout .section01 .category4{width:600px;margin:15px auto 0px;display:flex;gap:30px;justify-content:flex-end;padding-right:10px;}
.index .layout .section01 .category4 a{font-size:16px;color:#afafaf}
.index .layout .section02{margin-top:200px;}
.index .layout .section02 .sec_name{font-size:23px;color:#fff;margin-bottom:20px;}
.index .layout .section02 .list{display:flex;flex-wrap: wrap;gap:45px;}
.index .layout .section02 .list .tool{width:calc(33% - 26px);padding-bottom:30px;}
.index .layout .section02 .list .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.index .layout .section02 .list .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.index .layout .section02 .list .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.index .layout .section02 .list .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.index .layout .section02 .list .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.index .layout .section02 .list .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.index .layout .section02 .list .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.index .layout .section02 .list .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index .layout .section02 .list .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.index .layout .section02 .list .tool .list_tag span{font-size:16px;}
.index .layout .section03{margin-top:200px;}
.index .layout .section03 .category{display:flex;gap:20px;flex-wrap:wrap}
.index .layout .section03 .category a{background:#333333;border-radius:5px;padding:15px 30px;font-size:16px;}
.index .layout .section04{margin-top:200px;padding-bottom:200px;}
.index .layout .section04 .sec_name{font-size:23px;color:#fff;margin-bottom:20px;}
.index .layout .section04 .list{display:flex;flex-wrap: wrap;gap:45px;}
.index .layout .section04 .list .tool{width:calc(33% - 26px);padding-bottom:30px;}
.index .layout .section04 .list .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.index .layout .section04 .list .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.index .layout .section04 .list .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.index .layout .section04 .list .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.index .layout .section04 .list .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.index .layout .section04 .list .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.index .layout .section04 .list .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.index .layout .section04 .list .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index .layout .section04 .list .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.index .layout .section04 .list .tool .list_tag span{font-size:16px;}

.search{margin-top:150px;}
.search .layout{margin:0 auto;max-width:1450px;}
.search .layout .section01{text-align:center;}
.search .layout .section01 .title{font-size:65px;color:#fff;}
.search .layout .section01 .sub_title{font-size:20px;margin-top:15px;}
.search .layout .section01 .search{background:#000;width:600px;margin:70px auto 0px;border-radius:15px;padding:10px;display:flex;}
.search .layout .section01 .search input{font-size:16px;width:93%;padding-left:15px;height:40px;}
.search .layout .section01 .search button{width:5%;}
.search .layout .section01 .search button img{width:30px;margin-bottom:-3px;}
.search .layout .section02{margin-top:100px;}
.search .layout .section02 .sec_top{display:flex;justify-content:space-between;margin-bottom:20px;}
.search .layout .section02 .sec_top .sec_name{font-size:23px;color:#fff;}
.search .layout .section02 .sec_top .sort{color:#E0E0E0;width:150px;border:1px solid#525252;padding:0px 15px;border-radius:8px;height:45px;font-size:16px;}
.search .layout .section02 .sec_top .sort option{background:#121212}
.search .layout .section02 .sec_top .sort option:checked{color:#5189fa;}
.search .layout .section02 .sec_top .sort option:hover{background:#121212;}
.search .layout .section02 .list{display:flex;flex-wrap: wrap;gap:45px;padding-bottom:150px;}
.search .layout .section02 .list .tool{width:calc(33% - 26px);padding-bottom:30px;}
.search .layout .section02 .list .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.search .layout .section02 .list .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.search .layout .section02 .list .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.search .layout .section02 .list .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.search .layout .section02 .list .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.search .layout .section02 .list .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.search .layout .section02 .list .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.search .layout .section02 .list .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.search .layout .section02 .list .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.search .layout .section02 .list .tool .list_tag span{font-size:16px;}

.free-tools{margin-top:150px;}
.free-tools .layout{margin:0 auto;max-width:1450px;}
.free-tools .layout .section01{text-align:center;}
.free-tools .layout .section01 .title{font-size:65px;color:#fff;}
.free-tools .layout .section01 .sub_title{font-size:20px;margin-top:15px;}
.free-tools .layout .section01 .search{background:#000;width:600px;margin:70px auto 0px;border-radius:15px;padding:10px;display:flex;}
.free-tools .layout .section01 .search input{font-size:16px;width:93%;padding-left:15px;height:40px;}
.free-tools .layout .section01 .search button{width:5%;}
.free-tools .layout .section01 .search button img{width:30px;margin-bottom:-3px;}
.free-tools .layout .section02{margin-top:100px;}
.free-tools .layout .section02 .sec_top{display:flex;justify-content:space-between;margin-bottom:20px;}
.free-tools .layout .section02 .sec_top .sec_name{font-size:23px;color:#fff;}
.free-tools .layout .section02 .sec_top .sort{color:#E0E0E0;width:150px;border:1px solid#525252;padding:0px 15px;border-radius:8px;height:45px;font-size:16px;}
.free-tools .layout .section02 .sec_top .sort option{background:#121212}
.free-tools .layout .section02 .sec_top .sort option:checked{color:#5189fa;}
.free-tools .layout .section02 .sec_top .sort option:hover{background:#121212;}
.free-tools .layout .section02 .list{display:flex;flex-wrap: wrap;gap:45px;padding-bottom:150px;}
.free-tools .layout .section02 .list .tool{width:calc(33% - 26px);padding-bottom:30px;}
.free-tools .layout .section02 .list .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.free-tools .layout .section02 .list .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.free-tools .layout .section02 .list .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.free-tools .layout .section02 .list .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.free-tools .layout .section02 .list .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.free-tools .layout .section02 .list .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.free-tools .layout .section02 .list .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.free-tools .layout .section02 .list .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.free-tools .layout .section02 .list .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.free-tools .layout .section02 .list .tool .list_tag span{font-size:16px;}

.category{margin-top:150px;}
.category .layout{margin:0 auto;max-width:1450px;display:flex;gap:30px;}
.category .layout .section01{margin-top:0px;width:200px;}
.category .layout .section02{margin-top:0px;width:calc(100% - 230px);}
.category .layout .section02 .sec_top{display:flex;justify-content:space-between;margin-bottom:30px;}
.category .layout .section02 .sec_top .search{background:#000;width:600px;margin-top:0px;border-radius:15px;padding:10px;display:flex;}
.category .layout .section02 .sec_top .search input{font-size:16px;width:93%;padding-left:15px;height:40px;}
.category .layout .section02 .sec_top .search button{width:5%;}
.category .layout .section02 .sec_top .search button img{width:30px;margin-bottom:-3px;}
.category .layout .section02 .sec_top .sort{color:#E0E0E0;width:150px;border:1px solid#525252;padding:0px 15px;border-radius:8px;height:45px;font-size:16px;}
.category .layout .section02 .sec_top .sort option{background:#121212}
.category .layout .section02 .sec_top .sort option:checked{color:#5189fa;}
.category .layout .section02 .sec_top .sort option:hover{background:#121212;}
.category .layout .section02 .list{display:flex;flex-wrap: wrap;gap:45px;padding-bottom:150px;}
.category .layout .section02 .list .tool{width:calc(33% - 26px);padding-bottom:30px;}
.category .layout .section02 .list .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.category .layout .section02 .list .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.category .layout .section02 .list .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.category .layout .section02 .list .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.category .layout .section02 .list .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.category .layout .section02 .list .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.category .layout .section02 .list .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.category .layout .section02 .list .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.category .layout .section02 .list .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.category .layout .section02 .list .tool .list_tag span{font-size:16px;}

.aside{display:flex;flex-direction:column;gap:20px;position: fixed;}
.aside a{font-size:16px;}

.tools{margin-top:150px;}
.tools .layout{margin:0 auto;max-width:1450px;}
.tools .layout .section01{display:flex;gap:80px;}
.tools .layout .section01 .left{width:60%;}
.tools .layout .section01 .left .category{margin-top:0px;font-size:16px;color:#afafaf;}
.tools .layout .section01 .left .line_01{display:flex;gap:60px;margin-top:20px;align-items:center}
.tools .layout .section01 .left .line_01 .tool_name{display:flex;gap:15px;align-items:center;}
.tools .layout .section01 .left .line_01 .tool_name img{width:45px;height:45px;object-fit:cover;border-radius:50px;}
.tools .layout .section01 .left .line_01 .tool_name h1{font-size:22px;}
.tools .layout .section01 .left .line_01 .cost{background:#5189fa;border-radius:5px;padding:7px 20px;font-size:16px;}
.tools .layout .section01 .left .line_02{display:flex;gap:20px;margin-top:15px;align-items:center}
.tools .layout .section01 .left .line_02 .zzim{display:flex;gap:3px;font-size:16px;font-weight:300;}
.tools .layout .section01 .left .line_02 .interval{color:#636363;font-size:14px;}
.tools .layout .section01 .left .line_02 .reviews{display:flex;gap:3px;font-size:16px;font-weight:300;}
.tools .layout .section01 .left .info{margin-top:50px;font-size:17px;line-height:1.8;}





.tools .layout .section01 .left .tag{margin-top:40px;display:flex;gap:15px;}
.tools .layout .section01 .left .tag span{color:#7e95bf;border:1px solid#47597b;border-radius:50px;padding:8px 20px;font-size:15px;}
.tools .layout .section01 .left .link{width:350px;padding:12px 20px;font-size:16px;background:#647eb1;border-radius:5px;margin-top:70px;display:block;text-align:center;}
.tools .layout .section01 .left .list_name_pc{margin-top:100px;font-size:17px;padding-bottom:20px;}
.tools .layout .section01 .left .list_pc{display:flex;flex-wrap: wrap;gap:30px;padding-bottom:150px;}
.tools .layout .section01 .left .list_pc .tool{width:calc(50% - 15px);padding-bottom:30px;}
.tools .layout .section01 .left .list_pc .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.tools .layout .section01 .left .list_pc .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tools .layout .section01 .left .list_pc .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tools .layout .section01 .left .list_pc .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.tools .layout .section01 .left .list_pc .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.tools .layout .section01 .left .list_pc .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.tools .layout .section01 .left .list_pc .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.tools .layout .section01 .left .list_pc .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tools .layout .section01 .left .list_pc .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.tools .layout .section01 .left .list_pc .tool .list_tag span{font-size:16px;}
.tools .layout .section01 .right{width:40%;}
.tools .layout .section01 .right .contact_tool{display:flex;gap:15px;justify-content:flex-end;}
.tools .layout .section01 .right .contact_tool .ad{background:#5189fa;border-radius:5px;padding:5px 15px;font-size:14px;}
.tools .layout .section01 .right .contact_tool .update{border:1px solid#5189fa;border-radius:5px;padding:5px 15px;font-size:14px;}
.tools .layout .section01 .right .preview{aspect-ratio:6/3;height:auto;border-radius:10px;object-fit:cover;margin-top:15px;}
.tools .layout .section01 .right .like{display:flex;align-items:center;gap:10px;justify-content:center;background:#5189fa;width:100%;margin-top:12px;padding:15px;font-size:17px;border-radius:5px;}
.tools .layout .section01 .right .like img{width:23px;}
.tools .layout .section01 .right .review{margin-top:30px;}
.tools .layout .section01 .right .review .txt_01{font-size:17px;}
.tools .layout .section01 .right .review textarea{width:100%;height:130px;padding:15px;font-size:15px;margin-top:10px;border-radius:5px;background:#1c1c1c;border:1px solid#2a2a2a}
.tools .layout .section01 .right .review .submit{text-align:right;margin-top:10px;}
.tools .layout .section01 .right .review .submit button{background:#647eb1;border-radius:5px;padding:10px 25px;font-size:15px;}
.tools .layout .section01 .right .review_list{padding-top:15px;}
.tools .layout .section01 .right .review_list .in_review{background:#1f2227;border-radius:5px;padding:20px;width:100%;margin-top:20px;}
.tools .layout .section01 .right .review_list .in_review .line_03{display:flex;justify-content:space-between;align-items:center;}
.tools .layout .section01 .right .review_list .in_review .line_03 .left{display:flex;gap:20px;align-items:center;}
.tools .layout .section01 .right .review_list .in_review .line_03 .left .name{font-size:18px;}
.tools .layout .section01 .right .review_list .in_review .line_03 .left .data{font-size:14px;}
.tools .layout .section01 .right .review_list .in_review .line_03 .delate{font-size:14px;color:#737373;}
.tools .layout .section01 .right .review_list .in_review .content{font-size:15px;margin-top:10px;font-weight:300;}
.tools .layout .section01 .right .list_name_mo{display:none;margin-top:50px;font-size:17px;padding-bottom:20px;}
.tools .layout .section01 .right .list_mo{display:none;flex-wrap: wrap;gap:30px;padding-bottom:150px;}
.tools .layout .section01 .right .list_mo .tool{width:calc(50% - 15px);padding-bottom:30px;}
.tools .layout .section01 .right .list_mo .tool .sc_01{display:flex;gap:10px;position:absolute;padding:10px;}
.tools .layout .section01 .right .list_mo .tool .sc_01 .list_categoty{background:#121212;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tools .layout .section01 .right .list_mo .tool .sc_01 .list_cost{background:#5189fa;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;}
.tools .layout .section01 .right .list_mo .tool .list_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.tools .layout .section01 .right .list_mo .tool .sc_02{display:flex;justify-content: space-between;align-items:center;margin-top:10px;}
.tools .layout .section01 .right .list_mo .tool .sc_02 .list_name{font-size:23px;font-weight:500;color:#fff;}
.tools .layout .section01 .right .list_mo .tool .sc_02 .list_zzim{font-size:17px;color:#5189fa;}
.tools .layout .section01 .right .list_mo .tool .list_shortinfo{font-size:15px;margin-top:10px;font-weight:300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tools .layout .section01 .right .list_mo .tool .list_tag{display:flex;gap:10px;margin-top:10px;}
.tools .layout .section01 .right .list_mo .tool .list_tag span{font-size:16px;}

.blog{margin-top:150px;}
.blog .layout{margin:0 auto;max-width:1450px;}
.blog .layout .section01{text-align:left;}
.blog .layout .section01 .title{font-size:65px;color:#fff;}
.blog .layout .section01 .sub_title{font-size:20px;margin-top:15px;}
.blog .layout .section02{margin-top:100px;}
.blog .layout .section02 .blog_list{display:flex;flex-wrap: wrap;gap:45px;padding-bottom:150px;}
.blog .layout .section02 .blog_list .bg{width:calc(33% - 26px);padding-bottom:30px;}
.blog .layout .section02 .blog_list .bg .bg_img img{aspect-ratio: 6 / 3;height:auto;border-radius:10px;object-fit:cover;}
.blog .layout .section02 .blog_list .bg .bg_name{margin-top:10px;font-size:23px;font-weight:500;color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.blog .layout .section02 .blog_list .bg .bg_data{margin-top:10px;font-size:15px;}

.blog-view{margin-top:150px;}
.blog-view .layout{margin:0 auto;max-width:1200px;}
.blog-view .layout .section01 h1{font-size:22px;}
.blog-view .layout .section01 .info{margin-top:30px;padding-bottom:150px;line-height:1.8;}
.blog-view .layout .section01 .info img{width:100%;border-radius:10px;}

.login .layout .section01{display:flex;justify-content: center;align-items: center;flex-direction: column;width:100%;height:100vh;}
.login .layout .section01 h1{font-size:22px;}
.login .layout .section01 button{display:flex;gap:10px;font-size:18px;margin-top:20px;padding:13px 0px;border-radius:5px;background:#333a4a;width:350px;justify-content:center;}

.contact{margin-top:150px;}
.contact .layout{margin:0 auto;max-width:1450px;}
.contact .layout .section01{text-align:left;}
.contact .layout .section01 .title{font-size:65px;color:#fff;}
.contact .layout .section01 .sub_title{font-size:20px;margin-top:15px;}
.contact .layout .section02{display:flex;gap:30px;margin-top:60px;}
.contact .layout .section02 .menu_bt1{width:100%;background:#5189fa;padding:20px 40px;border-radius:10px;}
.contact .layout .section02 .menu_bt1 .txt_01{font-size:22px;font-weight:600;}
.contact .layout .section02 .menu_bt1 .txt_02{font-size:16px;margin-top:5px;font-weight:300;}
.contact .layout .section02 .menu_bt2{width:100%;border:1px solid#4d4d4d;padding:20px 40px;border-radius:10px;}
.contact .layout .section02 .menu_bt2 .txt_01{font-size:22px;font-weight:600;}
.contact .layout .section02 .menu_bt2 .txt_02{font-size:16px;margin-top:5px;font-weight:300;}
.contact .layout .section02 .menu_bt2:hover{border:1px solid#5189fa}
.contact .layout .section02 .menu_bt2:hover .txt_01{color:#5189fa;}
.contact .layout .section02 .menu_bt2:hover .txt_02{color:#5189fa;}
.contact .layout .section03{width:70%;margin:100px auto 0px;}
.contact .layout .section03 .title{font-size:28px;text-align:center;}
.contact .layout .section03 .form{margin-top:30px;}
.contact .layout .section03 .form .form_name{font-size:18px;margin-bottom:15px;}
.contact .layout .section03 .form input{margin-bottom:25px;width:100%;border-radius:5px;background:#1c1c1c;border:1px solid#2a2a2a;padding:15px;font-size:15px;}
.contact .layout .section03 .form textarea{margin-bottom:25px;width:100%;border-radius:5px;background:#1c1c1c;border:1px solid#2a2a2a;padding:15px;font-size:15px;height:200px;}
.contact .layout .section03 .form .submit{text-align:center;}
.contact .layout .section03 .form .submit button{background:#647eb1;border-radius:5px;padding:15px 60px;font-size:15px;}
.contact .layout .section04{width:70%;margin:100px auto 0px;padding-bottom:150px;}
.contact .layout .section04 .title{font-size:28px;text-align:center;margin-bottom:30px;}
.contact .layout .section04 .faq-item{border-bottom:1px solid#4d4d4d;}
.contact .layout .section04 .faq-question {width: 100%;text-align: left;padding:25px 0px;font-size:19px;cursor: pointer;border: none;position: relative;}
.contact .layout .section04 .faq-question::after {content: "+";position: absolute;right: 15px;font-size:33px;font-weight:200;top:7px;}
.contact .layout .section04 .faq-question.active::after {content: "–";}
.contact .layout .section04 .faq-answer {display: none;padding:0px 0px 20px 0px;font-size:16px;font-weight:300;}








/* 페이징 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#f3f3f3}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url('/img/btn_first.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url('/img/btn_prev.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url('/img/btn_next.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url('/img/btn_end.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#5189fa;color:#fff;font-weight:normal}
/* 페이징 */


/* tablet */
@media all and (max-width:1280px) {

.index{margin-top:130px;}
.index .layout{padding:0px 20px;}
.index .layout .section01 .title{font-size:42px;}
.index .layout .section01 .sub_title{font-size:15px;}
.index .layout .section01 .search{width:100%;border-radius:8px;}
.index .layout .section01 .search input{padding-left:10px;width:91%;height:30px;}
.index .layout .section01 .search button{width:7%;}
.index .layout .section01 .category4{width:100%;gap:20px;}
.index .layout .section01 .category4 a{font-size:14px;}
.index .layout .section02{margin-top:150px;}
.index .layout .section02 .sec_name{font-size:20px;}
.index .layout .section02 .list{flex-direction:column;}
.index .layout .section02 .list .tool{width:100%;padding-bottom:0px;}
.index .layout .section02 .list .tool .sc_02 .list_name{font-size:21px;}
.index .layout .section02 .list .tool .sc_02 .list_zzim{font-size:15px;}
.index .layout .section02 .list .tool .list_shortinfo{font-size:14px;}
.index .layout .section02 .list .tool .list_tag span{font-size:14px;}
.index .layout .section02 .list .tool .list_tag{gap:8px;}
.index .layout .section03{margin-top:150px;}
.index .layout .section03 .category{gap:10px;}
.index .layout .section03 .category a{font-size:14px;padding:13px 17px;}
.index .layout .section04{margin-top:150px;}
.index .layout .section04 .sec_name{font-size:20px;}
.index .layout .section04 .list{flex-direction:column;}
.index .layout .section04 .list .tool{width:100%;padding-bottom:0px;}
.index .layout .section04 .list .tool .sc_02 .list_name{font-size:21px;}
.index .layout .section04 .list .tool .sc_02 .list_zzim{font-size:15px;}
.index .layout .section04 .list .tool .list_shortinfo{font-size:14px;}
.index .layout .section04 .list .tool .list_tag span{font-size:14px;}
.index .layout .section04 .list .tool .list_tag{gap:8px;}

.search{margin-top:95px;}
.search .layout{padding:0px 20px;}
.search .layout .section01 .title{font-size:42px;}
.search .layout .section01 .sub_title{font-size:15px;}
.search .layout .section01 .search{width:100%;border-radius:8px;margin-top:40px;}
.search .layout .section01 .search input{padding-left:10px;width:91%;height:30px;}
.search .layout .section01 .search button{width:7%;}
.search .layout .section02{margin-top:80px;}
.search .layout .section02 .sec_top{align-items:center;}
.search .layout .section02 .sec_top .sec_name{font-size:20px;}
.search .layout .section02 .sec_top .sort{width:134px;padding:0px 10px;height:43px;font-size:15px;}
.search .layout .section02 .list{flex-direction:column;}
.search .layout .section02 .list .tool{width:100%;padding-bottom:0px;}
.search .layout .section02 .list .tool .sc_02 .list_name{font-size:21px;}
.search .layout .section02 .list .tool .sc_02 .list_zzim{font-size:15px;}
.search .layout .section02 .list .tool .list_shortinfo{font-size:14px;}
.search .layout .section02 .list .tool .list_tag span{font-size:14px;}
.search .layout .section02 .list .tool .list_tag{gap:8px;}

.free-tools{margin-top:95px;}
.free-tools .layout{padding:0px 20px;}
.free-tools .layout .section01 .title{font-size:42px;}
.free-tools .layout .section01 .sub_title{font-size:15px;}
.free-tools .layout .section01 .search{width:100%;border-radius:8px;margin-top:40px;}
.free-tools .layout .section01 .search input{padding-left:10px;width:91%;height:30px;}
.free-tools .layout .section01 .search button{width:7%;}
.free-tools .layout .section02{margin-top:80px;}
.free-tools .layout .section02 .sec_top{align-items:center;}
.free-tools .layout .section02 .sec_top .sec_name{font-size:20px;}
.free-tools .layout .section02 .sec_top .sort{width:134px;padding:0px 10px;height:43px;font-size:15px;}
.free-tools .layout .section02 .list{flex-direction:column;}
.free-tools .layout .section02 .list .tool{width:100%;padding-bottom:0px;}
.free-tools .layout .section02 .list .tool .sc_02 .list_name{font-size:21px;}
.free-tools .layout .section02 .list .tool .sc_02 .list_zzim{font-size:15px;}
.free-tools .layout .section02 .list .tool .list_shortinfo{font-size:14px;}
.free-tools .layout .section02 .list .tool .list_tag span{font-size:14px;}
.free-tools .layout .section02 .list .tool .list_tag{gap:8px;}

.category{margin-top:95px;}
.category .layout{padding:0px 20px;flex-direction:column;gap:0px;}
.category .layout .section01{width:100%;}
.category .layout .section02{margin-top:20px;width:100%;}
.category .layout .section02 .sec_top{flex-direction: column;gap:10px;align-items: flex-end;}
.category .layout .section02 .sec_top .search{width:100%;border-radius:8px;margin-top:40px;}
.category .layout .section02 .sec_top .search input{padding-left:10px;width:91%;height:30px;}
.category .layout .section02 .sec_top .search button{width:7%;}
.category .layout .section02 .sec_top .sort{width:134px;padding:0px 10px;height:43px;font-size:15px;}
.category .layout .section02 .list{flex-direction:column;}
.category .layout .section02 .list .tool{width:100%;padding-bottom:0px;}
.category .layout .section02 .list .tool .sc_02 .list_name{font-size:21px;}
.category .layout .section02 .list .tool .sc_02 .list_zzim{font-size:15px;}
.category .layout .section02 .list .tool .list_shortinfo{font-size:14px;}
.category .layout .section02 .list .tool .list_tag span{font-size:14px;}
.category .layout .section02 .list .tool .list_tag{gap:8px;}

.aside{gap:10px;flex-wrap: wrap;flex-direction: row;position: relative;}
.aside a{font-size:14px;background:#333333;border-radius:5px;padding:13px 17px;}

.tools{margin-top:95px;}
.tools .layout .section01{flex-direction:column;gap:50px;padding:0px 20px;}
.tools .layout .section01 .left{width:100%;}
.tools .layout .section01 .left .category{font-size:14px;}
.tools .layout .section01 .left .line_01{justify-content: space-between;}
.tools .layout .section01 .left .line_01 .tool_name{gap:10px;}
.tools .layout .section01 .left .line_01 .tool_name img{width:40px;height:40px;}
.tools .layout .section01 .left .line_01 .tool_name h1{font-size:21px;}
.tools .layout .section01 .left .line_01 .cost{font-size:15px;}
.tools .layout .section01 .left .line_02 .zzim{font-size:15px;}
.tools .layout .section01 .left .line_02 .reviews{font-size:15px;}
.tools .layout .section01 .left .info{font-size:15px;}
.tools .layout .section01 .left .tag{gap:10px;}
.tools .layout .section01 .left .tag span{font-size:14px;padding:8px 10px;}
.tools .layout .section01 .left .link{width:100%;margin-top:50px;}
.tools .layout .section01 .left .list_name_pc{display:none;}
.tools .layout .section01 .left .list_pc{display:none;}
.tools .layout .section01 .right{width:100%;}
.tools .layout .section01 .right .contact{gap:10px;}
.tools .layout .section01 .right .contact .ad{font-size:13px;}
.tools .layout .section01 .right .contact .update{font-size:13px;}
.tools .layout .section01 .right .preview{border-radius:5px;}
.tools .layout .section01 .right .like{font-size:15px;padding:14px;}
.tools .layout .section01 .right .like img{width:20px;}
.tools .layout .section01 .right .review .txt_01{font-size:15px;}
.tools .layout .section01 .right .review_list .in_review{margin-top:15px;}
.tools .layout .section01 .right .review_list .in_review .line_03 .left .name{font-size:17px;}
.tools .layout .section01 .right .review_list .in_review .content{font-size:14px;}
.tools .layout .section01 .right .list_name_mo{display:block;font-size:15px;}
.tools .layout .section01 .right .list_mo{display:flex;flex-direction:column;}
.tools .layout .section01 .right .list_mo .tool{width:100%;padding-bottom:0px;}
.tools .layout .section01 .right .list_mo .tool .sc_02 .list_name{font-size:21px;}
.tools .layout .section01 .right .list_mo .tool .sc_02 .list_zzim{font-size:15px;}
.tools .layout .section01 .right .list_mo .tool .list_shortinfo{font-size:14px;}
.tools .layout .section01 .right .list_mo .tool .list_tag span{font-size:14px;}
.tools .layout .section01 .right .list_mo .tool .list_tag{gap:8px;}

.blog{margin-top:95px;}
.blog .layout{padding:0px 20px;}
.blog .layout .section01 .title{font-size:42px;}
.blog .layout .section01 .sub_title{font-size:15px;}
.blog .layout .section02{margin-top:80px;}
.blog .layout .section02 .blog_list{flex-direction:column;}
.blog .layout .section02 .blog_list .bg{width:100%;padding-bottom:0px;}
.blog .layout .section02 .blog_list .bg .bg_name{font-size:21px;}
.blog .layout .section02 .blog_list .bg .bg_data{font-size:14px;}

.blog-view{margin-top:95px;}
.blog-view .layout{padding:0px 20px;}

.login .layout .section01{padding:0px 20px;}
.login .layout .section01 h1{font-size:20px;}
.login .layout .section01 button{width:100%;font-size:17px;}

.contact{margin-top:95px;}
.contact .layout{padding:0px 20px;}
.contact .layout .section01 .title{font-size:42px;}
.contact .layout .section01 .sub_title{font-size:15px;}
.contact .layout .section02{flex-direction:column;gap:15px;}
.contact .layout .section02 .menu_bt1{padding:15px;}
.contact .layout .section02 .menu_bt2{padding:15px;}
.contact .layout .section03{width:100%;}
.contact .layout .section03 .form .form_name{font-size:17px;margin-bottom:10px;}
.contact .layout .section03 .form input{font-size:14px;margin-bottom:20px;padding:10px 15px;}
.contact .layout .section03 .form textarea{font-size:14px;margin-bottom:20px;padding:10px 15px;height:150px;}
.contact .layout .section03 .form .submit button{width:100%;padding:13px 0px;}
.contact .layout .section04{width:100%;}
.contact .layout .section04 .faq-question{font-size:17px;padding:25px 30px 25px 0px;}
.contact .layout .section04 .faq-answer{font-size:15px;}
.contact .layout .section04 .faq-question::after{font-size:25px;top:18px;}
}


/* mobile */
@media all and (max-width:768px) {


}