@charset "UTF-8";

/****** 2019 - ver.2(반응형) ******/

/* screen 850px 이하 */
@media screen and (max-width: 850px) {

    /* 공통 */
    body {min-width: 320px;}
    .pc_mode {display: none !important;}
    .m_mode {display: inline-block !important;}
    .wrap {width: 100%; min-width: 320px; padding: 10px;}

    /* 상단공통 */
    #header.ver_2 .wrap {padding: 0;}
    .header_top_v2 {height: auto;}
    .header_top_v2 .menu_open {position: relative; left: 20px; top: 1px;}
    .header_top_v2 .logo {margin: 0; padding: 10px 0;}
    .header_top_v2 .logo img {width: auto; height: 25px;}
    .header_top_v2 .div_r {top: 0;}
    .header_top_v2 .div_r .search {margin-top: 0;}
    .header_top_v2 .div_r .search input {display: none;}
    .header_top_v2 .div_r .search .search_btn {top: 14px; right: 20px; width: 19px; height: 19px;}
    .header_top_v2 .div_r .search .search_btn img {width: 100%; height: 100%;}
    .menu_area {border-top: 1px solid #d9dee3; border-bottom: 1px solid #c4ccd6;}
    .menu_area .wrap {padding: 0;}
    .menu_v2 {position: relative; overflow: hidden; overflow-x: scroll; white-space: nowrap;}
    .menu_v2::-webkit-scrollbar {display:none;}
    .menu_v2 .lnb {margin-left: 0; height: auto;}
    .menu_v2 .lnb:after {content: ""; clear: both; display: block;}
    .menu_v2 .lnb >li.m_mode {display: inline-block !important;}
    .menu_v2 .lnb >li {width: auto; padding: 0 2%;}
    .menu_v2 .lnb >li:last-child {padding-right: 6%;}
    .menu_v2 .lnb >li .depth1 {padding: 10px 0 13px 0; height: 43px; line-height: 20px; font-size: 17px; font-weight: 300;}
    .menu_v2 .lnb >li:hover .depth1 {color: #333; border: 0;}
    .menu_v2 .depth1_li.active .depth1, .menu_v2 .depth1_li.active:hover .depth1 {font-weight: 600; color: #1871d0; border-bottom: 3px solid #1871d0;}
    .menu_v2 .lnb >li .depth1.home {display: inline-block; background: url("/images/common/home_ic3.png") no-repeat left 14px; padding-left: 17px; background-size: 14px;}
    .menu_v2 .lnb >li.active .depth1.home {background-image: url("/images/common/home_ic4.png");}

    /* 사이드 메뉴 */
    .side_menu {position: fixed; top: 0; left: 0; background: #e7e9ec; width: 100%; height: 100%; z-index: 999; overflow: hidden; overflow-y: visible;}
    .side_menu::-webkit-scrollbar {display: none;}
    .side_hd {width: 100%; background: #1871d0; color: #fff; padding: 15px 0;}
    .side_hd .login {display: inline-block;}
    .side_hd .login img {display: inline-block; width: 50px; height: 50px; vertical-align: middle;}
    .side_hd .login span {display: inline-block; color: #eee; vertical-align: middle; font-size: 18px; margin-left: 10px; margin-top: -2px;}
    .side_hd .right {float: right; margin-top: 12px;}
    .side_hd .home {display: inline-block; width: 23px; height: 23px; vertical-align: middle; margin-right: 18px;}
    .side_hd .home img {width: 100%; height: 100%;}
    .side_hd .menu_close {display: inline-block; width: 18px; height: 18px; vertical-align: middle;}
    .side_hd .menu_close img {width: 100%; height: 100%;}
    .side_wrap {position: relative; width: 90%; margin: 0 5%;}
    .side_wrap .login {margin-top: 0;}
    .side_cont {background: #fff; margin: 10px 0; padding: 20px 5% ; letter-spacing: -0.12em;}
    .side_cont .cont_tit {display: block; font-size: 18px; color: #333; margin: 0 0 15px 0;}
    .side_cont ul .depth1 {display: none; font-size: 16px; padding: 10px 0 2px; margin: 0; color: #666;}
    .side_cont ul .depth2 {padding: 0 0 4px; margin: 4px 0;}
    .side_cont ul .depth2:after {content: ""; clear: both; display: block;}
    .side_cont ul li:last-child .depth2 {border-bottom: 0; padding-bottom: 0;}
    .side_cont ul .depth2 li {display: inline-block; float: left; width: 33.3%;}
    .side_cont ul .depth2 li:nth-child(1), .side_cont ul .depth2 li:nth-child(2), .side_cont ul .depth2 li:nth-child(3) {border-top: 1px solid #d9dee3;}
    .side_cont ul .depth2 li:nth-child(1), .side_cont ul .depth2 li:nth-child(4) {border-left: 1px solid #d9dee3;}
    .side_cont ul .depth2 li a {display: inline-block; width: 100%; height: 40px; font-size: 15px; line-height: 17px; color: #555; border-right: 1px solid #d9dee3; border-bottom: 1px solid #d9dee3; padding: 11px 0; text-align: center; white-space: nowrap;}
    .side_cont ul .depth2 li.active a {color: #444; font-weight: 600; background: #f9f9f9;}
    .side_cont .link_area a {display: inline-block; font-size: 17px; color: #007aff; padding: 0 8px; letter-spacing: -0.12em; line-height: 30px;}
    .side_cont .link_area a:before {content: '#'; margin-right: 1px;}
    .side_ft .user_link {text-align: center; background: #adb4bd; padding: 12px 0;}
    .side_ft .user_link a {display: inline-block;font-size: 15px; color: #fff; line-height: 20px; vertical-align: middle; padding: 0 10px; border-right: 1px solid #fff;}
    .side_ft .user_link a:last-child {border-right: 0;}
    .side_ft .side_wrap {width: 100%; background: #fff; margin: 0; padding: 10px 5% 50px; letter-spacing: -0.12em; text-align: center;}
    .side_ft p {color: #aaa; font-size: 15px; margin-top: 10px; letter-spacing: -0.03em;}

    /* 콘텐츠공통 */
    #container {padding: 10px 0;}
    .grid_area .grid_l {position: relative; width: 100%; height: auto; border: 0; padding: 0 !important;}
    .grid_area .grid_l .section_tit {width: 92%; margin: 0 4%; font-size: 16px; font-weight: 700; padding: 5px 1% 5px; border-bottom: 1px solid #e7e9ec;}
    .grid_area .grid_l .section_tit .line_break {display: inline-block;}
    .grid_area .grid_l .section_tit:after {display: none;}
    .grid_area .grid_l .white_box {display: none;}
    .grid_area .grid_r {width: 100%; margin-left: 0;}
    .grid_area .grid_r >*, .header_info, .header_top_v2 .div_l .date, .header_top_v2 .div_l .weather_info1, .other_menu, .menu_area_fixed .menu_logo, .main_container .tag_area_v2, .grid_area .grid_l .banner_b {display: none;}
    .grid_area .grid_r .place_area {width: 92%; display: block; background: #fff; margin: 25px 4%;}
    .grid_area .grid_r .grid_r_tit {background: #fff; font-size: 17px; padding: 15px 0 0 0; border: 0;}
    .grid_area .grid_r .grid_r_tit:before {content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 3px; vertical-align: middle; background: url("/images/common/location_ic4.png") no-repeat center; background-size: 13px auto;}
    .grid_area .grid_r .place_area .map_area {background-position: 25px 10px; background-color: #fff; border: 0; width: 300px; margin: 0 auto;}
    .grid_area .grid_r .cs_box {display: block; border: 0; border-top: 10px solid #e7e9ec; border-bottom: 1px solid #606ef4;}
    .grid_area .grid_r .cs_box:after {content: ""; clear: both; display: block;}
    .grid_area .grid_r .cs_box .cs {display: inline-block; width: 50%; float: left; border-top: 4px solid #606ef4; padding: 20px 2%;}
    .grid_area .grid_r .cs_box .cs h4 {color: #606ef4;}
    .grid_area .grid_r .cs_box .cs h4:before {background-size: 17px auto; vertical-align: text-bottom;}
    .grid_area .grid_r .cs_box .cs .tel_img {width: 75%; margin: 8px 0 5px;}
    .grid_area .grid_r .cs_box .cs .email {font-size: 13px; letter-spacing: -0.04em;}
    .grid_area .grid_r .cs_box .cs_info {display: inline-block; width: 50%; float: left; text-align: left; padding: 25px 2% 0; background: transparent; border-top: 4px solid #606ef4;}
    .grid_area .grid_r .cs_box .cs_info p {letter-spacing: -0.08em; font-size: 12px;}
    .sub_container .grid_area .grid_r .cs_box {width: 96%; background-color: #eef0f4; margin: 0 2%;}
    .sub_container .grid_area .grid_r .cs_box .cs {padding: 10px 2%; background-color: #fff;}
    .sub_container .grid_area .grid_r .cs_box .cs .tel_img {display: block; width: auto; height: 20px; margin: 7px auto 0;}
    .sub_container .grid_area .grid_r .cs_box .bank {display: inline-block; width: 50%; height: 100%; border-top: 4px solid #0e3eaf; padding: 17px 20px 17px 100px;}
    .place_area .map_area >a {font-size: 14px; width: 45px; height: 45px; padding: 14px 0; line-height: 15px;}
    .place_area .map_area >a .count {left: 13px; background: #f45368;}
    .place_area .map_area >a:hover {background: url("/images/index/place_btn_off.png") no-repeat center; color: inherit;}
    .place_area .map_area >a:hover .count {background: #f45368;}
    .place_area .map_area .place_btn1 {left: 90px;}
    .place_area .map_area .place_btn2 {left: 140px; top: 35px;}
    .place_area .map_area .place_btn3 {left: 90px;}
    .place_area .map_area .place_btn4 {left: 160px;}
    .place_area .map_area .place_btn5 {left: 80px;}
    .place_area .map_area .place_btn6 {left: 65px;}
    .weather_area {width: 100%; border-top: 10px solid #e7e9ec; padding: 5px 4%;}
    .weather_area .date {display: inline-block; font-size: 13px; font-weight: 300; margin-right: 5px;}
    .weather_area .weather_info1 {display: inline-block; width: auto; margin-right: 0; padding-left: 10px; vertical-align: middle; border-left: 1px solid #e7e9ec;}
    .weather_area .weather_info1:after {content: ""; clear: both; display: block;}
    .weather_area .weather_info1 >div {display: inline-block; float: left;}
    .weather_area .weather_info1 .weather_ic {width: auto;}
    .weather_area .weather_info1 .weather_ic img {padding: 5px 0;}
    .weather_area .weather_info1 .weather_txt {width: auto; text-align: left; margin-left: 15px; margin-top: 0}
    .weather_area .weather_info1 .weather_txt .area {display: block; font-size: 14px; color: #222; font-weight: 300;}
    .weather_area .weather_info1 .weather_txt >div {display: inline-block;}
    .weather_area .weather_info1 .weather_txt .txt_lg {color: #333; font-size: 13px; font-weight: 500; line-height: 32px;}
    .weather_area .weather_info1 .weather_txt .txt_lg .current {font-size: 33px; vertical-align: middle; letter-spacing: -0.02em;}
    .weather_area .weather_info1 .weather_txt .txt_sm {vertical-align: -8px; font-size: 14px; letter-spacing: -0.05em;}
    .weather_area .weather_info1 .weather_txt .txt_sm .lowest {color: #1180d5;}
    .weather_area .weather_info1 .weather_txt .txt_sm .highest {color: #e90000;}
    .weather_area .gps_ic {display: inline-block; float: right; margin-top: 13px;}
    .weather_area .gps_ic img {width: 30px; height: 30px;}
    .grid_area .grid_c {width: 100%; margin: 0;}
    .grid_area .grid_cr {width: 100%; margin-left: 0;}
    .grid_area .grid_c .div2 .div_l, .grid_area .grid_c .div2 .div_r {width: 100%; margin: 0; padding: 0;}
    .banner_area {width: 100%; margin: 0; margin-bottom: -30px !important; padding: 10px 0; background: #e7e9ec;}
    .banner_area img {width: 100%;}

    /* 메인 */
    .main_container {column-count: 2; column-gap: 0; background: #e7e9ec; padding-top: 0 !important;}
    .main_container section {border-bottom: 0;}
    .main_container section .wrap {padding: 0;}
    #section1, #section2, #section3, #section4, #section5 {width: 99.8% !important; margin: 7px .2% 0; display: inline-block; background: #fff; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */}
    #section1 .grid_area .grid_l {border-bottom: 1px solid #e7e9ec;}
    #section1 .grid_area .grid_l .section_tit {color: #e90000; display: inline-block; width: auto; border-bottom: 0; margin-right: 2px;}
    #section1 .grid_area .grid_l .section_tit span {color: #222;}
    #section1 .grid_area .grid_l .today_date {position: relative; display: inline-block; background-size: 18px; font-weight: 300; letter-spacing: -0.07em; vertical-align: text-bottom; padding-left: 18px;}
    #section1 .grid_area .grid_l .news_history {position: absolute; right: 4%; bottom: 5px; margin-top: 0; width: 90px; height: 25px; border-radius: 1px; background-size: 100% 100%;}
    #section1 .grid_area .grid_l .news_history span {line-height: 25px; letter-spacing: -0.07em; color: #fff;}
    #section1 .grid_area .grid_l .news_history span:after {display: none;}
    #section1 .grid_area .grid_l .news_history:hover span {text-decoration: none;}
    #section2 .grid_area .grid_l {background: #398de9; border: 0;}
    #section2 .grid_area .grid_l .section_tit {color: #fff; border-bottom: 0;}
    #section2 .grid_area .grid_c {background: #f2f4f7; padding-top: 0;}
    .main_container section .grid_area .grid_l, .main_container section .grid_area .grid_c {padding: 20px 0;}
    .main_container section .grid_area .grid_r {width: 100%; margin: 0; padding: 0;}

    /* 서브공통*/
    .sub_container {padding-top: 0 !important; background: #e7e9ec;}
    .sub_container .wrap {padding: 0 !important;}
    .sub_container .grid_area .grid_l {background: #e7e9ec; padding: 0 4%;}
    .sub_container .grid_area .grid_l .section_tit {display: none;}
    .sub_container .menu_depth2 {margin: 0 0 10px 0; padding: 0 4%; text-align: center; background: #f9f9f9; overflow: hidden; white-space: nowrap;}
    .sub_container .menu_depth2 li {display: inline-block; padding: 0;}
    .sub_container .menu_depth2 li a {display: inline-block; font-size: 15px; color: #333; line-height: 20px; padding: 13px 8px;}
    .sub_container .menu_depth2 li a:hover {text-decoration: none;}
    .sub_container .menu_depth2 li.active a {position: relative; font-weight: 300; background: transparent; color: #1871d0; margin: 0; text-decoration: underline;}
    .sub_container .menu_depth2 li.active a:after {display: none;}
    .sub_container .grid_area .grid_c {padding: 0; background: #e7e9ec;}
    .sub_container .grid_area .grid_c:after {content: ""; clear: both; display: block;}
    .sub_container .grid_area .grid_c .w100 {padding: 0 4%; background: #fff;}
    .sub_container.ver_2 .top_title {border-bottom: 0; background: #fff; padding: 0 4%;}
    .sub_container.ver_2 .top_title .tit_type2 {position: relative; padding-top: 15px; margin-bottom: 10px; font-size: 26px; line-height: 35px;}
    .sub_container.ver_2 .board_title .qna_tit {padding-left: 30px; background: none;}
    .sub_container.ver_2 .board_title .qna_tit:before {position: absolute; top: 14px; left: 0; content: "Q."; color: #1f55ad; font-size: 23px; font-weight: 900;}
    .sub_container.ver_2 .top_title .tit_type1, .sub_container.ver_2 .top_title .help_txt {display: none;}
    .sub_container.ver_2 .top_title .info_box {border-bottom: 1px solid #d9dee3; padding-bottom: 5px; padding-top: 10px; margin-top: 0;}
    .sub_container.ver_2 .top_title .btn_r.btn_type1 {position: relative; width: 100%; left: 0; top: 5px; bottom: inherit; text-align: center; font-size: 15px; color: #356bf3; font-weight: 300; padding: 7px 10px 8px; margin-bottom: 10px; border: 1px solid #5c98f1; border-radius: 2px;}
    .sub_container.ver_2 .top_title .btn_r.btn_type1:before {font-size: 20px;}
    .top_list_btn {right: 4%;}
    .bottom_list_btn {background: #fff; border-top: 0; padding: 10px 4%;}
    .view_info {font-size: 15px;}
    .view_info .name {font-weight: 300; font-size: 14px;}
    .view_info .date {font-weight: 300; font-size: 13px;}
    .news_more a {border-color: #c4ccd6;}
    .count_area {color: #444;}
    .count_area .comment_count {opacity: 0.75;}
    .count_area .comment_count {background-image: url("/images/common/comment_ic3.png"); background-size: 14px auto; background-position: left 2px; padding-left: 17px; margin-left: 5px; opacity: 0.75; font-size: 12px;}
    .count_area .view_count {background-image: url("/images/common/view_ic2.png"); background-size: 18px auto; background-position: left 0; padding-left: 20px; margin-left: 5px; opacity: 0.75; font-size: 12px;}
    .count_area .like_count {background-image: url("/images/common/like_ic2.png"); background-size: 14px auto; background-position: left 3px; margin-left: 5px !important; opacity: 0.75; font-size: 12px;}
    .count_area .like_count .add_btn {display: inline-block; top: -1px; width: 24px; height: 24px; background: #eee; border-radius: 15px; text-align: center;}
    .count_area .like_count .add_btn img {position: relative; top: 3px;}
    .sub_container.ver_2 .mid_title {border: 0; padding: 0 4%; margin: 1px 0; background: #57585a;}
    .sub_container.ver_2 .mid_title .div_r {right: 4%;}
    .sub_container.ver_2 .mid_tab {background: #57585a;}
    .sub_container.ver_2 .mid_tab li a {display: inline-block; font-size: 14px; color: #bbb; padding: 2px 6px; vertical-align: middle; line-height: 20px;}
    .sub_container.ver_2 .mid_tab li.active a {color: #333; background: #e9e9e9; border-radius: 20px; padding: 0 7px;}
    .mid_tab li:after {display: none;}
    .sub_container.ver_2 .mid_title .div_r .list_order {bottom: 6px; background-color: transparent;}
    .sub_container.ver_2 .mid_title .div_r .list_order li a {font-size: 13px; color: #bbb;}
    .sub_container.ver_2 .mid_title .div_r .list_order li.active a {color: #7aa7ff; font-weight: 300;}
    .sub_container.ver_2 .mid_title .div_r .list_order li:after {color: #777;}
    .sub_container.ver_2 .mid_title .search_r {position: relative; left: 0; bottom: 10px; width: 100%;}
    .sub_container.ver_2 .mid_title .search_r .list_order {position: absolute; right: 0; bottom: -3px; vertical-align: middle; padding-bottom: 0;}
    .sub_container.ver_2 .mid_title .div_r .search_area {width: 100%; bottom: inherit; top: -53px; right: 4%;}
    .sub_container.ver_2 .mid_title .div_r .detail_btn {color: #333; vertical-align: middle; background: #f6f6f6; padding: 5px 15px;}
    .sub_container.ver_2 .mid_title .div_r .detail_btn.close_btn {color: #fff; background: #777;}
    .list_more {margin-top: 10px;}
    .list_place .li_block {background: #fff; padding: 20px 4%; margin: 1px auto; border: 0;}
    .list_place .li_block .thumbnail {width: 30%; height: auto;}
    .list_place .li_block .thumbnail img {width: 100%; height: 100%; max-width: 205px; max-height: 120px;}
    .list_place .li_block .thumbnail .zoom {bottom: 3px; right: inherit; left: 0;}
    .list_place .li_block .txt_area {width: 70%; margin-left: 0; padding-left: 4%;}
    .list_place .txt_area .md_txt {font-size: 16px;}
    .list_place .txt_area .sm_txt {font-size: 15px;}
    .list_place .info_box .link_li a {font-size: 14px; letter-spacing: -0.1em;}
    .list_place .info_box .link_li a.dark_bg {background-color: #5d8eff;}
    .board_opt {padding: 0 4%; margin-top: 0;}
    .top_write_btn {right: 4%;}
    .view_detail {padding: 30px 4% 30px 4%; margin-top: 0 !important; margin-bottom: 0 !important; background: #fff;}
    .view_detail * {font-size: 17px;}
    .view_detail img {width: auto; max-width: 100%;}
    .news_more:before {width: 100%;}
    .comment_tit {padding: 10px 4%; background: #fff; margin-top: 10px; margin-bottom: 0;}
    .comment_area {width: 100%; padding: 20px 4%; background: #fff;}
    .comment_area ul li {padding: 0;}
    .pagination {margin: 10px 0;}
    .info_area {margin-bottom: 5px; padding: 5px 4%; border-bottom: 1px solid #c4ccd6; background: #fafafa;}
    .info_area .place_count {margin-top: 5px;}
    .info_area .weather_box {padding: 15px 15px; border-top-color: #57585a;}
    .company_top {width: 100%; margin: 0; padding: 20px 4%; background: #fff;}
    .company_top .thumbnail {width: 30%; height: auto;}
    .company_top .thumbnail a:after {content: ""; clear: both; display: block;}
    .company_top .thumbnail img {float: left;}
    .company_top .txt_area {width: 65%; margin-left: 5%;}
    .company_top .txt_area >a:hover .tit {text-decoration: none;}
    .company_top .txt_area >a:hover .sm_txt {color: #666;}
    .company_top .li_txt li a:hover {text-decoration: none;}
    .company_top .sm_txt {width: 100%;}
    .sub_container.ver_2 .addr_txt {font-size: 14px; line-height: 18px; padding: 5px 10px 7px 10px;}
    .sub_container.ver_2 .addr_txt span {font-weight: 300; line-height: 18px; color: #d5d5d5;}
    .help_txt {background: #fff; padding: 10px 4%;}
    .table_form {background: #fff; border-top: 1px solid #c4ccd6; border-color: #c4ccd6;}
    .table_form .form_input {font-size: 14px;}
    .write_info {margin-top: 0; margin-bottom: 10px; background: #fff; padding: 20px 0;}
    .write_info p {font-size: 14px;}
    .write_info .info_cont {width: 92%; margin: 0 4%;}
    .write_info .info_cont strong {font-size: 15px;}
    .write_info .info_cont ul li {font-size: 13px; line-height: 20px;}
    .shop_info_top {width: 100%; margin: 0; padding: 20px 4%; background: #fff; border: 0;}
    .shop_info_top .thumbnail {width: 35%;}
    .shop_info_top .thumbnail img {height: 100%;}
    .shop_info_top .info_li {width: 60%;}
    .shop_info_top .service .cate span {font-size: 13px;}
    .shop_info_txt {background: #fff; padding: 20px 4%; margin-top: 15px;}
    .shop_info_img {background: #fff; padding: 20px 4%; margin-top: 15px;}
    .shop_info_img .img_box .img_lg {height: 350px;}
    .shop_info_img .img_box .img_sm li {width: 18.5%;}
    .shop_info_img .img_box .img_sm li a {width: 90%; height: 65px;}
    .shop_help_txt {background: #fff; padding: 10px 4% 12px; margin: 15px 0;}
    .shop_help_txt span {font-size: 14px;}
    .shop_info_detail {background: #fff; padding: 20px 4%; margin-top: 15px;}
    .name_card_area {background: #fff; padding: 0 4%;}
    .name_card_area .name_card_img {width: 100%;}
    .name_card {margin: 0 auto; width: 100%; background: none;}
    .name_card .photo {width: 20%;}
    .name_card .card_ct {width: 80%; padding-top: 10px;}
    .name_card .card_ct .card_tit {color: #1871d0;}
    .posts_btn {background: #fff; margin-top: 0; padding: 0 4% 10px 4%; text-align: center;}
    .posts_btn a {width: 100%; background-position: 39% center; padding: 7px 12px 9px 30px; font-size: 15px;}
    .posts_li {width: 100% !important; background: #fff; margin: 0 !important; padding: 20px 4%;}
    .banner_l {display: none;}

    /* 팝업 */
    .layer_type1 {left: 19%;}
    .layer_type1 .form_input {padding: 7px 10px !important; font-size: 14px;}
    .news_his_box .wrap {width: 100%; min-height: auto; padding: 0;}
    .news_his_box .box_top .tit {font-size: 22px; padding: 2px 0 4px; margin-bottom: 20px;}
    .news_his_box .box_top .close_btn {right: 4%;}
    .news_his_box .box_cont .news_box {width: 100%; box-shadow: none;}
    .news_his_box .box_cont .news_btn {width: 45px; height: 45px;}
    .news_his_box .box_cont .news_btn img {width: 9px;}
    .news_his_box .template_type1 {position: relative;}
    .news_his_box .template_type1 .tit {position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.8) 100%); padding: 10px 2% 15px; color: #fff; font-size: 23px; font-weight: 300; line-height: 30px;}
    .news_his_box .template_type1 .li_txt {padding: 15px 0;}
    .news_his_box .template_type1 .li_txt li a {line-height: 24px; font-weight: 100; color: #333;}
    .news_his_box .template_type2 {position: relative; width: 92%; padding: 0 0 15px 0; border-bottom: 1px solid #e7e9ec; margin: 20px 4%;}
    .news_his_box .template_type2 .thumbnail {margin-top: 0;}
    .news_his_box .template_type2 .tit {font-size: 17px; font-weight: 600;}
    .news_his_box .template_type2 .sm_txt {font-size: 15px; line-height: 20px; width: 97%;}
    .news_his_box .template_type3 {margin-top: -20px;}
    .news_his_box .template_type3 .li_txt {padding: 0 4%;}

    /* 댓글 */
    .comm_body {line-height: 22px;}
    .comm_footer {padding: 15px 0;}

    /* 로그인 */
    .login .wrap {width: 100%;}
    .login .wrap .logo.m_mode {display: inline-block !important;}

    /* 회원가입 */
    .register .tab_li {margin: 0 0 10px 0;}
    .register .tab_li li.naver a {background-color: #fff; color: #999;}
    .register .tab_li li.active.naver a {color: #fff;}
    .register .tab_li li.general a {background-color: #fff; color: #999;}
    .register .tab_li li.active.general a {color: #fff;}
    .register .tab_li li.business a {background-color: #fff; color: #999;}
    .register .tab_li li.active.business a {color: #fff;}
    .register .table_form {background: #fff; border-top: 0; border-color: #c4ccd6;}
    .register .table_form .form_input {font-size: 14px;}
    .register .table_form .form_input::placeholder {font-size: 14px;}
    .register .table_form th {display: table-cell; font-size: 14px; border-color: #d9dee3;}
    .register .table_form td {border-color: #d9dee3;}
    .register .table_form td .btn_type1 {font-size: 13px;}
    .register .agree_box {background: #fff; padding: 20px 4%;}
    .register .agree_box .agree_cont {border-color: #d9dee3;}
    .register .btn_area.mt20 {margin-top: 10px !important;}

    /* 아이디/비밀번호 찾기 */
    .idpw_find {margin-bottom: 0;}
    .idpw_find .member_top, .mypage .member_top {background-color: #fff; padding-right: 4%; margin-bottom: 10px;}
    .find_id {background: #fff; padding: 20px 4%;}
    .find_pw {background: #fff; padding: 20px 4%; margin-top: 10px;}
    .idpw_find .table_form .form_input {font-size: 15px;}
    .idpw_find .find_cont .form_input.w50 {width: 100%;}
    .idpw_find .table_form td {padding: 5px 15px;}

    /* 내 정보 */
    .mypage {background: #fff; padding-bottom: 20px;}
    .mypage .table_form {width: 96%; background: #fff; border-color: #aaa; margin: 10px 2%;}
    .mypage .table_form th {display: table-cell; border-color: #d9dee3; font-size: 14px;}
    .mypage .table_form td {border-color: #d9dee3; font-size: 14px; padding: 12px 15px;}
    .mypage .btn_area {text-align: center !important;}
    .mypage .btn_area a {font-size: 14px;}
    .my_point {margin-bottom: 0; border-top: 0;}
    .point_opts {background: #fff; margin-bottom: 0; padding: 10px 2%;}
    .point_opts .btn_area .btn_type1 {font-size: 13px;}
    .point_opts .btn_area .mall_btn {display: none;}
    .buy_his {background: #fff; border: 0; padding: 10px 2%;}
    .buy_his .help_txt {font-size: 13px; padding: 3px 0 0;}
    .table_blue th {font-size: 13px;}
    .table_blue td {font-size: 14px;}
    .check_area {background: #fff; padding: 10px 2%;}
    .check_area.mt30 {margin-top: 0 !important;}
    .check_area .info_title {font-size: 14px; background-position: 1px center; line-height: 20px;}
    .check_area .info_list {font-size: 13px; margin-top: 3px;}
    .check_area .info_list li {line-height: 18px; margin: 5px 0;}
    .event_board {padding: 20px 2%; background: #fff;}

    /* 비밀번호 변경 */
    .password .table_form {background: #fff; margin-top: 0 !important; border-top-width: 1px; border-color: #c4ccd6;}
    .password .table_form th {display: table-cell; font-size: 14px; border-color: #d9dee3;}
    .password .table_form td {font-size: 14px; border-color: #d9dee3;}
    .password .table_form .form_input {font-size: 14px;}
    .password .btn_area {margin-top: 10px !important;}

    /* 회원 탈퇴 */
    .withdraw .member_top {padding-left: 4%; padding-right: 4%;}
    .withdraw .member_top .help_txt {font-size: 15px; padding: 20px 2%;}
    .withdraw .btn_area {margin-top: 10px !important;}

    /* 드론 기종 정보(리스트) */
    .prod_thumbnail_li {border: 0;}
    .prod_thumbnail_li li {width: 96%; padding: 10px 4%; margin : 5px 2%; border-bottom: 0; background: #fffefb;}
    .prod_thumbnail_li li:last-child {margin-bottom: 0;}
    .prod_thumbnail_li li:hover {background: #fffefb;}
    .prod_thumbnail_li li .thumbnail_img {position: relative; width: 25%; height: auto; border-color: #d9dee3;}
    .prod_thumbnail_li li .thumbnail_img img {width: 100%; height: auto; max-width: 200px; max-height: 138px;}
    .prod_thumbnail_li li:nth-child(1) .thumbnail_img, .prod_thumbnail_li li:nth-child(2) .thumbnail_img, .prod_thumbnail_li li:nth-child(3) .thumbnail_img {border-color: #5d8eff;}
    .prod_thumbnail_li li:nth-child(4) .thumbnail_img, .prod_thumbnail_li li:nth-child(5) .thumbnail_img {border-color: #999;}
    .prod_thumbnail_li li:nth-child(1) .thumbnail_img:after {content: "1"; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; background: #5d8eff;}
    .prod_thumbnail_li li:nth-child(2) .thumbnail_img:after {content: "2"; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; background: #5d8eff;}
    .prod_thumbnail_li li:nth-child(3) .thumbnail_img:after {content: "3"; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; background: #5d8eff;}
    .prod_thumbnail_li li:nth-child(4) .thumbnail_img:after {content: "4"; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; background: #999;}
    .prod_thumbnail_li li:nth-child(5) .thumbnail_img:after {content: "5"; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; text-align: center; font-size: 16px; line-height: 28px; font-weight: 600; color: #fff; background: #999;}
    .prod_thumbnail_li li .mark_area {top: 15px;}
    .prod_thumbnail_li li .prod_info {width: 75%; max-width: 100%; margin-left: 0; padding-left: 4%;}
    .prod_thumbnail_li li .prod_info .prod_spec {margin-top: 5px; padding: 5px 10px; background: #f3f3f3;}
    .prod_thumbnail_li li .prod_info .prod_tit {font-size: 17px; line-height: 22px; max-width: 100%; font-weight: 300; margin-bottom: 0;}
    .prod_thumbnail_li li .prod_info .prod_tit:hover {text-decoration: none;}
    .prod_thumbnail_li li .prod_info .prod_tit .tit_mfg {color: #888; margin-right: 10px; font-weight: 300;}
    .prod_thumbnail_li li .prod_info .a_price {font-size: 14px; color: #222; font-weight: 600;}
    .prod_thumbnail_li li .prod_info .a_price strong {font-size: 17px;}
    .prod_box_li {background: #fff; padding: 0 4%;}
    .prod_box_li li {width: 25%; padding: 10px .5%; margin: 0 auto; background: #fff;}
    .prod_box_li li:hover {background: #fff;}
    .prod_box_li li .thumbnail_img {width: 100%; border-color: #d9dee3;}
    .prod_box_li li .thumbnail_img {width: 100%; height: 30vw; overflow-y: hidden;}
    .prod_box_li li .thumbnail_img img {height: 100%; margin: 0 auto; float: inherit;}
    .prod_box_li li:nth-child(1) .thumbnail_img, .prod_box_li li:nth-child(2) .thumbnail_img, .prod_box_li li:nth-child(3) .thumbnail_img {border-color: #d9dee3;}
    .prod_box_li li:nth-child(4) .thumbnail_img, .prod_box_li li:nth-child(5) .thumbnail_img {border-color: #d9dee3;}
    .prod_box_li li:nth-child(1) .thumbnail_img:after {display: none;}
    .prod_box_li li:nth-child(2) .thumbnail_img:after {display: none;}
    .prod_box_li li:nth-child(3) .thumbnail_img:after {display: none;}
    .prod_box_li li:nth-child(4) .thumbnail_img:after {display: none;}
    .prod_box_li li:nth-child(5) .thumbnail_img:after {display: none;}
    .prod_box_li li .prod_info {width: 100%; padding: 0;}
    .prod_box_li li .mark_area {top: -160%; left: 10px;}
    .prod_box_li li .mark_area img {width: 28px;}
    .prod_box_li li:hover .prod_view .view_btn {display: none;}
    .prod_box_li li .prod_info .prod_tit {font-weight: 300;}
    .prod_box_li li .prod_info .prod_tit .tit_mfg {font-size: 12px; color: #eee; margin-right: 0; top: -30px;}
    .sub_container.ver_2 .mid_title .div_r .search_area {position: absolute; right: 0; bottom: 30px;}
    .search_tit {border-top: 1px solid #acb0b4; padding: 8px 20px 10px 20px;}
    .detail_search {position: relative; top: 3px; right: 0; width: 100%;}
    .premium_banner {margin: 0; background: #fff; margin: 1px auto;}
    .premium_banner img {border: 0;}
    .premium_banner .btn_type1 {display: none;}

    /* 드론 기종 정보(뷰) */
    .product_view {background: #fff !important;}
    .product_view .tit_type3 {width: 92%; margin: 0 4%; padding-left: 15px; margin-top: 10px; border: 0; background: #4e4e4e; color: #eee;}
    .product_view .tit_type3 .review_btn {height: 34px; padding: 7px 10px 7px 35px; font-size: 13px; border-radius: 0;}
    .product_top {background: #fff; margin-top: 0; padding: 20px 4% 0;}
    .product_top_img {width: 35%; height: auto;}
    .product_top_img img {height: auto;}
    .product_top_img .mark_area {top: 110%; z-index: 90;}
    .product_info {width: 60%; margin-left: 5%;}
    .price_li {width: 92%; margin: -1px 4% 0 4%;position: relative; z-index: 10; border-top: 0;}
    .product_view .table_type1 {width: 92%; margin: -1px 4% 0 4%;}
    .product_view .table_type2 {width: 92%; margin: 0 4%;}
    .note_box {width: 92%; margin: 20px 4%; padding: 0;}
    .note_box .note_tit {width: 100%; margin: 0;}
    .note_box .note_txt {margin: 30px 3%;}
    .detail_2_img2 {width: 92%; margin: 20px 4% 0 4%;}
    .detail_2_img2 li {width: 49.5%; height: auto; text-align: center;}
    .detail_2_img2 li.li_last {margin-left: 1%;}
    .detail_2_img2 li img {width: auto; max-width: 100%; height: auto; max-height: 200px;}
    .detail_2_img4 {width: 92%; margin: 5px 4% 0 4%;}
    .detail_2_img4 li {width: 24.25%; margin-right: 1%;}
    .detail_2_img4 li img {width: auto; max-width: 100%; height: auto; max-height: 100px;}
    .product_view .help_txt {width: 92%; margin: 0 4%; padding: 10px 0;}
    .product_view .list_more {width: 92%; margin: 10px 4%;}
    .title_blog {width: 92%; margin: 10px 4%; background-position: left center; background-size: auto 12px; padding-left: 70px;}
    .title_youtube {width: 92%; margin: 10px 4%; background-position: left center; background-size: auto 12px; padding-left: 60px;}
    .product_list4 {width: 92%; margin: 10px 4%;}
    .product_list4 li {width: 23.5%; margin-right: 2%;}
    .price_li tr .name {width: 20%;}
    .price_li tr .txt_link {width: 60%;}
    .price_li tr .txt_link.bold {font-size: 14px;}
    .price_li tr .txt_link.bold a {max-width: 100%; width: 100%; white-space: normal; line-height: 20px;}
    .price_li tr .price {width: 20%; font-weight: 300; letter-spacing: -0.03em; white-space: nowrap;}
    .price_li tr .price.txt_lg {font-size: 14px;}
    .shop_price tr .logo {width: 13%;}
    .shop_price tr .txt_link {width: 50%; font-size: 14px;}
    .shop_price tr .txt_link a {max-width: 100%; white-space: normal;}
    .shop_price tr .price {width: 15%; font-size: 14px; font-weight: 300; letter-spacing: -0.03em; white-space: nowrap;}
    .shop_price tr .delivery {width: 15%; white-space: nowrap;}
    .shop_price tr .mark {width: 7%;}
    .shop_price tr .mark span {white-space: nowrap;}

    /* 드론 기종정보 - 드론 기종 비교 */
    .compare_box >div {width: 100%;}
    .prod_box_li li .prod_view .compare_check {display:none;}

    /* 엔조이드론 기자단 */
    .name_card_area .name_card {width:100%; height:115px;}
    .name_card_area .name_card .photo {width: 20%; padding-left:10px; margin-top:10px;}
    .name_card_area .name_card .photo .photo_cover {width: 60px; height: 60px;left:10px;}
    .name_card_area .name_card .photo img {width: 60px; height:60px;}
    .name_card_area .name_card .card_ct {width: 80%; padding-left:10px;}
    
    /* 광고 및 제휴 문의 */
    .customer_area {min-width: 320px;}
    .customer_tit {background: #1871d0;}
    .customer_cont {width: 100%; padding: 0 0 50px 0;}
    .customer_cont .info {border: 0;}
    .customer_cont .info .info_img {width: 30%;}
    .customer_cont .info .info_txt {width: 70%; letter-spacing: -0.07em;}
    .customer_cont .info .info_txt li strong {font-size: 16px;}
    .customer_cont .info .info_txt li p {font-size: 14px;}
    .customer_cont .help_txt {padding: 0 2% 5px; font-size: 13px;}
    .customer_table th {font-size: 14px; color: #333; letter-spacing: -0.07em; border-color: #d9dee3;}
    .customer_table td {border-color: #d9dee3; color: #333; letter-spacing: -0.07em;}
    .customer_table td input[type='text'], .customer_table td input[type='tel'], .customer_table td input[type='email'], .customer_table td textarea {border-color: #aaa; letter-spacing: -0.03em; font-size: 14px;}
    .customer_table td input[type='radio'] {vertical-align: initial;}
    .customer_table td label {padding-right: 10px;}
    .terms_box {width: 92%; margin: 20px 4% 10px; padding: 5px 15px; border-color: #d9dee3; font-size: 13px; line-height: 16px;}
    .terms_box h4 {font-size: 14px; line-height: 18px; color: #666; padding-top: 0;}
    .terms_box p {font-size: 14px; line-height: 18px; color: #888; margin: 7px 0;}
    .agree_check {color: #333; letter-spacing: -0.05em; padding: 0 4%; margin-top: 5px;}
    .customer_cont .btn_type1 {font-size: 14px; background: #1180d5; padding: 7px 15px;}
    .customer_cont .btn_type1:hover {background: #1180d5; opacity: 0.9;}
    .customer_cont .cancel_btn {background: #888;}
    .customer_cont .cancel_btn:hover {background: #888; opacity: 0.9;}

    /* 우편번호 검색 */
    .zipcode_search .tip {width: 92%; margin: 0 4%; font-size: 12px;}
    .zipcode_search .sub_tit {width: 92%; margin: 0 4%; font-size: 14px;}
    .zipcode_search .addr_result {width: 92%; margin: 0 4%;}
    .zipcode_search .addr_result .help_txt {font-size: 14px; width: 85%;}
    .zipcode_search .addr_list ul .zipcode {font-size: 14px;}
    .zipcode_search .addr_list ul li {line-height: 22px;}
    .zipcode_search .addr_list ul li dt {top: 2px; font-size: 12px; line-height: 16px;}
    .zipcode_search .addr_list ul li dd {font-size: 14px;}

    /* 전체검색 */
    .search_top {padding: 15px 4%; background: #398de9; border: 0;}
    .search_box {border-color: #398de9;}
    .search_box input {height: 40px; padding: 0 10px; font-size: 15px; line-height: 18px; font-weight: 300;}
    .search_box .search_btn {height: 40px; padding: 9px 0; font-size: 14px; line-height: 20px;}
    .result_txt {width: 98%; margin: 10px 1% 0 1%; background: #fbfdff; padding: 10px 0; font-size: 16px; border: 1px solid #d9dee3; border-bottom: 0;}
    .result_txt strong {font-size: 20px;}
    .result_box {width: 98%; padding: 5px 0; background: #fff; margin: 1px 1% 10px 1%; border: 1px solid #d9dee3; border-top: 0;}
    .result_li {background: #fff; padding: 0; margin: 1px auto;}
    .result_li h3 {border-bottom-width: 1px;}
    .result_li ul li {padding: 15px 4%;}
    .result_li ul li .left h4 {font-size: 16px; line-height: 22px;}
    .result_li ul li .left p {font-size: 15px; line-height: 20px;}
    .result_li ul li .right .blank {font-size: 13px;}
    .result_li .more_btn {display: block; width: 100%; margin: 0; padding: 10px 0; text-align: center; font-size: 15px; line-height: 20px;}

    /* 하단공통*/
    #footer.ver_2 {border: 0; padding-bottom: 50px;}
    #footer.ver_2 .footer_logo {display: none;}
    #footer.ver_2 .footer_info {display: block; width: 100%; float: inherit; padding: 0; text-align: center;}
    #footer.ver_2 .footer_menu {margin-bottom: 0; padding: 15px 4%; text-align: center; border-bottom: 1px solid #e7e9ec;}
    #footer.ver_2 .footer_menu .wrap {padding: 0;}
    #footer.ver_2 .footer_menu ul {padding-left: 0;}
    #footer.ver_2 .footer_menu ul li {float: inherit; padding-right: 5px; margin: 0 -2px;}
    #footer.ver_2 .footer_menu ul li a {display: inline-block; letter-spacing: -0.1em; color: #e5e5e5; font-weight: 300; border: 1px solid #777; font-size: 14px; padding: 4px 7px; margin: 3px 0;}
    #footer.ver_2 .footer_menu ul li.active a {font-weight: 600;}
    #footer.ver_2 .footer_menu ul li a:after {display: none;}
    #footer.ver_2 p {font-size: 12px; line-height: 18px; color: #999; letter-spacing: -0.08em;}
    #footer.ver_2 p strong {display: block; font-size: 16px; color: #555; margin-bottom: 5px;}
    #footer.ver_2 p .bar {margin: 0; width: 0; height: 0; color: transparent;}
    #footer.ver_2 .top_btn2 {display: none !important;}
    #footer.ver_2 .talk_btn {right: 4%; bottom: 4%; width: 53px; height: 53px; background-size: 38px; background-position: center 0; background-color: #f9e000; border-radius: 15px;}
    #footer.ver_2 .talk_btn:hover {background-image: url("/images/common/talk_ic.png");}
    #footer.ver_2 .talk_btn:after {content: "문의하기"; position: absolute; top: 29px; left: 0; display: block; width: 53px; font-size: 12px; font-weight: 600; color: #3c1e1e; text-align: center; white-space: nowrap; letter-spacing: -0.08em; line-height: 24px; background: #f9e000; border-radius: 15px;}

    /* 타이틀 타입 */
    .tit_type3 {padding: 7px 4%; width: 100%; margin-bottom: 0; margin-top: 0; background: #fff; border-bottom: 1px solid #333; color: #222; font-size: 15px; font-weight: 700;}
    .tit_type3:before {display: none;}
    .mypage .tit_type3 {padding: 7px 2%;}
    .mypage .tit_type3:before {display: inline-block;}
    .tit_type3 .help_txt {background: transparent; padding: 7px 1%;}

    /* 탭 타입 */
    .tab_type3 {background: #fff; margin-bottom: 0; padding: 10px 2%;}

    /* 리스트 타입 */
    .list_type1 .li_block {width: 100%; padding: 20px 4%; background: #fff; margin: 1px auto; border: 0;}
    .list_type1 .li_block h3:hover {text-decoration: none; color: #000;}
    .list_type1 .li_block p {line-height: 22px; font-size: 15px; max-height: 52px;}
    .list_type1 .li_block p:hover {text-decoration: none; color: #666;}
    .list_type2 .li_block {width: 100%; padding: 20px 4%; background: #fff; margin: 1px auto; border: 0;}
    .list_type2 .li_block .li_img {height: 14vw;}
    .list_type2 .li_block h3:hover {text-decoration: none; color: #000;}
    .list_type2 .li_block p {line-height: 22px; font-size: 15px; max-height: 52px;}
    .list_type2 .li_block p:hover {text-decoration: none; color: #666;}

    /* 템플릿 TYPE 1 */
    .template_type1, .template_type2, .template_type2_2, .template_type2_3, .template_type2_4, .template_type3, .template_type4, .template_type5, .template_type5_2, .template_type6, .grid_area .grid_c .div2 {width: 100%; margin: 25px auto;}
    .template_type1 {margin-bottom: 0;}
    .template_type1 .tit {font-size: 21px; padding: 15px 4%;}
    .template_type1 .thumbnail {width: 100%; height: auto; max-height: 175px;}
    .template_type1 .thumbnail img {height: auto;}
    .template_type1 .li_txt {width: 92%; margin: -3px 4% 0 4%; padding: 15px 0; border: 0; border-bottom: 1px solid #e7e9ec;}
    .template_type1 .li_txt li a {max-width: 100%; font-size: 16px; line-height: 24px; letter-spacing: -0.1em;}
    .template_type1 .li_txt li:before {top: 1px; margin-right: 2px;}

    /* 템플릿 TYPE 1-2 */
    .template_type1_2 {width: 100%; margin: 25px auto; padding-bottom: 0; border-bottom: 0;}
    .template_type1_2 .img_lg {display: block; width: 100%; height: 230px;}
    .template_type1_2 .img_lg a:hover img {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
    .template_type1_2 .img_lg .overlay_text {padding: 40px 6% 20px; background-color: rgba(0, 0, 0, 0.4); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 100%); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.8) 100%);}
    .template_type1_2 .img_lg .overlay_text .tit {font-size: 20px; font-weight: 600;}
    .template_type1_2 .img_lg .overlay_text .sm_txt {margin-top: 15px;}
    .template_type1_2 .img_sm {display: block; width: 100%; height: auto;}
    .template_type1_2 .img_sm:after {content: ""; clear: both; display: block;}
    .template_type1_2 .img_sm li {display: inline-block; float: left; width: 25%; height: 60px;}

    /* 템플릿 TYPE 2 */
    .main_container .template_type2 {position: relative; width: 92%; padding: 0 0 25px 0; border-bottom: 1px solid #e7e9ec; margin: 20px 4%;}
    .main_container .template_type2:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
    .main_container .template_type2 .thumbnail {position: absolute; top: 18px; left: 0; width: 32%;}
    .main_container .template_type2 .txt_area {width: 100%; margin-left: 0;}
    .main_container .template_type2 .tit {font-size: 16px; font-weight: 300;}
    .main_container .template_type2 .sm_txt {font-size: 15px; width: 67%; max-height: 60px; line-height: 20px; margin: 11px 0 3px 32%; -webkit-line-clamp: 3; padding-left: 13px; background: none; text-align: left;}
    .sub_container .template_type2 {padding: 20px 4%; margin: 1px auto; background: #fff; border-bottom: 1px solid #e7e9ec;}
    .template_type2 .thumbnail {width: 30%; height: auto; margin-top: 10px;}
    .template_type2 .thumbnail img {height: auto;}
    .template_type2 .li_txt {display: none;}
    .template_type2 .txt_area {margin-left: 4%; width: 66%;}
    .sub_container .template_type2 .sm_txt {width: 100%; font-size: 15px; line-height: 24px; max-height: 70px;}
    .sub_container .template_type2 .txt_area >a:hover .sm_txt {color: #666;}
    .sub_container .template_type2 .thumbnail {display: table-cell; margin-top: 0;}
    .sub_container .template_type2 .txt_area {display: table-cell;}
    .sub_container .template_type2 .txt_area >a:hover .tit {text-decoration: none;}

    /* 템플릿 TYPE 2-2 */
    .main_container .template_type2_2 {width: 92%; padding: 0 0 20px 0; border-bottom: 1px solid #e7e9ec; margin: 20px 4%;}
    .main_container .template_type2_2:last-child {border-bottom: 0; margin-bottom: -20px !important;}
    #section2 .template_type2_2 {width: 100%; padding: 20px 4%; margin: 0 auto; border-bottom: 1px solid #c4ccd6;}
    .template_type2_2 .thumbnail {width: 30%; height: auto; margin-top: 5px; border-color: transparent;}
    .template_type2_2:hover .thumbnail {border-color: transparent;}
    .template_type2_2 .thumbnail a:after {content: ""; clear: both; display: block;}
    .template_type2_2 .thumbnail img {float: left; height: auto;}
    .template_type2_2 .tit {font-weight: 600; font-size: 16px; margin-top: -3px;}
    .template_type2_2 .sm_txt {font-size: 14px; width: 100%; line-height: 16px;}
    .template_type2_2 .sm_txt:before {margin-right: 4px;}
    .template_type2_2 .li_txt {width: 100%; margin-top: 10px;}
    .template_type2_2 .li_txt li {padding-left: 46px;}
    .template_type2_2 .li_txt li a {line-height: 20px; color: #336bec; font-weight: 300;}
    .template_type2_2 .li_txt li .cate {width: auto; background: #5d8eff; color: #fff;}
    .template_type2_2 .txt_area {margin-left: 4%; margin-top: -22px; width: 66%;}
    .template_type2_2 .cate {position: relative; display: block; width: 30%; top: 0; font-size: 13px; font-weight: 600; padding: 2px 0 4px; text-align: center; background: #5a7da8;}
    .template_type2_2 .slider_btn {left: 30px; top: inherit; bottom: 20%;}
    .template_type2_2 .link {margin-top: 5px;}

    /* 템플릿 TYPE 2-3 */
    .main_container .template_type2_3 {width: 92%; padding: 0 0 20px 0; border-bottom: 1px solid #e7e9ec; margin: 20px 4%;}
    .main_container .template_type2_3:last-child {border-bottom: 0; margin-bottom: -20px !important;}
    .template_type2_3 .thumbnail {width: 30%; height: auto; margin-top: 5px; border-color: transparent;}
    .template_type2_3:hover .thumbnail {border-color: transparent;}
    .template_type2_3 .thumbnail a:after {content: ""; clear: both; display: block;}
    .template_type2_3 .thumbnail img {float: left; height: auto;}
    .template_type2_3 .tit {font-size: 16px; margin-bottom: 10px;}
    .main_container .template_type2_3 .sm_txt {font-size: 14px; line-height: 17px;}
    .template_type2_3 .sm_txt {font-size: 15px; width: 100%; line-height: 18px;}
    .template_type2_3 .sm_txt:before {margin-right: 4px;}
    .main_container .template_type2_3 .li_txt {margin-top: 7px;}
    .template_type2_3 .li_txt {width: 100%; margin-top: 5px;}
    .template_type2_3 .li_txt li a {line-height: 22px;}
    .main_container .template_type2_3 .txt_area {margin-top: -20px;}
    .template_type2_3 .txt_area {margin-left: 4%; margin-top: -18px; width: 66%;}
    .template_type2_3 .cate {position: relative; display: block; width: 30%; top: 0; font-size: 13px; font-weight: 600; padding: 2px 0 4px; text-align: center; background: #5a7da8;}
    .template_type2_3 .slider_btn {left: 30px; top: inherit; bottom: 23%;}
    .sub_container .template_type2_3 {padding: 20px 4%; margin: 1px auto; background: #fff; border-bottom: 1px solid #e7e9ec;}
    .sub_container .template_type2_3 .li_txt {display: none;}
    .sub_container .template_type2_3 .thumbnail {display: table-cell; margin-top: -23px; border: 0;}
    .sub_container .template_type2_3 .thumbnail img {height: auto;}
    .sub_container .template_type2_3 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; line-height: 22px; letter-spacing: -0.1em; margin-top: -4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .sub_container .template_type2_3 .sm_txt {width: 100%; font-size: 15px; line-height: 24px; max-height: 70px;}

    /* 템플릿 TYPE 2-4 */
    .sub_container .template_type2_4 {display: table; padding: 20px 4%; background: #fff; margin: 1px auto;}
    .template_type2_4 .thumbnail {display: block; max-width: 230px; width: auto; height: auto; float: inherit; vertical-align: middle;}
    .template_type2_4 .thumbnail a:after {content: ""; clear: both; display: block;}
    .template_type2_4 .thumbnail img {max-width: 230px; height: auto; float: left;}
    .template_type2_4 .txt_area {display: table-cell; float: inherit; width: 70%; margin-left: 0; padding-left: 4%; vertical-align: middle;}
    .template_type2_4 .tit {margin-top: 0;}
    .template_type2_4 .txt_area >a:hover .tit {text-decoration: none;}
    .template_type2_4 .cate {padding: 4px 10px;}
    .template_type2_4 .cate span {margin-right: 0; font-size: 14px;}
    .template_type2_4 .cate span:before {margin: 0 7px;}
    .sub_container .template_type2_4 .sm_txt {font-size: 15px; line-height: 20px;}
    .template_type2_4 .txt_area >a:hover .sm_txt {color: #666;}

    /* 템플릿 TYPE 2-5 */
    .template_type2_5 {width: 100%; padding: 20px 4%; background: #fff; margin: 1px auto;}
    .template_type2_5 .thumbnail {width: 25%; height: auto; border: 1px solid #666; background: #fff;}
    .template_type2_5 .thumbnail a:after {content: ""; clear: both; display: block;}
    .template_type2_5 .thumbnail img {width: 100%; height: 100%; max-width: 230px; max-height: 159px; float: left;}
    .template_type2_5 .txt_area {width: 75%; margin-left: 0; margin-top: 0; padding-left: 4%;}
    .template_type2_5 .sm_txt {width: 100%; line-height: 20px; font-size: 15px; -webkit-line-clamp: 2; max-height: 42px;}
    .template_type2_5 .txt_area >a:hover .sm_txt {color: #888;}
    .template_type2_5 .view_btn {display: none;}
    .template_type2_5 .mark_area {position: relative; left: 0; right: inherit;}

    /* 템플릿 TYPE 2-6 */
    .template_type2_6 {width: 100%; margin: 25px auto; padding: 20px 4%; margin: 1px auto; background: #fff; border-bottom: 1px solid #e7e9ec;}
    .template_type2_6 .thumbnail {width: 30%; height: auto; display: table-cell; margin-top: -23px; border: 0;}
    .template_type2_6:hover .thumbnail {border-color: transparent;}
    .template_type2_6 .thumbnail a:after {content: ""; clear: both; display: block;}
    .template_type2_6 .thumbnail img {float: left; height: auto;}
    .template_type2_6 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; line-height: 22px; letter-spacing: -0.1em; margin-top: -4px; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .template_type2_6 .sm_txt {width: 100%; font-size: 15px; line-height: 24px; max-height: 70px;}
    .template_type2_6 .sm_txt:before {margin-right: 4px;}
    .template_type2_6 .li_txt {display: none;}
    .template_type2_6 .li_txt li a {line-height: 22px;}
    .template_type2_6 .txt_area {margin-left: 4%; margin-top: -18px; width: 66%;}
    .template_type2_6 .cate {position: relative; display: block; width: 30%; top: 0; font-size: 13px; font-weight: 600; padding: 2px 0 4px; text-align: center; background: #5a7da8;}

    /* 템플릿 TYPE 2-7 */
    .template_type2_7 {width: 100%; margin: 25px auto; padding: 20px 4%; margin: 1px auto; background: #fff; border-bottom: 1px solid #e7e9ec;}
    .template_type2_7 .thumbnail {width: 30%; height: auto; display: table-cell; margin-top: -23px; border: 0;}
    .template_type2_7:hover .thumbnail {border-color: transparent;}
    .template_type2_7 .thumbnail a:after {content: ""; clear: both; display: block;}
    .template_type2_7 .thumbnail img {float: left; height: auto;}
    .template_type2_7 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; line-height: 22px; letter-spacing: -0.1em; margin-top: -4px; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .template_type2_7 .sm_txt {width: 100%; font-size: 15px; line-height: 24px; max-height: 70px;}
    .template_type2_7 .sm_txt:before {margin-right: 4px;}
    .template_type2_7 .txt_area {margin-left: 4%; margin-top: -18px; width: 66%;}
    .template_type2_7 .cate {position: relative; display: block; width: 30%; top: 0; font-size: 13px; font-weight: 600; padding: 2px 0 4px; text-align: center; background: #5a7da8;}

    /* 템플릿 TYPE 3 */
    .main_container .template_type3 {margin-top: -20px;}
    .main_container .template_type3 .li_txt {padding: 0 4%;}
    .template_type3 .li_txt li:first-child {margin-top: 0;}
    .template_type3 .li_txt li a {border-bottom: 1px solid #e7e9ec; font-size: 16px; font-weight: 300; line-height: 45px; letter-spacing: -0.08em;}
    .template_type3 .li_txt li a:hover {color: inherit; text-decoration: underline;}
    .template_type3 .li_txt li:last-child a {border-bottom: 0;}
    .template_type3 .li_link {width: 92%; border: 1px solid #00c63c; border-radius: 2px; margin: 0 4%; padding: 5px 10px;}
    .template_type3 .li_link li {padding-left: 45px;}
    .template_type3 .li_link li:before {width: 40px; text-align: center; font-size: 13px;}
    .template_type3 .li_link li:nth-child(2) {display: none;}
    .template_type3 .li_link li.n_cafe:before {content: "카페"; width: 35px;}
    .template_type3 .li_link li.d_blog:before {content: "블로그";}
    .template_type3 .li_link li a {font-size: 15px; width: 100%; color: #333; font-weight: 300;}

    /* 템플릿 TYPE 3-2 */
    .main_container .template_type3_2 {width: 100%; margin: -20px auto 25px auto;}
    .main_container .template_type3_2 .li_txt {padding: 0 4%;}
    .template_type3_2 .li_txt li:first-child {margin-top: 0;}
    .template_type3_2 .li_txt li a {border-bottom: 1px solid #e7e9ec; font-size: 16px; font-weight: 300; line-height: 45px; letter-spacing: -0.08em;}
    .template_type3_2 .li_txt li a:hover {color: inherit; text-decoration: underline;}

    /* 템플릿 TYPE 4 */
    .main_container .template_type4 {width: 100%; margin: 25px auto; padding: 0 4%;}
    .template_type4 .li_video li {width: 49%; margin-left: 2%; text-align: center;}
    .template_type4 .li_video li:nth-child(3) {display: none;}
    .template_type4 .li_video li .thumbnail {width: 100%; height: auto;}
    .template_type4 .li_video li .thumbnail img {width: 100%; height: auto;}
    .template_type4 .li_video li strong {display: -webkit-box; display: -ms-flexbox; font-size: 16px; font-weight: 300; margin-top: 5px; padding: 0; line-height: 22px; max-height: 48px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    /* 템플릿 TYPE 4-2 */
    .main_container .template_type4_2 {width: 100%; margin: 25px auto; padding: 0 4%;}
    .template_type4_2 .li_video li {width: 49%; margin-left: 2%; text-align: center;}
    .template_type4_2 .li_video li:nth-child(3) {display: none;}
    .template_type4_2 .li_video li .thumbnail {width: 100%; height: auto;}
    .template_type4_2 .li_video li .thumbnail img {width: 100%; height: auto;}
    .template_type4_2 .li_video li strong {display: -webkit-box; display: -ms-flexbox; font-size: 16px; font-weight: 300; margin-top: 5px; padding: 0; line-height: 22px; max-height: 48px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .template_type4_2 .banner_box {width: 100%; height: 45px;}

    /* 템플릿 TYPE 5 */
    .main_container .template_type5 {width: 92%; padding: 0 0 20px 0; border-bottom: 1px solid #e7e9ec; margin: 20px 4%;}
    #section2 .template_type5 {width: 100%; padding: 20px 4%; margin: 0 auto; border-bottom: 1px solid #c4ccd6;}
    .template_type5 ul li {width: 32%; margin-left: 2%;}
    .template_type5 ul li .thumbnail {width: 100%; height: auto; border-color: #d9dee3;}
    .template_type5 ul li:hover .thumbnail {border-color: #d9dee3;}
    .template_type5 ul li .thumbnail:after {content: ""; clear: both; display: block;}
    .template_type5 ul li .thumbnail img {width: 100%; float: left;}
    .template_type5 ul li strong {display: -webkit-box; display: -ms-flexbox; font-size: 15px; font-weight: 300; margin-top: 10px; padding: 0 2%; line-height: 20px; max-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    /* 템플릿 TYPE 5-2 */
    .sub_container .template_type5_2 {padding: 20px 4%; background: #fff; margin: 1px auto;}
    .template_type5_2 ul li {width: 30.3%; margin-left: 4%;}
    .template_type5_2 ul li .thumbnail {width: 100%; height: auto;}
    .template_type5_2 ul li .thumbnail img {width: 100%; height: auto;}
    .template_type5_2 ul li strong {font-size: 16px; font-weight: 300; margin-top: 3px;}
    .template_type5_2 ul li:hover strong {text-decoration: none;}
    .template_type5_2 ul li .info_box {margin-top: 5px;}

    /* 템플릿 TYPE 6 */
    .grid_area .grid_c .div2 .div_l >.template_type6 {padding-right: 0;}
    .main_container .template_type6 {width: 92%; padding: 0; margin: 25px 4%;}
    .template_type6 .grid_c_tit {color: #166bd3 !important; margin-bottom: 10px !important;}
    .template_type6 ul li {border-color: #e7e9ec; height: auto;}
    .template_type6 ul li:first-child {border-color: #e7e9ec;}
    .template_type6 ul li a {font-weight: 300; font-size: 16px;}
    .template_type6 ul li a:hover {color: inherit; text-decoration: underline;}
    .template_type6 ul li a span {line-height: 22px; color: #888; font-size: 15px;}
    .template_type6 ul li .num {top: 25px;}

    /* 템플릿 TYPE 6-2 */
    .template_type6_2 .grid_c_tit {color: #166bd3 !important; margin-bottom: 10px !important;}
    .main_container .template_type6_2 {width: 92%; padding: 0; margin: 25px 4% 0;}
    .template_type6_2 ul li {border-color: #e7e9ec; height: auto;}
    .template_type6_2 ul li:first-child {border-color: #e7e9ec;}
    .template_type6_2 ul li:last-child {border-bottom: 0;}
    .template_type6_2 ul li a {display: table;}
    .template_type6_2 ul li a .thumbnail {display: table-cell;}
    .template_type6_2 ul li a .thumbnail img {width: 80px; height: 50px;}
    .template_type6_2 ul li a .txt_area {width: 100%; display: table-cell; padding-left: 15px;}
    .template_type6_2 ul li a .txt_area strong {font-weight: 300; font-size: 16px; line-height: 22px; white-space: normal;}
    .template_type6_2 ul li a:hover .txt_area strong {color: inherit;}
    .template_type6_2 ul li a span {color: #888; font-size: 15px; margin-bottom: 5px;}
    .template_type6_2 ul li .num {top: 25px;}

    /* 템플릿 TYPE 7 */
    .sub_container .template_type7 {width: 100%; padding: 20px 4%; background: #fff; margin: 1px auto; border-bottom: 0;}
    .sub_container .template_type7 h3:hover {text-decoration: none;}
    .sub_container .template_type7 p {font-size: 15px; line-height: 22px; max-height: 45px;}
    .sub_container .template_type7 p:hover {text-decoration: none; color: #666;}
    .sub_container .template_type7 .info_box .date {font-weight: 300;}

    /* 템플릿 TYPE 8 */
    .sub_container .template_type8 {width: 100%; background: #fff; padding: 0 4%;}
    .template_type8 table tr:last-child td {border-bottom: 0;}
    .template_type8 table td {border-color: #e7e9ec; padding: 10px 2px;}
    .template_type8 table td a {font-weight: 300;}
    .template_type8 table td a:hover {text-decoration: none;}
    .template_type8 table td.name_txt a {font-size: 16px;}

    /* 템플릿 TYPE 9 */
    .template_type9 {width: 100%; padding: 20px 4%; background: #fff;}
    .template_type9 table td.td_tit {width: 60%; max-width: initial;}
    .template_type9 table td.td_name {width: 15%; display: table-cell; border-color: #c4ccd6;}
    .template_type9 table td.date {width: 10%; border-color: #c4ccd6;}
    .template_type9 table td.view_count {width: 5%;}
    .template_type9 table td a {max-width: 75%; white-space: normal; vertical-align: top;}
    .template_type9 table td a:hover {text-decoration: none;}

    /* Youtube Frame */
    .youtube_frame { height: 365px }

    /* 드론 교육자료 */
    .best_item {width: 100%; padding: 10px 4%; margin: 1px auto; background: #fff;}
    .best_item .shop_cont {padding: 30px 0;}
    .best_item .thumbnail {text-align: center;}
    .best_item .thumbnail img {display: block; margin: 0 auto;}
    .best_item .thumbnail .preview_btn {left: inherit;}
    .best_item .recommend ul li {font-size: 13px;}
    .best_item .buy_btn {display: block; text-align: center; margin-top: 0;}
    .download_list h4 {font-size: 15px;}
    .download_list .list_box li {line-height: 28px;}
    .download_list .list_box li h5 {font-size: 14px;}
    .preview_img .img_li {padding: 0 3%;}
    .preview_img img {width: 100%;}
    .preview_img .page_num li a {margin: 0; padding: 1px 7px;}
}

/* screen 640 이하 */
@media screen and (max-width: 640px) {

    /* 상단공통 */
    .header_top_v2 .logo img {height: 24px;}
    .header_top_v2 .side_menu {left: 15px;}
    .header_top_v2 .div_r .search .search_btn {right: 20px;}
    .menu_v2 {padding: 0 4%;}
    .menu_v2 .lnb >li .depth1 {height: 48px; color: #333; font-weight: 300; font-size: 16px; line-height: 24px; padding: 11px 0; letter-spacing: -0.1em;}
    .menu_v2 .lnb >li .depth1.home {background-position: left 16px;}

    /* 하단공통 */
    #footer.ver_2 {padding: 0 0 30px 0;}
    #footer.ver_2 .footer_menu {padding: 10px 4%;}
    #footer.ver_2 .footer_menu ul li a {font-size: 13px; font-weight: 300;}
    #footer.ver_2 .footer_info a {font-size: 13px; letter-spacing: -0.13em; padding:  8px 5px;}

    /* 콘텐츠 공통 */
    .template_type1, .template_type2, .template_type2_2, .template_type2_3, .template_type2_4, .template_type3, .template_type4, .template_type5, .template_type5_2, .template_type6, .grid_area .grid_c .div2 {margin: 20px auto;}
    .weather_area .gps_ic {margin-top: 14px;}
    .weather_area .gps_ic img {width: 27px; height: 27px;}
    .sub_container .grid_area .grid_r .cs_box {width: 100%; margin: 0; background: #fff;}
    .sub_container .grid_area .grid_r .cs_box .cs {padding: 20px 2%;}
    .sub_container .grid_area .grid_r .cs_box .cs .tel_img {width: 75%; height: auto; margin: 8px auto 5px;}
    .sub_container .grid_area .grid_r .cs_box .bank {background: none; padding: 25px 2% 0;}

    /* YouTube 높이 조절*/
    .view_detail iframe {height:320px;}
    
    /* 메인 */
    .main_container {column-count: 1;}
    .main_container section .grid_area .grid_l, .main_container section .grid_area .grid_c {padding: 20px 0;}
    #section1, #section2, #section3, #section4, #section5 {width: 100%; margin-left: 0; margin-right: 0;}
    #section1 .grid_area .grid_l .section_tit {padding-top: 12px; padding-bottom: 2px;}
    #section2 .grid_area .grid_l .section_tit {padding: 5px 1%;}
    #section1 .grid_area .grid_l .today_date {top: 2px; font-weight: 300; font-size: 13px; background-size: 16px; letter-spacing: -0.03em;}
    #section5 section .grid_area .grid_c {padding-bottom: 0;}
    .weather_area .weather_info1 .weather_txt {padding-top: 5px;}
    .weather_area .weather_info1 .weather_txt .area {font-size: 13px;}
    .weather_area .weather_info1 .weather_txt .txt_lg {line-height: 28px;}

    /* 서브공통 */
    .sub_container .menu_depth2 {position: relative; overflow: hidden; overflow-x: scroll; white-space: nowrap; text-align: left;}
    .sub_container .menu_depth2::-webkit-scrollbar {display: none;}
    .sub_container.ver_2 .top_title .tit_type2 {font-size: 24px; font-weight: 300; line-height: 32px;}
    .sub_container.ver_2 .mid_title {background: #fff; padding: 0;}
    .sub_container.ver_2 .mid_title:after {content: ""; clear: both; display: block;}
    .sub_container.ver_2 .mid_title .mid_tab {display: block; vertical-align: middle; padding: 5px 4%;}
    .sub_container.ver_2 .mid_tab li a {letter-spacing: -0.12em; margin: 2px 0; font-weight: 100;}
    .sub_container.ver_2 .mid_title .div_r {position: relative; bottom: inherit; vertical-align: middle; right: 0;}
    .sub_container.ver_2 .mid_title .div_r .list_order {bottom: inherit; text-align: right; padding: 9px 4%; background: #f1f2f4;}
    .sub_container.ver_2 .mid_title .div_r .list_order li {float: left; vertical-align: middle; padding: 0 7px;}
    .sub_container.ver_2 .mid_title .div_r .list_order li a {font-size: 14px; color: #888;}
    .sub_container.ver_2 .mid_title .div_r .list_order li.active a {color: #3d78ff;}
    .sub_container.ver_2 .mid_title .div_r .list_order li:after {display: none;}
    .sub_container.ver_2 .mid_title .div_r .search_area {bottom: inherit; top: -30px; right: 4%;}
    .sub_container.ver_2 .mid_title .div_r .detail_btn {font-size: 13px; padding: 3px 10px; line-height: 16px; height: 26px; color: #ddd; background: transparent; font-weight: 300; border: 1px solid #888;}
    .sub_container.ver_2 .mid_title .div_r .detail_btn.open_btn:after {content: "▼"; position: relative; top: 2px; background: none; font-size: 10px; color: #ddd; width: auto; height: auto;}
    .sub_container.ver_2 .mid_title .div_r .detail_btn.close_btn:after {content: "▲"; position: relative; top: 2px; background: none; font-size: 10px; color: #ddd; width: auto; height: auto;}
    .sub_container.ver_2 .mid_title .search_r .list_order {position: relative; width: 100%;}
    .detail_search {right: -4%;}
    .view_detail * {letter-spacing: -0.05em; line-height: 28px;}
    .news_more a {padding: 15px 0; font-size: 15px; line-height: 20px; color: #666; background: #fafafa;}
    .list_more a {padding: 12px 0; color: #666;background: #fafafa; line-height: 22px; border-color: #d9dee3;}
    .info_area .place_count {width: 25%; margin-top: 20px;}
    .info_area .place_count span.area {display: block; font-size: 14px;}
    .info_area .place_count span.count {font-size: 34px; line-height: 38px;}
    .info_area .place_count span.txt_lg {font-size: 16px;}
    .info_area .weather_box {width: 75%; padding: 12px 10px;}
    .info_area .weather_info1 {width: 45%;}
    .info_area .weather_info1 .weather_ic {width: 45%;}
    .info_area .weather_info1 .weather_ic img {width: 36px; height: auto;}
    .info_area .weather_info1 .weather_txt {width: 55%;}
    .info_area .weather_info1 .weather_txt .txt_lg {line-height: 40px;}
    .info_area .weather_info1 .weather_txt .txt_lg .current {font-size: 30px;}
    .info_area .weather_info1 .weather_txt .txt_sm {font-size: 13px;}
    .info_area .weather_info2 {width: 55%; border-left: 1px solid #e7e9ec; padding-left: 10px;}
    .list_place .li_block .thumbnail {position: absolute; width: 32%; z-index: 10; left: 4%;}
    .list_place .li_block .thumbnail img {max-height: 70px;}
    .list_place .li_block .txt_area {position: relative; width: 100%; padding-left: 0; z-index: 9;}
    .list_place .txt_area .tit {font-size: 16px; padding-left: 40%; padding-top: 0; line-height: 22px;}
    .list_place .txt_area .md_txt {color: #444; padding-left: 40%; height: 36px; margin: 7px 0; font-size: 15px; line-height: 18px; color: #444;}
    .list_place .txt_area .sm_txt {display: -webkit-box; line-height: 18px; font-size: 14px; max-height: 54px; padding: 7px 10px; margin-top: 15px; background: #f7f7f7; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.07em;}
    .list_place .info_box {padding-top: 5px; margin-top: 5px;}
    .list_place .info_box .link_li a {padding: 6px 12px 7px 12px;}
    .list_place .info_box .count_area {margin-top: 3px;}
    .layer_popup .img_orig {padding-left: 0; top: 32%;}
    .layer_popup .img_orig >img {max-width: 320px; display: block; margin: 0 auto;}
    .layer_popup .close_btn {display: inline-block; margin-top: 5px; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.6); border-radius: 30px; text-align: center;}
    .layer_popup .close_btn img {position: relative; top: 10px; width: 20px; height: 20px; margin-left: 0;}
    .company_top {padding-top: 10px; padding-bottom: 10px;}
    .company_top .thumbnail {width: 100%; border: 0; text-align: center; margin-bottom: 10px;}
    .company_top .thumbnail img {width: 50%; float: inherit;}
    .company_top .txt_area {width: 100%; margin-left: 0; border: 1px solid #d9dee3; padding: 15px;}
    .company_top .sm_txt {line-height: 20px;}
    .company_top .cate {width: 100%; text-align: center; margin-top: 10px; line-height: 22px;}
    .company_top .cate span {float: inherit; font-size: 15px;}
    .company_top .li_txt {margin-top: 10px;}
    .company_top .li_txt li {font-size: 14px;}
    .company_top .li_txt li a {font-size: 15px; line-height: 18px;}
    .help_txt {padding-bottom: 20px;}
    .tab_type1 li a {font-size: 14px; font-weight: 300; letter-spacing: -0.13em;}
    .tab_type1 li.active a {font-size: 14px;}
    .qna_table table td.td_tit {padding-left: 25px;}
    .qna_table tr td.td_tit:before {position: absolute; left: 5%; background: none; content: "Q."; width: auto; height: auto; font-size: 18px; font-weight: 900; color: #1f55ad; line-height: 18px;}
    .sub_container.ver_2 .board_title .qna_tit {font-size: 20px; line-height: 28px;}
    .search_type1 {width: 100%;}
    .search_type1 form:after {content: ""; clear: both; display: block;}
    .search_type1 select {float: left; width: 30%; height: 40px; font-size: 14px; background: #fff;}
    .search_type1 input {float: left; width: 69%; height: 40px; margin-left: 1%; font-size: 14px;}
    .search_type1 input::placeholder {font-size: 14px;}
    .search_type1 .search_btn {top: 5px; right: 5px;}
    .top_write_btn {position: relative; left: 0; right: inherit;}
    .write_btn {width: 100%; margin-top: 5px; text-align: center; font-size: 16px; padding: 8px 0; background-image: none;}
    .sub_container.ver_2 .top_title:after {content: ""; clear: both; display: block;}
    .top_list_btn {position: relative; bottom: inherit; top: 10px; left: 0; float: right;}
    .modify_btn {font-size: 14px; background: none; padding: 4px 10px;}
    .delete_btn {font-size: 14px; background: none; padding: 4px 10px;}
    .list_btn {font-size: 14px; background: none; padding: 4px 10px;}
    .write_info {padding: 20px 4%;}
    .write_info img {width: 100%; max-width: 350px;}
    .write_info p {font-size: 14px; line-height: 18px; letter-spacing: -0.1em; color: #888; margin-bottom: 0;}
    .write_table th {width: 15%; padding: 10px 0; font-size: 13px; font-weight: 300; color: #444;}
    .write_table td {width: 35%; padding: 5px 10px; font-size: 15px;}
    .write_table .form_input {font-size: 15px; border-color: #d9dee3; padding: 10px 7px;}
    .write_table .form_input::placeholder {font-size: 14px;}
    .write_table .frm_input {width: 100%; height: auto; font-size: 14px; border-color: #d9dee3; border-radius: 2px; padding: 10px 12px; color: #888;}
    .write_info .info_cont {width: 100%; padding: 10px 50px 10px 10px;margin: 15px 0 0 0; background-size: 70px auto; background-position: right bottom; background-color: #9f9f9f; border: 0;}
    .write_info .info_cont ul li {width: 100%; line-height: 18px; font-size: 14px; letter-spacing: -0.06em;}
    .pagination {white-space: nowrap; margin: 15px 0;}
    .pagination li {line-height: 22px;}
    .pagination li a {width: auto; height: auto; line-height: 16px; padding: 0 3px; font-size: 16px; border: 0;}
    .pagination li.active a {background-color: transparent; border: 0; color: #1180d5; font-weight: 600;}
    .pagination li.move_btn a {background: transparent; border: 0;}
    .shop_info_top .thumbnail {width: 100%; height: 200px; overflow-y: hidden;}
    .shop_info_top .info_li {width: 100%; margin-left: 0; margin-top: 10px; padding: 0 2%;}
    .shop_info_top .info_li dl dt {font-size: 14px;}
    .shop_info_top .info_li dl dd {font-size: 15px;}
    .shop_info_top .info_li dl dd .premium_mark {font-size: 11px; padding-top: 2px;}
    .shop_info_top .info_li dl dd .premium_mark:before {width: 20px; height: 20px; background-position: -4px -2px;}
    .shop_info_top .btn_area a {padding: 3px 8px 3px 29px; color: #222; font-weight: 300;}
    .shop_info_top .service {padding: 10px 0;}
    .shop_info_top .service .cate span {width: auto; border: 0 !important; padding: 0 5px; font-size: 15px; color: #bbb; font-weight: 300; line-height: 24px;}
    .shop_info_top .service .cate span:before {content: "#";}
    .shop_info_img .img_box .img_lg {height: 200px;}
    .shop_info_img .img_box .img_sm {padding: 10px 1% 5px;}
    .shop_info_img .img_box .img_sm li a {width: 95%; height: 40px;}
    .shop_help_txt span {line-height: 20px;}
    .shop_help_txt .mypage_btn {margin-left: 0; margin-top: 5px; font-size: 13px; padding: 5px 20px 5px 10px;}
    .posts_li li {padding: 0 1% 15px 1%;}
    .posts_li li .product_img {height: 90px !important;}
    .posts_li li a strong {font-size: 15px;}
    .name_card {height: auto;}
    .name_card .photo {width: 15%; padding-left: 10px;}
    .name_card .photo .photo_cover {width: 50px; height: 50px; left: 10px;}
    .name_card .photo img {width: 50px; height: 50px;}
    .name_card .card_ct {width: 85%; padding-top: 5px;}
    .name_card .card_ct .card_tit .name {font-size: 22px;}
    .name_card .card_ct .card_txt {white-space: normal; line-height: 20px; color: #888;}

    /* 타이틀 타입 */
    .mypage .tit_type3 {width: 92%; margin: 5px 4% 0; padding: 5px 0 4px;}
    .mypage .tit_type3:before {width: 3px; margin-right: 5px;}

    /* 탭 타입 */
    .tab_type3 {padding: 10px 4%;}
    .tab_type3 ul {position: relative; overflow: hidden; overflow-x: scroll; width: 100%; white-space: nowrap;}
    .tab_type3 ul li a {font-weight: 300; padding: 6px 5px;}
    .tab_type3 ul li.active a {font-size: 15px; padding: 7px 8px;}

    /* 팝업 */
    .layer_type1 {left: 0; top: 5%; width: 90%; margin: 0 5%;}
    .layer_type1 .title_type2 {padding: 10px 10%; font-size: 15px;}
    .layer_type1 .layer_cont {padding: 30px 10%;}
    .layer_type1 h5 {font-size: 16px; background-position: left 8px; margin-bottom: 3px;}
    .layer_type1 .inline_block .btn_type1 {font-size: 14px;}
    .layer_type1 .help_txt {font-size: 14px;}
    .layer_type1 .layer_ft {padding: 10px 0;}
    .news_his_box .wrap {border: 0; box-shadow: none;}
    .news_his_box .box_top {background: #fff; text-align: left; border-top: 1px solid #c4ccd6;}
    .news_his_box .box_top .tit {position: relative; left: 4%; font-size: 16px; margin: 10px 0 0; border: 0;}
    .news_his_box .box_top .menu {text-align: center;}
    .news_his_box .box_top .menu .today_date {left: 4%; top: 10px; letter-spacing: -0.03em; font-size: 12px;}
    .news_his_box .box_top .menu .today_date strong {vertical-align: text-top; line-height: 16px; font-size: 14px;}
    .news_his_box .box_top .menu .date {background: transparent; padding: 7px 5px 6px; font-size: 15px;}
    .news_his_box .box_top .menu ul {right: 4%;}
    .news_his_box .box_top .menu ul li.active a {font-size: 13px;}
    .news_his_box .box_top .close_btn {top: 10px; width: 28px; height: 28px; padding: 4px;}
    .news_his_box .box_top .close_btn img {width: 18px;}
    .news_his_box .box_cont {padding: 0;}
    .news_his_box .box_cont .news_box {padding: 0;}
    .news_his_box .box_cont .news_btn.prev_btn {position: fixed; top: 50%;}
    .news_his_box .box_cont .news_btn.next_btn {position: fixed; top: 50%;}
    .news_his_box .template_type1 .tit {font-size: 20px;}
    .news_his_box .template_type2 .thumbnail {position: absolute; top: 18px; left: 0; width: 32%; margin-top: 10px;}
    .news_his_box .template_type2 .txt_area {width: 100%; margin-left: 0;}
    .news_his_box .template_type2 .tit {font-size: 16px; font-weight: 300;}
    .news_his_box .template_type2 .sm_txt {font-size: 15px; width: 67%; max-height: 60px; line-height: 20px; margin: 11px 0 3px 32%; -webkit-line-clamp: 3; padding-left: 13px; background: none; text-align: left;}

    /* 댓글 */
    .comment_area {padding: 0 4% 20px; border-top-width: 1px;}
    .comment_tit {font-size: 17px; line-height: 20px; background: #f9f9f9;}
    .comm_head .name {font-size: 17px;}
    .comm_head .btn_area a {font-size: 14px; font-weight: 300; padding: 4px 7px;}
    .comm_head .btn_area a:before {font-size: 13px; margin-right: 3px;}
    .comm_body {font-size: 16px;}
    .comm_body p {margin-left: 0; border: 0; padding: 0;}
    .comm_body p:before {display: none;}
    .comm_cont {padding: 25px 0; border-color: #d9dee3;}
    .comm_footer {border-color: #d9dee3;}
    .comm_f_tit {width: 100%; margin-bottom: 0;}
    .comm_f_tit h5 {font-size: 15px;}
    .comm_f_tit .comm_f_form {display: block; float: inherit; margin-top: 10px;}
    .comm_f_tit .comm_f_form:after {content: ""; clear: both; display: block;}
    .comm_f_tit .comm_f_form label {display: inline-block; float: left; width: 25%; height: 34px; font-size: 15px; padding: 8px 0; margin-left: 0; vertical-align: middle; text-align: center;}
    .comm_f_tit .comm_f_form .form_input {display: inline-block; float: left; width: 74%; height: 34px; font-size: 15px; padding: 5px 10px; margin: 0 0 5px 1%; vertical-align: middle;}
    .comm_write textarea {width: 100%; margin-bottom: 5px; padding: 7px 10px; font-size: 15px; background: #fafafa;}
    .comm_write .btn_area {width: 100%; padding: 0;}
    .comm_write .btn_area a {padding: 12px 0; font-size: 17px; letter-spacing: 0;}
    .comm_write .btn_area a.btn_reply {height: auto;}

    /* 로그인 */
    .login {margin-top: 15%;}
    .login .wrap {padding: 0 4%;}
    .login .logo img {width: 110px; vertical-align: middle;}
    .login .title_type1 {font-size: 18px; color: #333; line-height: 22px; letter-spacing: -0.05em; padding-bottom: 0; margin-left: 7px; margin-bottom: -2px; vertical-align: middle;}
    .login_box .form_area .inline_block {position: relative;}
    .login_box .form_area .form_l {width: 70%;}
    .login_box .form_area .form_r {width: 30%;}
    .login_btn {font-size: 17px; font-weight: 300; padding: 32px 0;}
    .login_box .form_ct {font-size: 15px; padding: 10px 10px;}
    .login_box .form_area {width: 100%; padding: 20px 4%;}
    .login_opts {position: absolute; width: 100%; left: 0; bottom: -25px; font-size: 14px;}
    .login_opts label {margin-right: 5%;}
    .login_box .ad_small {display: none;}
    .login .n_login {margin-top: 40px; padding: 15px 0; font-weight: 300; font-size: 15px; line-height: 17px;}
    .login .n_login img {margin-right: 10px;}
    .login_ft {font-size: 13px; color: #888;}
    .login .ad_large {margin-top: 30px;}

    /* 회원가입 */
    .register .tab_li li.naver a {background-image: none; padding: 12px 0;}
    .register .tab_li li.active.naver a {background-image: none; font-size: 16px;}
    .register .tab_li li.general a {background-image: none; padding: 12px 0;}
    .register .tab_li li.active.general a {background-image: none; padding: 12px 0; font-size: 16px;}
    .register .tab_li li.business a {background-image: none; padding: 12px 0;}
    .register .tab_li li.active.business a {background-image: none; padding: 12px 0; font-size: 16px;}
    .register .table_form .bg {text-align: center;}
    .register .table_form .bg td {padding: 10px 15px;}
    .register .table_form th {padding: 10px 5px; font-size: 14px; font-weight: 300; color: #444; letter-spacing: -0.1em; line-height: 18px;}
    .register .table_form td {padding: 7px 10px;}
    .register .table_form td .btn_type1 {margin-top: 5px; font-size: 14px; background: #f9f9f9;}
    .register .table_form td .radio {font-size: 15px;}
    .register .table_form td .checkbox {font-size: 14px;}
    .register .table_form td.num .form_input {width: 31%;}
    .register .table_form td.addr .form_input {width: 100%;}
    .register .table_form .form_input {padding: 10px 12px; font-size: 15px; border-color: #c4ccd6;}
    .register .table_form .form_input::placeholder {font-size: 15px; color: #999;}
    .register .table_form .form_input.w50 {width: 100%;}
    .register .table_form .mb_type2 th {color: #222;}
    .register .agree_box {margin-top: 10px;}
    .register .agree_box .agree_cont {line-height: 18px; font-size: 14px; color: #888;}
    .agree_box .agree_cont h5 {color: #666;}
    .agree_box h4 {font-size: 15px; letter-spacing: -0.07em; margin-bottom: 10px;}
    .agree_box label {font-size: 14px;}
    .complete_btn {font-size: 15px; padding: 7px 20px;}
    .cancel_btn {font-size: 15px; padding: 7px 20px;}
    .find_cont .btn_type1 {font-size: 15px;}

    /* 아이디/비밀번호 찾기 */
    .idpw_find .member_top, .mypage .member_top {background-color: #f4f9ff; background-position: 4% center; background-size: 40px; margin-top: 0; padding: 15px 4% 15px 65px; border-top: 0; border-bottom: 1px solid #e7e9ec;}
    .member_top h2 {letter-spacing: -0.03em;}
    .member_top h2 span {font-size: 18px;}
    .member_top ul {margin-top: 0;}
    .member_top ul li {font-size: 13px; color: #888;}
    .idpw_find .table_form th {display: table-cell; font-size: 14px; font-weight: 300; color: #444; line-height: 18px;}
    .idpw_find .table_form td {padding: 7px 10px;}
    .idpw_find .table_form .form_input {padding: 10px 12px;}
    .find_id .title_type2 {background-size: 40px auto; padding-left: 50px;}
    .find_pw .title_type2 {background-size: 40px auto; padding-left: 50px;}
    .member_info {font-size: 15px; font-weight: 300; line-height: 22px; border-radius: 40px; padding: 5px 15px;}

    /* 내 정보 */
    .mypage .table_form {width: 92%; margin: 10px 4% 20px 4%; border: 0;}
    .mypage .table_form th {letter-spacing: -0.1em; padding: 3px 5px; font-size: 14px; border: 0; background: none; color: #666; font-weight: 300; line-height: 20px; text-align: left;}
    .mypage .table_form tr.bg th {background: none; color: #222; font-weight: 600;}
    .mypage .table_form tr.bg th:after {content: "*"; color: #e90000; font-size: 11px; margin-left: 3px; vertical-align: middle;}
    .mypage .table_form td {font-size: 15px; color: #444; border: 0; padding: 5px 0; line-height: 20px;}
    .mypage .table_form td .btn_type1 {font-size: 13px; height: auto; vertical-align: middle; padding: 4px 10px; margin-left: 7px; background: #aaa;}
    .mypage .table_form td .btn_type1:hover {text-decoration: none;}
    .mypage .btn_area a {height: auto; font-size: 15px; padding: 7px 20px; background: #888; color: #fff; border: 0;}
    .my_point {width: 92%; padding: 15px 0; line-height: 30px; margin: 0 4%; font-size: 16px;}
    .customer_cont .my_point {width: 100%; margin: 0;}
    .my_point strong:before {margin-top: 0; background-size: 18px; background-position: left 4px; margin-right: 2px;}
    .my_point .gray {color: #999;}
    .point_opts {padding: 10px 4%;}
    .buy_his {padding: 0 4% 10px 4%;}
    .buy_his h4 {margin-top: 10px;}
    .buy_his .btn_r {margin-top: 5px; font-size: 14px; padding: 3px 10px; border-color: #c4ccd6;}
    .check_area {padding: 10px 4%;}
    .buy_list_g {border-left: 0; border-right: 0;}
    .buy_list_g colgroup {display: none;}
    .buy_list_g tbody tr {border: 1px solid #ccc;}
    .buy_list_g th {display: inline-table; width: 33.3%; font-size: 13px; border-color: #84a1e8;}
    .buy_list_g th:nth-child(2) {width: 100%; border-bottom: 1px solid #84a1e8; border-right: 0;}
    .buy_list_g th:last-child {width: 33.6%;}
    .buy_list_g td {display: inline-table; width: 33.3%; min-height: 33px; font-size: 13px; padding: 5px 5px; line-height: 20px; background: #f7f7f7; border-bottom-color: #304e9b;}
    .buy_list_g th:nth-child(1), .buy_list_g td:nth-child(1) {display: none;}
    .buy_list_g tr:last-child td:nth-child(1) {border-bottom: 1px solid #c4ccd6;}
    .buy_list_g td:nth-child(2) {display: inline-block; width: 100%; min-height: 40px; font-weight: 600; font-size: 15px; border-right: 0; border-bottom-color: #c4ccd6; background: #fff; padding: 8px 5px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .buy_list_g td .sm_btn {padding: 0 5px; font-size: 13px; background: #fff;}
    .buy_list_g tr:last-child td:nth-child(2) {border-bottom: 1px solid #c4ccd6;}
    .buy_list_b {border-left: 0; border-right: 0;}
    .buy_list_b colgroup {display: none;}
    .buy_list_b tbody tr {position: relative; display: table; width: 100%;}
    .buy_list_b th {display: inline-block; width: 50%; font-size: 13px; border-color: #84a1e8;}
    .buy_list_b th:nth-child(2) {width: 100%; border-bottom: 1px solid #84a1e8; border-right: 0;}
    .buy_list_b td {display: inline-table; width: 50%; min-height: 27px; font-size: 13px; padding: 2px 5px; line-height: 20px; background: #f7f7f7; border-bottom-color: #304e9b;}
    .buy_list_b th:nth-child(1) {display: none;}
    .buy_list_b td:nth-child(1) {position: absolute; left: 1%; top: 8px; display: inline-block; width: 20%; padding: 0; background: transparent; border: 0; font-size: 13px; color: #4f7cee; font-weight: 600;}
    .buy_list_b td:nth-child(2) {display: inline-block; width: 100%; min-height: 40px; font-weight: 600; font-size: 15px; border-right: 0; border-bottom-color: #c4ccd6; background: #fff; padding: 8px 5px 8px 22%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .buy_list_b td .sm_btn {padding: 0 5px; font-size: 13px; background: #fff;}
    .buy_list_b tr:last-child td:nth-child(2) {border-bottom: 1px solid #c4ccd6;}
    .table_gray {border-left: 0; border-right: 0;}
    .table_gray colgroup {display: none;}
    .table_gray tbody tr {position: relative; display: table; width: 100%;}
    .table_gray th {display: inline-block; width: 50%; height: 30px; font-size: 13px; border-color: #bbb;}
    .table_gray th:nth-child(2) {width: 100%; border-bottom: 1px solid #bbb; border-right: 0;}
    .table_gray td {display: inline-table; width: 50%; min-height: 27px; font-size: 13px; padding: 2px 5px; line-height: 20px; background: #f7f7f7; border-bottom-color: #304e9b;}
    .table_gray th:nth-child(1) {display: none;}
    .table_gray td:nth-child(1) {position: absolute; left: 1%; top: 8px; display: inline-block; width: 20%; padding: 0; background: transparent; border: 0; font-size: 13px; color: #4f7cee; font-weight: 600;}
    .table_gray td:nth-child(1)[colspan="4"], .table_gray td:nth-child(1)[colspan="5"] {position: relative; left: 0; top: 0; display: block; width: 100%; border-bottom: 1px solid #304e9b; padding: 8px 0;}
    .table_gray td:nth-child(2) {display: inline-block; width: 100%; min-height: 40px; font-weight: 600; font-size: 15px; border-right: 0; border-bottom-color: #c4ccd6; background: #fff; padding: 8px 5px 8px 22%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .table_gray td .sm_btn.blue, .table_gray td .sm_btn.orange {width: 90%; padding: 0 5px; font-size: 13px; background-image: none;}
    .table_gray tr:last-child td:nth-child(2) {border-bottom: 1px solid #c4ccd6;}
    .event_board {padding: 10px 4%;}
    .event_board .total_box {padding: 7px 0; height: 34px;}
    .event_board .total_box strong {font-size: 14px; font-weight: 300;}
    .event_board .total_box strong span {font-size: 15px; font-weight: 600;}
    .event_board .table_gray th {display: none;}
    .event_board .table_gray td:nth-child(1) {position: absolute; left: 1%; top: 8px; display: inline-block; width: 15%; padding: 0; background: transparent; border: 0;}
    .event_board .table_gray td:nth-child(1) a {font-size: 13px; color: #4f7cee; font-weight: 600;}
    .event_board .table_gray td {width: 100%;}
    .event_board .table_gray .notice td:nth-child(2) {background: #fcfff5 !important;}
    .event_board .table_gray .notice .cate {color: #fff;}
    .event_board .table_gray tr:last-child td:nth-child(2) {border-bottom: 0;}
    .event_board .table_gray td:nth-child(2) {display: inline-block; width: 100%; min-height: 40px; font-weight: 600; font-size: 15px; border-right: 0; border-bottom-color: #c4ccd6; background: #fff; padding: 8px 5px 8px 18%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: normal;}
    .event_board .table_gray tr:last-child td:nth-child(2) {border-bottom: 1px solid #c4ccd6;}
    .table_responsive {width: 100%; overflow-x: scroll; white-space: nowrap;}
    .table_responsive:before {content: "좌우 스크롤 하세요"; display: block; width: 100%; font-size: 14px; color: #4f7cee; font-weight: 600; margin-bottom: 5px; padding-left: 26px; background: url("/images/common/scroll_ic.png") no-repeat left center; background-size: 20px;}
    .point_history {padding: 0 4%;}
    .point_history .table_opts:after {content: ""; clear: both; display: block;}
    .point_history .this_month {float: left;}
    .point_history .right {top: -4px;}
    .point_history table th {padding: 10px 0; background: #555; color: #fff; border-bottom: 0;}
    .point_history table td {font-size: 14px; padding: 7px 5px;}
    .buy_form_tit {font-size: 14px; padding: 12px 4%;}
    .buy_form .addr_tit h5 {font-size: 14px; vertical-align: middle; margin-bottom: -3px;}
    .buy_form .addr_tit .btn_r {font-size: 13px; padding: 4px 7px;}
    .buy_form .delivery_addr {font-size: 15px; line-height: 22px;}
    .buy_form .download_btn {min-width: 180px;}
    .buy_form table th {font-size: 14px; padding: 10px 5px; color: #444;}
    .buy_form table td input {width: 100%; border-color: #c4ccd6; font-size: 14px; padding: 10px 12px;}
    .buy_form table td .btn_type1 {font-size: 14px; margin-top: 5px; background: #f9f9f9;}
    .info_list_b th {display: inline-table !important; width: 30%;}
    .mypage .info_list_b .line td {display: none;}
    .info_list_b td {display: inline-table; width: 70%;}
    .check_area .info_list {color: #888;}
    .event_apply {padding: 25px 5%; border: 10px solid #e5e5e5; background: none;}
    .event_apply .event_tit {padding: 0 0 15px; border-bottom: 3px double #222;}
    .event_apply .event_tit h4 {font-size: 22px; line-height: 30px;}
    .event_apply .event_cont {padding: 20px 0; font-size: 16px; line-height: 26px;}

    /* 비밀번호 변경 */
    .password .table_form th {font-weight: 300; color: #444; font-size: 14px; padding: 10px 5px; letter-spacing: -0.1em; line-height: 18px;}
    .password .table_form td {padding: 7px 10px;}
    .password .table_form .form_input {padding: 10px 12px; font-size: 15px; border-color: #c4ccd6;}
    .password .table_form .form_input.w50 {width: 100%;}

    /* 회원 탈퇴 */
    .withdraw .member_top {padding-top: 110px; padding-bottom: 20px; border-bottom: 0; background-position: center 20px;}
    .withdraw .member_top h2 {font-size: 17px; letter-spacing: -0.03em;}
    .withdraw .member_top h2 span {font-size: 21px;}
    .withdraw .member_top .help_txt {padding: 20px 8%; margin-top: 10px; font-size: 15px; color: #666;}

    /* 드론 기종 정보(리스트) */
    .prod_thumbnail_li li {padding: 10px 4%;}
    .prod_thumbnail_li li .thumbnail_img {width: 30%;}
    .prod_thumbnail_li li:nth-child(1) .thumbnail_img:after, .prod_thumbnail_li li:nth-child(2) .thumbnail_img:after, .prod_thumbnail_li li:nth-child(3) .thumbnail_img:after, .prod_thumbnail_li li:nth-child(4) .thumbnail_img:after, .prod_thumbnail_li li:nth-child(5) .thumbnail_img:after {font-size: 14px; width: 22px; height: 22px; line-height: 22px;}
    .prod_thumbnail_li li .prod_info {width: 70%; padding-left: 5%; margin-top: 0;}
    .prod_thumbnail_li li .prod_info .prod_tit {letter-spacing: -0.01em;}
    .prod_thumbnail_li li .prod_info .prod_tit .tit_mfg {font-size: 14px; margin-right: 5px; color: #888;}
    .prod_thumbnail_li li .prod_info .prod_spec {display: none;}
    .prod_thumbnail_li li .prod_info .a_price {font-size: 13px; line-height: 18px;}
    .prod_thumbnail_li li .prod_info .a_price strong {font-size: 16px; letter-spacing: -0.07em; margin-right: 2px; vertical-align: text-bottom;}
    .prod_thumbnail_li li .mark_area {top: 5px;}
    .prod_thumbnail_li li .mark_area img {width: 23px;}
    .prod_thumbnail_li li .count_area {border-top: 1px solid #e7e9ec; margin-top: 0;}
    .prod_box_li {padding: 0; background: #fff; padding: 0 2%;}
    .prod_box_li li {width: 50%; height: auto; padding: 15px 2%; border-bottom: 1px solid #e7e9ec;}
    .prod_box_li li .thumbnail_img {width: 100%; height: 30vw; overflow-y: hidden;}
    .prod_box_li li .thumbnail_img img {height: 100%; margin: 0 auto; float: inherit;}
    .prod_box_li li .prod_info {width: 100%; padding: 0 1%; text-align: center;}
    .prod_box_li li .prod_info .prod_tit {font-size: 18px; line-height: 30px;}
    .prod_box_li li .prod_info .prod_tit .tit_mfg {position: relative; font-size: 15px; left: 0; top: 0; background: none; color: #888; margin-right: 5px; padding: 0;}
    .prod_box_li li .prod_info .a_price {font-size: 13px; line-height: 14px; height: 25px;}
    .prod_box_li li .prod_info .a_price strong {font-size: 17px; letter-spacing: -0.07em;}
    .prod_box_li li .count_area {margin-top: 0; line-height: 16px; border-top: 0;}
    .prod_box_li li .count_area >div {font-size: 12px;}
    .prod_box_li li .prod_view .compare_check {font-size: 14px; font-weight: 600; color: #444;}
    .prod_box_li li .mark_area {top: -103px; left: 10px;}
    .prod_box_li li .mark_area img {width: 28px;}
    .search_tit strong {font-size: 14px;}
    .search_tit .refresh {background-position: left center; font-size: 14px;}
    .spec_list dt {padding: 0 3px; width: 20%;}
    .spec_list dd {width: 80%; font-size: 14px;}
    .spec_list dd ul li {width: 50%; line-height: 20px;}
    .spec_list dd .search {width: 100%;}
    .spec_list dd select {width: 100%;}
    .premium_banner img {width: 100%; margin-left: -4%;}
    .premium_banner .btn_type1 {top: 32%; right: 4%; padding: 3px 8px; letter-spacing: -0.05em; background: #444;}
    .company_alarm {border-bottom: 2px solid #5c98f1;}
    .company_alarm .tit {padding: 5px 4%; letter-spacing: -0.08em; background: #5c98f1;}
    .company_alarm .tit h5 {font-size: 15px; line-height: 26px;}
    .company_alarm .tit .sm_btn {font-size: 13px; padding: 5px 10px; line-height: 18px;}
    .company_alarm .cont dl {padding: 9px 4% 7px;}
    .company_alarm .cont dt {width: 18%; font-size: 14px; text-align: left; margin-bottom: 5px;}
    .company_alarm .cont dt span {display: block; background: transparent; padding: 0; color: #9e481d; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-radius: 0;}
    .company_alarm .cont dl:nth-child(odd) dt span {background: transparent;}
    .company_alarm .cont dd {width: 82%; font-size: 15px; padding-left: 1%;}
    .company_alarm .cont dd a {max-width: 93%; letter-spacing: -0.1em; line-height: 18px; color: #333;}
    .company_alarm .cont dd .new_ic {margin-left: 0;}
    .company_alarm .cont dd:before {display: none;}

    /* 드론 기종 정보(뷰) */
    .product_top_img {width: 100%; margin-bottom: 15px;}
    .product_top_img img {width: 70%;}
    .product_top_img .mark_area {top: 0; width: auto;}
    .product_top_img .mark_area img {width: 33px;}
    .product_info {width: 100%; margin: 0;}
    .product_info h2 {font-size: 24px; line-height: 24px; padding-bottom: 5px;}
    .product_info h2 span {font-size: 18px;}
    .product_info_1 dt {font-size: 14px; line-height: 22px; padding: 0;}
    .product_info_1 dd {font-size: 14px; line-height: 22px; padding: 0; color: #444;}
    .product_info_2 dt {font-size: 14px; line-height: 22px; padding: 0;}
    .product_info_2 dd {font-size: 18px;}
    .product_info_3 a {font-size: 15px; background-size: 15px auto; padding-left: 30px; letter-spacing: -0.05em;}
    .tag_area {background: #f8f8f8; border: 1px solid #d9dee3; margin-top: 20px;}
    .tag_area div {background: none; padding: 5px 10px; text-align: center;}
    .tag_area a {font-size: 15px; color: #666; line-height: 22px; white-space: nowrap;}
    .tag_area a:hover {color: #666;}
    .price_li{padding: 5px 2%;}
    .price_li tr td {padding: 5px 1px;}
    .shop_price tr .logo {width: 12%;}
    .shop_price tr .logo img {height: 10px;}
    .shop_price tr .txt_link {width: 64%; font-size: 14px; line-height: 18px;}
    .shop_price tr .price {width: 12%; font-size: 13px; letter-spacing: -0.07em;}
    .shop_price tr .delivery {display: none;}
    .shop_price tr .mark {width: 12%;}
    .shop_price tr .mark span {font-size: 12px; padding: 2px 3px 0 0;}
    .price_li tr .name span {padding: 0;}
    .table_type1 th {white-space: nowrap;}
    .table_type1 th .tooltip {background-position: right 1px;}
    .table_type1 th .tooltip .tooltip_box {white-space: normal; width: 160%; font-size: 14px; border-radius: 5px;}
    .table_type1 td {font-weight: 300;}
    .table_type1 td img {width: 10px; height: auto;}
    .note_box .note_txt {padding-left: 0; font-size: 14px; color: #444; margin: 15px 3%;}
    .note_box .note_tit {padding-left: 50px;}
    .note_box .note_tit:before {width: 35px; height: 36px; left: 10px; top: -5px; background-size: 100%;}
    .detail_2_img4 li {height: auto;}
    .table_type2 td {padding: 10px 2px;}
    .table_type2 td a {display: -webkit-box; max-width: 250px; font-size: 15px; font-weight: 300; line-height: 20px; max-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .product_list4 li {width: 48%; padding-bottom: 15px;}
    .product_list4 li a {width: 100%;}
    .product_list4 li .product_img {width: 100%; height: 24vw; min-height: 85px;}
    .product_list4 li .product_img img {height: 100%;}
    .product_list4 li strong {width: 100%; padding-bottom: 0; letter-spacing: -0.03em;}
    .product_list4 li span {font-size: 14px;}
    .customer_cont .review_form {padding-top: 30px;}
    .customer_cont .review_form img {width: 120px;}
    .customer_cont .review_form >strong {font-weight: 300; line-height: 24px; margin-top: 20px;}
    .customer_cont .review_form .url_box strong {margin-right: 5px;}
    .customer_cont .review_form .url_box {padding: 15px 2%;}

    /* 드론 기종정보 - 드론 기종 비교 */
    .compare_tit2 {padding: 5px 4%;}
    .compare_tit2 .left h3 {font-size: 14px;}
    .compare_cont2 .left {height: auto; width: 100%; padding: 10px 1%;}
    .compare_cont2 .left ul li {padding: 0 1%;}
    .compare_cont2 .left ul li strong {margin-top: 5px; color: #444; font-size: 13px; font-weight: 300; line-height: 15px; white-space: normal;}
    .compare_cont2 .left ul li .prod_price {display: none;}
    .compare_cont2 .left ul li .delete_btn {top: 0; right: 2px;}
    .compare_cont2 .left ul li .delete_btn img {width: 12px;}
    .compare_cont2 .right {width: 100%; height: auto;}
    .compare_cont2 .right >div {padding: 0;}
    .prod_compare a {width: 100%; font-size: 16px; padding: 10px 20px 10px 40px; background-position: 36% center;}

    /* 광고 및 제휴 문의 */
    .customer_tit .left {left: 4%;}
    .customer_tit .left h3 {font-size: 15px; top: 10px;}
    .customer_tit .right {right: 4%;}
    .customer_tit .right .close_btn {font-size: 15px; color: #9ac1eb; background-position: left center;}
    .customer_cont .info {padding: 10px 6%; background: #f5faff;}
    .customer_cont .info .info_img {display: none;}
    .customer_cont .info .info_txt {width: 100%;}
    .customer_cont .info .info_txt li {padding: 3px 0;}
    .customer_cont .info .info_txt li strong {font-size: 15px; background-position: left 5px;}
    .customer_cont .info .info_txt li p {letter-spacing: -0.07em; color: #888;}
    .customer_cont .help_txt {font-size: 13px; padding-bottom: 2px; line-height: 18px; margin-top: 10px;}
    .customer_table th {font-weight: 300; font-size: 13px; color: #444; letter-spacing: -0.1em; padding: 10px 0;}
    .customer_table td {font-size: 15px;}
    .customer_table td input[type='text'], .customer_table td input[type='tel'], .customer_table td input[type='email'], .customer_table td textarea {border-color: #c4ccd6; font-size: 15px; padding: 10px 12px; letter-spacing: -0.03em;}
    .agree_check {font-size: 14px;}
    .customer_cont .btn_type1 {margin-top: 15px; font-size: 15px;}

    /* 우편번호 검색 */
    .zipcode_search .tip:before {top: 11px;}
    .zipcode_search .addr_result .help_txt strong {font-size: 16px;}

    /* 전체검색 */
    .result_txt {width: 94%; font-size: 15px; padding: 10px 2%; margin: 10px 3% 0; line-height: 20px;}
    .result_txt strong {font-size: 18px;}
    .result_box {width: 94%; padding: 0; margin: 1px 3% 10px;}
    .result_box >div {padding: 10px 4% 15px 4%;}
    .result_box h2 {display: block; margin-bottom: 5px;}
    .result_box h2 a {color: #666; font-weight: 300;}
    .result_box ul li {width: 49%; line-height: 20px;}
    .result_box ul li a {font-size: 14px;}
    .result_li {padding-bottom: 0; margin: 10px auto;}
    .result_li h3 {font-size: 15px; font-weight: 300;}
    .result_li ul li {border-color: #e7e9ec;}
    .result_li ul li .left {display: block; float: inherit; width: 100%;}
    .result_li ul li .left h4 {margin-bottom: 0; font-size: 17px; font-weight: 300;}
    .result_li ul li .left:hover h4 {text-decoration: none;}
    .result_li ul li .left p {font-size: 15px; line-height: 20px; color: #666;}
    .result_li ul li .left:hover p {color: #666;}
    .result_li ul li .right {display: block; float: inherit; width: 100%; padding-top: 0; text-align: left !important}
    .result_li ul li .right .blank {white-space: nowrap; font-size: 14px; background-position: left center;}

    /* 업체,기관 정보 등록 */
    .company_form .title_type3 {font-size: 16px;}
    .company_form .customer_cont {padding: 0 0 20px;}
    .company_form .table_tit {padding: 0 4%;}
    .company_form .table_tit .btn_premium {padding: 6px 15px; font-size: 13px;}
    .company_form .customer_table {width: 92%; margin: 0 4%;}
    .company_form .customer_table th {width: 15%; font-size: 14px; font-weight: 600; padding: 10px 0;}
    .company_form .customer_table td {width: 35%; font-size: 15px; padding: 10px 2%;}
    .company_form .customer_table td .ml5 {display: block; margin-left: 0 !important; margin-top: 5px; color: #888; font-size: 14px;}
    .company_form .customer_table td .form_input::placeholder, .company_form .customer_table td textarea::placeholder {font-size: 14px;}
    .company_form .customer_table td.addr input {width: 100%;}
    .company_form .customer_table td.addr .btn_type1 {font-size: 14px; margin-top: 5px;}
    .company_form .customer_table .checkbox_li.li_6 li {width: 33.3%; font-size: 14px;}
    .company_form .customer_table select {width: 100%; font-size: 14px;}
    .company_form .customer_table .sm_txt {font-size: 13px;}
    .company_form .customer_table .img_li {padding: 0;}
    .company_form .customer_table .btn_area.right a {padding: 2px 20px; line-height: 20px; font-size: 14px; font-weight: 600; background: none !important;}
    .company_form .customer_table .img_li li {width: 33.3%; margin: 2px 0;}
    .company_form .customer_table .img_li li .img_area {width: 95%; height: 70px;}
    .company_form .guide {width: 100%; padding-right: 0;}
    .company_form .guide h5 {font-size: 15px; margin-bottom: 10px;}
    .company_form .guide ul li {font-size: 13px; letter-spacing: -0.05em; line-height: 17px;}
    .company_form .customer {width: 100%; background: #fff; margin: 10px 0; padding: 10px 0; letter-spacing: 0;}

    /* 리스트 타입 */
    .list_type1 .li_block {padding: 15px 4%;}
    .list_type1 .li_block h3 {display: -webkit-box; line-height: 22px; font-size: 16px; max-height: 42px; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .list_type1 .li_block p {color: #666; line-height: 20px; margin: 10px 0;}
    .list_type1 .li_block .info_box .date {color: #888; font-weight: 300; letter-spacing: -0.07em;}
    .list_type2 .li_block {position: relative; padding: 15px 4%;}
    .list_type2 .li_block .li_img {position: absolute; top: 36%; left: 4%; width: 24%; height: 16vw;}
    .list_type2 .li_block .li_cont {margin-left: 0; width: 100%;}
    .list_type2 .li_block h3 {display: -webkit-box; line-height: 22px; font-size: 16px; max-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .list_type2 .li_block p {width: 73%; max-height: 65px; color: #666; line-height: 20px; margin: 10px 0 5px 27%; padding-left: 0; -webkit-line-clamp: 2; padding-left: 13px; background: none; text-align: left;}
    .list_type2 .li_block .count_area {margin-left: 31%;}

    /* 템플릿 TYPE 1 */
    .main_container .template_type1 {position: relative;}
    .main_container .template_type1 .tit {position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0.8) 100%); padding: 10px 2% 15px; color: #fff; font-size: 20px; font-weight: 300; line-height: 30px;}
    .template_type1 .li_txt {padding: 15px 0;}
    .template_type1 .li_txt li a {line-height: 24px; font-weight: 100; color: #333;}

    /* 템플릿 TYPE 1-2 */
    .template_type1_2 {position: relative;}
    .template_type1_2 .img_lg {height: 220px;}
    .template_type1_2 .img_lg .overlay_text {padding: 40px 5% 20px 5%;}
    .template_type1_2 .img_lg .overlay_text .tit {width: 80%; display: -webkit-box; max-height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .template_type1_2 .img_lg .overlay_text .sm_txt {opacity: 0.7; line-height: 18px;}
    .template_type1_2 .img_sm {position: absolute; right: 2%; top: 3%; width: 17%; padding: 1% 2%; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.8); z-index: 10;}
    .template_type1_2 .img_sm li {height: 30px; width: 100%; margin: 6% 2%;}

    /* 템플릿 TYPE 2 */
    .sub_container .template_type2 {position: relative; padding: 20px 4% 20px 4%; margin: 0;}
    .sub_container .template_type2:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
    .sub_container .template_type2 .thumbnail {position: absolute; top: 37%; left: 4%; width: 28%;}
    .sub_container .template_type2 .thumbnail a:after {content: ""; clear: both; display: block;}
    .sub_container .template_type2 .thumbnail img {float: left;}
    .sub_container .template_type2 .txt_area {width: 100%; margin-left: 0;}
    .sub_container .template_type2 .tit {font-size: 16px; font-weight: 600;}
    .sub_container .template_type2 .sm_txt {font-size: 15px; width: 69%; max-height: 65px; color: #666; line-height: 20px; margin: 10px 0 5px 31%; -webkit-line-clamp: 3; padding-left: 13px; background: none; text-align: left;}

    /* 템플릿 TYPE 2-2 */
    .template_type2_2 .cate {padding: 5px 0 6px; font-weight: 300;}
    .main_container .template_type2_2 {margin: 20px 4%; padding-bottom: 20px;}
    .main_container .template_type2_2 .li_txt li .cate {font-size: 12px; top: 2px;}

    /* 템플릿 TYPE 2-3 */
    .template_type2_3 .cate {padding: 5px 0 6px; font-weight: 300;}
    .template_type2_3 .li_txt li a {width: 80%; line-height: 17px; font-size: 14px; color: #666;}
    .main_container .template_type2_3 .li_txt li a {line-height: 15px;}
    .template_type2_3 .tit {font-size: 17px; font-weight: 300;}
    .template_type2_3 .sm_txt {font-weight: 100;}
    .sub_container .template_type2_3 {position: relative; margin: 0;}
    .sub_container .template_type2_3 .cate {position: absolute; top: 20px; left: 4%; font-size: 12px; width: 27.6%; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .sub_container .template_type2_3 .thumbnail {margin-top: 24px;}
    .sub_container .template_type2_3 .txt_area {margin-top: 0;}
    .sub_container .template_type2_3 .tit {font-size: 16px; font-weight: 600;}
    .sub_container .template_type2_3 .sm_txt {font-size: 15px; max-height: 65px; color: #666; line-height: 20px; -webkit-line-clamp: 3; background: none; text-align: left;}

    /* 템플릿 TYPE 2-4 */
    .sub_container .template_type2_4 {position: relative; display: block; padding: 15px 4%;}
    .sub_container .template_type2_4 .tit {font-size: 16px; line-height: 22px; margin-bottom: 5px;}
    .sub_container .template_type2_4 .thumbnail {display: inline-block; float: left; width: 30%; border: 1px solid #666;}
    .sub_container .template_type2_4 .txt_area {display: inline-block; float: left;}
    .sub_container .template_type2_4 .sm_txt {width: 100%; font-size: 14px; line-height: 18px;}
    .sub_container .template_type2_4 .cate {position: relative; left: 0; top: 0; width: 152%; margin: 10px 4% 0 -52%; padding: 6px 0; text-align: center; background: #f7f7f7; border: 0; letter-spacing: -0.08em;}
    .sub_container .template_type2_4 .cate span {font-size: 13px; float: inherit; line-height: 20px;}
    .sub_container .template_type2_4 .cate span.active {font-weight: 300; font-size: 15px;}
    .sub_container .template_type2_4 .cate span:before {margin: 0 3px;}
    .sub_container .template_type2_4.premium .thumbnail:after {width: 19px; height: 19px; background-size: 60px auto; background-position: left center;}

    /* 템플릿 TYPE 2-5 */
    .template_type2_5 {position: relative; padding: 15px 4% 60px 4%;}
    .template_type2_5 .thumbnail {position: relative; width: 30%; display: inline-block; float: left; text-align: center;}
    .template_type2_5 .thumbnail img {width: auto; max-height: 60px; float: inherit;}
    .template_type2_5 .txt_area {position: initial; width: 70%; display: inline-block; float: left; padding-left: 5%;}
    .template_type2_5 .txt_area >a:hover .tit {text-decoration: none;}
    .template_type2_5 .tit {font-size: 16px; line-height: 22px; margin-top: 5px; width: 100%; font-weight: 700; letter-spacing: -0.05em;}
    .template_type2_5 .tit span {display: block; margin-right: 0; font-weight: 300;}
    .template_type2_5 .sm_txt {position: absolute; left: 0; bottom: 15px; width: 92%; margin: 0 4%; padding-left: 10px; padding-right: 10px; font-size: 13px; color: #888; background: #f9f9f9;}
    .template_type2_5 .mark_area {position: absolute; bottom: inherit; left: inherit; right: 4%; top: 25px;}
    .template_type2_5 .mark_area img {width: 25px;}

    /* 템플릿 TYPE 2-6 */
    .template_type2_6 {position: relative; margin: 0;}
    .template_type2_6 .cate {position: absolute; top: 20px; left: 4%; font-size: 12px; width: 27.6%; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px 0 6px; font-weight: 300;}
    .template_type2_6 .thumbnail {margin-top: 24px;}
    .template_type2_6 .txt_area {margin-top: 0;}
    .template_type2_6 .tit {font-size: 16px; font-weight: 600;}
    .template_type2_6 .sm_txt {font-size: 15px; max-height: 65px; color: #666; font-weight: 100; line-height: 20px; -webkit-line-clamp: 3; background: none; text-align: left;}

    /* 템플릿 TYPE 2-7 */
    .template_type2_7 {position: relative; margin: 0;}
    .template_type2_7 .cate {position: absolute; top: 20px; left: 4%; font-size: 12px; width: 27.6%; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px 0 6px; font-weight: 300;}
    .template_type2_7 .thumbnail {margin-top: 24px;}
    .template_type2_7 .txt_area {margin-top: 0;}
    .template_type2_7 .tit {font-size: 16px; font-weight: 600;}
    .template_type2_7 .sm_txt {font-size: 15px; max-height: 65px; color: #666; font-weight: 100; line-height: 20px; -webkit-line-clamp: 3; background: none; text-align: left;}

    /* 템플릿 TYPE 4 */
    .main_container .template_type4 {padding: 0 4%;}
    .template_type4 .li_video li strong {line-height: 22px;}

    /* 템플릿 TYPE 4-2 */
    .main_container .template_type4_2 {padding: 0 4%;}
    .template_type4_2 .li_video li strong {line-height: 22px;}
    .template_type4_2 .banner_box {margin: 15px 0 0;}

    /* 템플릿 TYPE 5 */
    .main_container .template_type5 {padding-bottom: 20px; margin-bottom: 20px;}
    .main_container .template_type5 ul {overflow: visible; overflow-x: visible; white-space: nowrap;}
    .main_container .template_type5 ul li {width: 32%; margin-left: .5%; white-space: normal; float: inherit; vertical-align: top;}
    .template_type5 ul li strong {width: 100%; letter-spacing: -0.1em; padding: 0 2%; line-height: 18px;}

    /* 템플릿 TYPE 5-1 */
    .sub_container .template_type5_2 {padding: 0 4%; margin: 0 auto; display: table;}
    .sub_container .template_type5_2 ul li {width: 100%; margin: 0; padding: 15px 0; border-bottom: 1px solid #e7e9ec;}
    .sub_container .template_type5_2 ul li a:after {content: ""; clear: both; display: block;}
    .sub_container .template_type5_2 ul li .thumbnail {display: table-cell; float: left; width: 28%; margin-right: 5%; vertical-align: middle;}
    .sub_container .template_type5_2 ul li .thumbnail:after {content: ""; clear: both; display: block;}
    .sub_container .template_type5_2 ul li .thumbnail img {float: left;}
    .sub_container .template_type5_2 ul li strong {display: table-cell; float: left; width: 67%; padding: 0; margin: 0; font-size: 16px; font-weight: 300; text-align: left; line-height: 20px; max-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; vertical-align: middle;}
    .sub_container .template_type5_2 ul li .info_box {display: inline-block; width: 67%; margin-top: 7px; vertical-align: middle; line-height: 16px;}

    /* 템플릿 TYPE 6 */
    .main_container .template_type6 {margin: 20px 4%;}
    .main_container .template_type6 .grid_c_tit {color: #555 !important;}
    .main_container .template_type6 ul li a {font-size: 17px; line-height: 24px;}
    .main_container .template_type6 ul li a span {color: #166bd3; line-height: 20px;}

    /* 템플릿 TYPE 6-2 */
    .main_container .template_type6_2 ul li {padding: 10px 0;}
    .main_container .template_type6_2 .grid_c_tit {color: #555 !important;}
    .main_container .template_type6_2 ul li a .txt_area {padding-bottom: 0;}
    .main_container .template_type6_2 ul li a .txt_area strong {font-size: 17px; line-height: 24px;}
    .main_container .template_type6_2 ul li a span {margin-bottom: 0; color: #db6138; line-height: 20px;}
    .main_container .template_type6_2 ul li .num {top: 35%;}

    /* 템플릿 TYPE 7 */
    .sub_container .template_type7 {padding: 20px 4% 15px;}
    .sub_container .template_type7 h3 {line-height: 22px; font-size: 16px;}
    .sub_container .template_type7 p {font-size: 15px; margin: 10px 0; text-align: left; line-height: 20px;}
    .sub_container .template_type7 .info_box .date {font-size: 13px; color: #888; letter-spacing: -0.05em;}

    /* 템플릿 TYPE 8 */
    .template_type8 table td a {max-width: inherit; width: 100%; white-space: normal; line-height: 22px; font-weight: 300;}
    .template_type8 table td.area_txt {font-size: 13px;}
    .template_type8 table td.sm_txt {display: none;}
    .template_type8 table td.md_txt {font-size: 14px; line-height: 20px;}
    .template_type8 table td.md_txt span.active {font-weight: 300;}
    .template_type8 table td.date {letter-spacing: -0.08em; font-size: 13px;}

    /* 템플릿 TYPE 9 */
    .template_type9 table {border-top: 1px solid #c4ccd6;}
    .template_type9 table tr th:nth-child(1), .template_type9 table tr th:nth-child(5), .template_type9 table tr td:nth-child(1), .template_type9 table tr td:nth-child(5) {display: none;}
    .template_type9 table thead {display: none;}
    .template_type9 table td.td_tit {width: 100%; display: table; border-bottom: 0; padding-bottom: 5px;}
    .template_type9 table tr:last-child td:nth-child(2) {border-bottom: 0;}
    .template_type9 table td.td_tit a {display: inline; max-width: 100%;}
    .template_type9 table td a {font-size: 15px; line-height: 20px; color: #444;}
    .template_type9 table td.td_name {width: 50%; height: 38px; display: inline-table; padding: 3px 7px 8px; border-bottom-style: solid; color: #888;}
    .template_type9 table td.date {width: 50%; height: 38px; display: inline-table; padding: 4px 7px 8px; border-bottom-style: solid; text-align: right !important;}

    /* Youtube Frame */
    .youtube_frame { height: 240px }

    /* 드론 교육자료 */
    .best_item .shop_tit {font-weight: 900; line-height: 18px; font-size: 18px; background-size: 13px; padding-left: 20px;}
    .best_item .pdf_type {margin-top: 11px; background-size: 9px; padding-left: 13px;line-height: 15px;}
    .best_item .pdf_type span {font-weight: 900; font-size: 11px;}
    .best_item .shop_cont {padding-top: 0; padding-bottom: 20px; border-bottom: 0;}
    .best_item .shop_cont:before {display: none;}
    .best_item .thumbnail {display: block; width: 100%; padding: 15px 0; z-index: 30;}
    .best_item .thumbnail img {width: 32%; max-width: 180px; left: 34%; border: 1px solid #999;}
    .best_item .thumbnail .preview_btn {position: absolute; bottom: 8px; left: 30%; width: 40%; background: rgba(0, 0, 0, 0.7); border: 0; color: #eee; font-size: 14px; font-weight: 300; line-height: 26px; padding-left: 0;}
    .best_item .thumbnail .preview_btn:hover {background: rgba(0, 0, 0, 0.6); color: #fff;}
    .best_item .txt_area {display: block; width: 100%; text-align: center;}
    .best_item .txt_area >h4 {font-size: 15px; font-weight: 300; line-height: 20px; margin-top: 5px;}
    .best_item .txt_area >h5 {margin: 0 0 15px; font-size: 20px; font-weight: 900; line-height: 26px;}
    .best_item .recommend {background: #f4f4f4; padding: 15px 4%; text-align: left;}
    .best_item .recommend ul {padding-left: 0;}
    .best_item .recommend strong {background: #fff;}
    .best_item .recommend strong .red {font-size: 14px;}
    .best_item .buy_btn {font-size: 16px; line-height: 30px;}
    .download_list {padding: 0; background: #fff;}
    .download_list h4 {font-size: 15px; line-height: 21px;}
    .download_list .list_box {padding: 10px 0; border: 0; border-top: 2px solid #333;}
    .download_list .list_box li {letter-spacing: -0.08em; line-height: 32px; border-bottom-color: #cfd5e2;}
    .download_list .list_box li:last-child {border-bottom: 1px solid #cfd5e2;}
    .download_list .list_box li h5 {color: #666;}
    .download_list .list_box li h5 strong {color: #444; margin-right: 3px;}
    .download_list .list_box li p:before {display: none;}
    .download_list .list_box li .detail_btn {font-size: 12px; line-height: 15px;}
    .download_list .list_box li.active >div {background: #e9effb;}
    .download_list .list_box li.active h5 {font-size: 16px;}
    .download_list .list_box li.active p {margin-left: 0; color: #888;}
    .download_list .list_box li.active .down_btn {position: relative; top: 0; right: 0; margin: 5px 0; padding: 5px 0 5px 5%; text-align: center; background-position: 38% center; background-size: 9px; font-size: 14px; line-height: 21px; color: #0033ac; border-color: #9eb0d8;}
    .preview_img {padding-right: 0;}
    .preview_img .book_info {bottom: 0; top: inherit; width: 100%; height: 30%; padding: 10px 4%; overflow-y: scroll; -ms-overflow-style: none;}
    .preview_img .book_info::-webkit-scrollbar {display: none;}
    .preview_img .book_info .tit {padding-bottom: 5px; text-align: center;}
    .preview_img .book_info .tit span {margin-bottom: 3px; font-weight: 300;}
    .preview_img .book_info .tit h2 {font-size: 16px; font-weight: 300;}
    .preview_img .book_info .pdf_type {display: none;}
    .preview_img .info_detail {margin-top: 5px; text-align: center;}
    .preview_img .info_detail li {display: inline-block; border-bottom: 0; line-height: 18px; font-size: 11px;}
    .preview_img .page_num {padding: 10px 0; text-align: center; border-color: #474b4e;}
    .preview_img .img_li {position: fixed; top: 0; width: 100%; height: 70%; overflow-y: scroll; -ms-overflow-style: none;}
    .preview_img .img_li::-webkit-scrollbar {display: none;}
    .preview_img img {display: block; width: auto; height: 100%; padding: 10px 0; margin: 0 auto;}
}