@charset "UTF-8";

/****** 2019 - ver.2 ******/

/* 공통 */
* {box-sizing: border-box;}
body {position: relative; width: 100%; min-width: 1120px; margin:0; padding:0; font-family: 'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움', 'Nanum Gothic', '나눔 고딕'; font-size: 14px;}
a, a:link, a:hover, a:active {text-decoration: none;}
ul, li {margin: 0; padding: 0; list-style: none;}
dl, dt, dd, p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
table {border-spacing: 0;}
.wrap {width: 1120px; margin: 0 auto;}
.wrap:after {content: ""; clear: both; display: block;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.ml5 {margin-left: 5px !important;}
.ml20 {margin-left: 20px !important;}
.mr5 {margin-right: 5px !important;}
.red {color: #e90000 !important;}
.blue {color: #1180d5 !important;}
.green {color: #00935c !important;}
.bold {font-weight: 600 !important;}
.w15 {width: 15%;}
.w70 {width: 70%;}
.w100 {width: 100%;}
.inline_block {display: inline-block;}
::-moz-selection {background: #005da4; color: #fff;}
::selection {background: #005da4; color: #fff;}
.hr_type1 {display: block; width: 100%; height: 1px; background: #c4ccd6;}
.pc_mode {display: inline-block !important;}
.m_mode {display: none !important;}

/* 상단공통 - ver.2 */
#header.ver_2 .wrap {position: relative;}
.header_info {width: 100%; height: 38px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background: #f3f3f3;}
.header_info:after {content: ""; clear: both; display: block;}
.header_info .div_l {float: left; padding-top: 10px;}
.hd_link {font-family: dotum; font-weight: 100; font-size: 12px; text-align: right; padding: 3px 0;}
.hd_link a {display: inline-block; color: #666; letter-spacing: -0.08em; padding: 0 6px 0 8px; border-left: 1px solid #d5d5d5;}
.hd_link a:first-child {border: 0;}
.hd_link a:last-child {padding-right: 0;}
.hd_link a:hover {color: #000;}
.hd_link .member_txt {position: relative;}
.hd_link .member_txt .blue {font-weight: 600; margin-right: 2px; letter-spacing: -0.02em;}
.hd_link .member_txt:hover {color: #666;}
.hd_link .member_txt .point_txt {position: absolute; top: 35px; left: 14px; z-index: 101; font-family: dotum; font-size: 12px; color: #f9f9f9; background: #454545; border-radius: 3px; padding: 1px 7px; margin-left: 3px; vertical-align: middle; letter-spacing: -0.04em;}
.hd_link .member_txt .point_txt:before {content: ""; width: 5px; height: 3px; position: absolute; left: 10px; top: -3px; background: url("/images/common/point_bg.png") no-repeat center;}
.hd_link .member_txt .point_txt .bold {color: #ffdd3d; margin-left: 3px; font-size: 11px;}
.hd_link .level_ic {position: relative; margin-right: 2px; top: 6px;}
.hd_link .point_ic {position: relative; margin-right: 2px; top: 6px; width: 19px;}
.top_banner .wrap {padding: 10px 0 8px 75px;}
.header_top_v2 {position: relative; height: 100px; text-align: center;}
.header_top_v2 .logo {display: inline-block; margin-top: 0; margin-left: -145px;}
.header_top_v2 .div_l {position: absolute; left: 0; top: 15px;}
.header_top_v2 .div_r {position: absolute; right: 0; top: 25px;}
.header_top_v2 .div_r .search {position: relative; text-align: right; margin-top: 25px;}
.header_top_v2 .div_r .search input {width: 220px; height: 32px; border: 1px solid #a0a6ad; border-radius: 2px; font-family: dotum; font-size: 12px; padding: 6px 32px 6px 10px; line-height: 18px;}
.header_top_v2 .div_r .search input::placeholder {color: #aaa;}
.header_top_v2 .div_r .search .search_btn {position: absolute; right: 10px; top: 8px; cursor: pointer;}
.menu_area {position: relative; width: 100%; margin: 0 auto; z-index: 100; border-top: 1px solid #c4ccd6; border-bottom: 3px solid #005da4;}
.menu_area .wrap {position: relative;}
.menu_area_fixed {position: fixed !important; top: -1px; background: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
.menu_area_fixed .menu_l {display: none;}
.menu_area_fixed .menu_logo {display: block;}
.menu_v2 {position: relative; width: 100%; background: #fff;  text-align: center;}
.menu_v2 ul:after {content: ""; clear: both; display: block;}
.menu_v2 .lnb {height: 50px; margin-left: -165px;}
.menu_v2 .lnb >li {position: relative; display: inline-block; text-align: center; padding: 0 14px;}
.menu_v2 .lnb >li .depth1 {display: inline-block; font-size: 16px; color: #000; padding: 12px 0; width: 100%; height: 50px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 600; letter-spacing: -0.08em;}
.menu_v2 .lnb >li .depth1.menu_on {color: #005da4;}
.menu_v2 .lnb >li:hover .depth1 {background-color: #fff; border-bottom: 3px solid #005da4; color: #005da4;}
.menu_v2 .depth1_li.active .depth1 {background-color: #fff; border-bottom: 3px solid #005da4; color: #005da4;}
.menu_v2 .depth2 {display: none; position: absolute; left: -37px; top: 50px; width: 160px; height: auto; z-index: 100; background-color: #fff; border: 1px solid #005da4; border-top: 3px solid #005da4; text-align: center; padding: 15px 0; box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.6);}
.menu_v2 .lnb >li:nth-child(2) .depth2 {left: -35px;}
.menu_v2 .lnb >li:nth-child(3) .depth2, .menu_v2 .lnb >li:nth-child(4) .depth2, .menu_v2 .lnb >li:nth-child(7) .depth2 {left: -28px;}
.menu_v2 .lnb >li:nth-child(5) .depth2, .menu_v2 .lnb >li:nth-child(6) .depth2 {left: -20px;}
.menu_v2 .depth2 li a {display: inline-block; color: #454545; font-size: 14px; line-height: 18px; width: 100%; line-height: 30px; letter-spacing: -0.05em; word-spacing: -0.05em; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 300;}
.menu_v2 .depth2 li a:hover {font-weight: 600; text-decoration: underline; color: #005da4;}
.menu_v2 .depth2 li.ok a:after {content: ""; position: relative; left: 5px; top: -2px; display: inline-block; width: 5px; height: 5px; background: #fda213; border-radius: 10px;}
.menu_v2 .lnb >li:hover .depth2 {display: block;}
.menu_l {position: absolute; left: 0; top: 13px; z-index: 101;}
.menu_l a {display: inline-block; font-size: 13px; color: #767676; letter-spacing: -0.07em; padding: 0 5px;}
.menu_l a:hover {color: #005da4;}
.menu_l a:first-child {padding-left: 0;}
.other_link .bar {color: #c4ccd6; font-family: dotum; font-weight: 100; vertical-align: middle;}
.menu_logo {display: none; top: 16px;}
.other_menu {position: absolute; right: 72px; top: 15px;}
.other_menu a {font-size: 12px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 600; letter-spacing: -0.05em; border-radius: 2px; padding: 4px 5px;}
.other_menu a.n_cafe {background: #fff url("/images/common/n_cafe_bg.png") no-repeat right top; background-size: 6px; border: 1px solid #00c73c; color: #00c73c;}
.other_menu a.n_cafe:hover {background-color: #00c73c; color: #fff;}
.other_menu a.p_mall {background: #ffad0f url("/images/common/p_mall_bg.png") no-repeat right top; background-size: 6px; border: 1px solid #f28108; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
.other_menu a.p_mall:hover {background-color: #f28108;}
.other_menu .bar {color: #c4ccd6; font-family: dotum; font-weight: 100;}
.header_top_v2 {font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.header_top_v2 .date {font-size: 12px; letter-spacing: -0.05em; color: #333;}
.header_top_v2 .weather_info1 {width: auto; padding-right: 0;}
.header_top_v2 .weather_info1:after {content: ""; clear: both; display: block;}
.header_top_v2 .weather_info1 >div {display: inline-block; float: left;}
.header_top_v2 .weather_info1 .weather_ic {width: auto;}
.header_top_v2 .weather_info1 .weather_ic img {padding: 5px 0;}
.header_top_v2 .weather_info1 .weather_txt {width: auto; text-align: left; margin-left: 15px; margin-top: 7px;}
.header_top_v2 .weather_info1 .weather_txt .area {display: block; font-size: 13px; color: #222;}
.header_top_v2 .weather_info1 .weather_txt >div {display: inline-block;}
.header_top_v2 .weather_info1 .weather_txt .txt_lg {color: #333; font-size: 13px; font-weight: 500;}
.header_top_v2 .weather_info1 .weather_txt .txt_lg .current {font-size: 18px; vertical-align: middle; letter-spacing: -0.02em;}
.header_top_v2 .weather_info1 .weather_txt .txt_sm {vertical-align: -3px; font-size: 12px; letter-spacing: -0.05em;}
.header_top_v2 .weather_info1 .weather_txt .txt_sm .lowest {color: #1180d5;}
.header_top_v2 .weather_info1 .weather_txt .txt_sm .highest {color: #e90000;}

/* 콘텐츠공통 - ver.2 */
#container {width: 100%; padding: 30px 0; min-height: 500px;}
#container .wrap:after {content: ""; clear: both; display: block;}
.grid_area {position: relative; width: 100%;}
.grid_area:after {content: ""; clear: both; display: block;}
.grid_area .grid_l {position: absolute; left: 0; top: 0; display: inline-block; float: left; width: 131px; height: 100%; border-right: 1px solid #c4ccd6; padding-right: 20px;}
.grid_area .grid_l .section_tit {font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-size: 20px; color: #222; line-height: 30px; letter-spacing: -0.05em; font-weight: 600;}
/*.grid_area .grid_l .section_tit:after {content: ""; display: block; width: 30px; height: 3px; background: #222; margin-top: 20px;}*/
.grid_area .grid_l .section_tit .line_break {display: block;}
.grid_area .grid_l .white_box {font-size: 16px; font-weight: 600; color: #222; letter-spacing: -0.07em; line-height: 24px; margin-top: 30px; background: url("/images/common/quot_ic.png") no-repeat left 0; padding-top: 25px;}
.grid_area .grid_l .banner_b {position: absolute; bottom: 20px; left: 0;}
.grid_area .grid_c {display: inline-block; float: left; width: 650px; min-height: 100px; margin-left: 150px;}
.grid_area .grid_c .grid_c_tit {display: block; font-size: 16px; color: #000; letter-spacing: -0.1em; margin-bottom: -15px;}
.grid_area .grid_c .div2 {width: 650px;}
.grid_area .grid_c .div2:after {content: ""; clear: both; display: block;}
.grid_area .grid_c .div2 .div_l {display: inline-block; float: left; width: 325px; padding-right: 25px;}
.grid_area .grid_c .div2 .div_l >.template_type6 {padding-right: 25px;}
.grid_area .grid_c .div2 .div_r >.template_type6 {padding-left: 25px;}
.grid_area .grid_c .div2 .div_r {display: inline-block; float: left; width: 325px;}
.grid_area .grid_r {display: inline-block; float: left; width: 300px; margin-left: 20px;}
.grid_area .grid_cr {display: inline-block; float: left; width: 950px; margin-left: 150px;}
.grid_area .grid_r .grid_r_tit {display: block; font-size: 15px; color: #000; letter-spacing: -0.09em; margin-bottom: 10px;}
.grid_area .ad_area {background: #de8da6; color: #fff; text-align: center; font-size: 20px; font-weight: 600;}
.look_area {width: 300px; background: url("/images/common/look_tit.png") no-repeat left top; padding-top: 45px; margin: 10px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.look_area .notice {position: relative; display: -webkit-box; padding-left: 0; width: 300px; max-height: 50px; font-size: 16px; font-weight: 600; color: #222; line-height: 24px; letter-spacing: -0.09em; text-align: justify; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.look_area .notice .cate {position: relative; top: -2px; font-size: 11px; color: #fff; background: #e90000; padding: 0 5px 2px; margin-right: 7px; line-height: 16px;}
.look_area .notice:hover {color: #e90000;}
.look_area ul {border-top: 1px solid #222; margin-top: 15px;}
.look_area ul li {border-bottom: 1px solid #c4ccd6; padding: 0 13px; background: #fafafa;}
.look_area ul li:last-child {border-bottom: 1px solid #222;}
.look_area ul li:hover {background: #f5f5f5;}
.look_area ul li a {display: block; padding: 17px 0;}
.look_area ul li a:hover strong {text-decoration: underline;}
.look_area ul li .info:after {content: ""; clear: both; display: block;}
.look_area ul li .cate {float: left; color: #006abc; font-size: 14px; letter-spacing: -0.08em; vertical-align: middle; font-weight: 400;}
.look_area ul li .writer {float: right;color: #666; font-size: 12px; vertical-align: middle;}
.look_area ul li strong {display: block; font-size: 15px; font-weight: 300; color: #222; margin-top: 7px; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.notice_area {width: 300px; background: url("/images/common/notice_tit.png") no-repeat left top; padding-top: 38px; margin: 10px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.notice_area .tit {font-size: 14px; font-weight: 600; color: #222; letter-spacing: -0.07em;}
.notice_area .tit:before {content: ""; display: inline-block; width: 4px; height: 4px; background: #aaa; margin-right: 7px; vertical-align: middle;}
.notice_area ul {border-top: 1px solid #222; margin-top: 7px;}
.notice_area ul li {border-bottom: 1px solid #c4ccd6; padding: 0 13px; background: #fafafa;}
.notice_area ul li:last-child {border-bottom: 1px solid #222;}
.notice_area ul li:hover {background: #f5f5f5;}
.notice_area ul li a {display: block; padding: 17px 0;}
.notice_area ul li a:hover strong {text-decoration: underline;}
.notice_area ul li .info:after {content: ""; clear: both; display: block;}
.notice_area ul li .cate {float: left; color: #006abc; font-size: 14px; letter-spacing: -0.08em; vertical-align: middle; font-weight: 400;}
.notice_area ul li .writer {float: right;color: #666; font-size: 12px; vertical-align: middle;}
.notice_area ul li strong {display: block; font-size: 15px; font-weight: 300; color: #222; margin-top: 7px; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.other_update {width: 300px; margin: 25px 0;}
.other_update .block {padding: 0 10px; height:40px; overflow:hidden; background: #3d4248; width:300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-size:13px;}
#ticker, #ticker li {margin:0; padding:0; list-style:none;}
#ticker li a {display:block; width: 100%; height:40px; line-height:38px; color:#fff; font-weight: 300; letter-spacing: -0.03em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#ticker li a:hover {text-decoration: underline; color: #eee;}
#ticker li span {padding:1px 5px; background: #5681f8; color:#fff; font-weight:bold; margin-right:6px;}
.event_area {position: relative; margin: 10px 0;}
.event_area .slider_btn {position: absolute; right: 0; top: 2px;}
.event_area .slider_btn a {margin: 0 1px;}
.event_area .slider_img li {display: inline-block; width: 300px; height: 80px; overflow: hidden;}
.event_area .slider_img li img {width: 100%; height: 100%;}
.tag_area_v2 {display: block; width: 130px; margin: 30px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.main_container .tag_area_v2 {margin-top: 85px;}
.tag_area_v2 strong {display: block; color: #e92400; font-weight: 600; font-size: 17px; margin-bottom: 5px; letter-spacing: -0.05em;}
.tag_area_v2 ul li a {color: #222; font-size: 14px; font-weight: 600; background: #edf0f3; padding: 3px 7px 5px; line-height: 34px; letter-spacing: -0.07em;}
.tag_area_v2 ul li a:hover {color: #fff; background: #8494b5;}
.place_area {margin: 10px 0;}
.place_area .grid_r_tit {margin-bottom: 0 !important; padding: 10px 15px; background: #f1f2f4; border: 1px solid #d0d5dc; border-bottom: 0;}
.place_area .map_area {position: relative; height: 350px; background: #fdfdff url("/images/index/map_big_bg.png") no-repeat 35px 10px; background-size: 270px 320px; border: 1px solid #d0d5dc; border-top: 2px solid #222;}
.place_area .map_area >a {position: absolute; display: block; width: 38px; height: 38px; font-size: 11px; color: #444; background: url("/images/index/place_btn_off.png") no-repeat center; text-align: center; padding: 10px 0; z-index: 9; letter-spacing: -0.07em; line-height: 13px; font-weight: 600;}
.place_area .map_area >a:hover {color: #fff; background-image: url("/images/index/place_btn_on2.png");}
.place_area .map_area >a .count {position: absolute; top: -13px; left: 10px; width: 20px; height: 18px; background: #a5a5a5; color: #fff; padding: 2px 0; text-align: center; border-radius: 0; font-weight: 300;}
.place_area .map_area >a:hover .count {background-color: #707070;}
.place_area .map_area .place_btn1 {top: 55px; left: 97px; padding: 5px 0;}
.place_area .map_area .place_btn2 {top: 45px; left: 155px;}
.place_area .map_area .place_btn3 {top: 115px; left: 105px;}
.place_area .map_area .place_btn4 {top: 150px; left: 173px;}
.place_area .map_area .place_btn5 {top: 190px; left: 95px;}
.place_area .map_area .place_btn6 {top: 300px; left: 85px;}
.newSchool_area {position: relative; margin: 20px 0;}
.newSchool_area .slider_btn {position: absolute; top: 0; right: 5px;}
.newSchool_area .slider_btn * {vertical-align: middle;}
.newSchool_area .slider_btn a {cursor: pointer;}
.newSchool_area .slider_btn strong {font-size: 13px; color: #666; margin: 0 2px;}
.newSchool_area .slider_btn strong span {display: inline-block; margin-top: -4px;}
.newSchool_area .slider_btn a:hover img {box-shadow: 1px 1px 1px #ccc;}
.newSchool_area .grid_r_tit {margin-bottom: 0 !important;}
.newSchool_area ul li {padding: 5px 0; border-bottom: 1px dotted #ccc;}
.newSchool_area ul li:last-child {border-bottom: 0;}
.newSchool_area ul li a {font-size: 14px; color: #222; letter-spacing: -0.03em; line-height: 20px;}
.newSchool_area ul li a:after {content: ""; clear: both; display: block;}
.newSchool_area ul li a .thumbnail {display: inline-block; float: left; width: 80px; height: 55px;}
.newSchool_area ul li a .thumbnail img {width: 100%; height: 100%;}
.newSchool_area ul li strong {display: inline-block; float: left; width: 200px; height: 55px; line-height: 18px; padding: 10px 0 10px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newSchool_area ul li strong span {display: block; color: #888; font-size: 13px;}
.newSchool_area ul li a:hover strong {text-decoration: underline;}
.bestPrice_area {position: relative; margin: 25px 0;}
.bestPrice_area .slider_btn {position: absolute; top: 0; right: 5px;}
.bestPrice_area .slider_btn strong {font-size: 13px; color: #666; margin: 0 2px;}
.bestPrice_area .slider_btn strong span {display: inline-block; margin-top: -4px;}
.bestPrice_area .grid_r_tit {margin-bottom: 0 !important;}
.bestPrice_area ul li a {font-size: 14px; color: #222; letter-spacing: -0.03em; line-height: 20px;}
.bestPrice_area ul li a .thumbnail {position: relative; display: block; width: 300px; height: 150px;}
.bestPrice_area ul li a .thumbnail img {width: 100%; height: 100%;}
.bestPrice_area ul li a:hover .thumbnail img {opacity: 0.9;}
.bestPrice_area ul li a .txt_area {display: block; width: 100%; line-height: 18px; padding: 10px 10px; text-align: center;}
.bestPrice_area ul li a:hover .txt_area {text-decoration: underline;}
.bestPrice_area ul li .txt_area strong {display: block; font-size: 16px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bestPrice_area ul li .txt_area strong span {display: inline-block; color: #888; font-size: 13px; margin-right: 5px;}
.bestPrice_area .priceList {margin-top: 20px;}
.bestPrice_area .priceList >strong {display: block; width: 100%; font-size: 13px; color: #444; text-align: center; letter-spacing: -0.05em; background: #eee; padding: 5px;}
.bestPrice_area .priceList ul {border-bottom: 1px solid #c4ccd6;}
.bestPrice_area .priceList ul li {padding: 7px 15px; border-bottom: 1px dotted #c4ccd6; letter-spacing: -0.07em;}
.bestPrice_area .priceList ul li:last-child {border-bottom: 0;}
.bestPrice_area .priceList ul li:hover {background: #f9f9f9;}
.bestPrice_area .priceList ul li a {font-size: 13px; color: #666;}
.bestPrice_area .priceList ul li .num {display: inline-block; font-size: 13px; font-weight: 600; color: #aaa; margin-right: 5px;}
.bestPrice_area .priceList ul li .price {float: right; color: #e90000; font-size: 14px; font-weight: 600;}
.bestPrice_area .priceList ul li .price:after {content: "원"; font-size: 12px; color: #333; margin-left: 2px;}
.bestPrice_area .priceList ul li a strong {font-weight: 300; color: #444;}
.bestPrice_area .priceList ul li a:hover strong {text-decoration: underline;}
.linkBox_area {margin: 25px 0;}
.linkBox_area:after {content: ""; clear: both; display: block;}
.linkBox_area a {position: relative; display: inline-block; float: left; width: 50%; height: 160px; text-align: center; padding: 35px 10px; letter-spacing: -0.05em; cursor: pointer;}
.linkBox_area a:hover:before {width: 30px;}
.linkBox_area a:hover {box-shadow: inset 0 0 13px rgba(0, 0, 0, 0.4);}
.linkBox_area .box_l {background: #71759d;}
.linkBox_area .box_r {background: #4590b5;}
.linkBox_area .box_l:before, .linkBox_area .box_r:before {content: ""; position: absolute; top: 70px; left: 40%; width: 0; height: 1px; background: rgba(255, 255, 255, 0.6); transition: width 0.5s;}
.linkBox_area span {display: inline-block; font-size: 11px; border: 1px solid #ddd; padding: 0 5px 2px; color: #e5e5e5;}
.linkBox_area strong {display: block; font-size: 15px; font-weight: 600; margin-top: 25px; color: #fff;}
.detail_search {display: none; position: absolute; top: 28px; right: -16px; width: 650px;}
.search_tit {width: 100%; background: #fff; padding: 5px 20px 7px 20px; text-align: left; border: 1px solid #acb0b4; border-top: 1px dotted #aaa; border-bottom-color: #8a8e92;}
.search_tit strong {color: #333; font-size: 13px;}
.search_tit .refresh {float: right; margin-left: 10px; font-size: 12px; color: #222; padding-left: 13px; opacity: 0.6; cursor: pointer; background: url("/images/common/refresh_ic.png") no-repeat left 4px;}
.search_tit .refresh:hover {opacity: 0.8;}
.search_cont {width: 100%; height: auto; border: 1px solid #acb0b4; border-top: 0;}
.spec_box {width: 100%; background: #fff;}
.spec_list {display: flex; width: 100%; border-bottom: 1px dotted #acb0b4; padding: 0;}
.spec_list:last-child {border-bottom: 0;}
.spec_list:after {content: ""; clear: both; display: block;}
.spec_list strong {font-size: 13px; vertical-align: middle; color: #333;}
.spec_list dt {display: flex; width: 15%; float: left; text-align: center; padding: 0 10px; font-weight: 600; font-size: 12px; align-items: center; background: #f2f2f2;}
.spec_list dt >div {width: 100%; text-align: center;}
.spec_list dt .all_check {display: block; font-weight: 300; font-size: 11px; color: #666; vertical-align: middle; margin-top: 3px;}
.spec_list dd {display: flex; width: 85%; float: left; padding: 13px 0; font-size: 13px; text-align: left; letter-spacing: -0.12em;}
.spec_list dd .search {width: 40%; margin: 0 20px;}
.spec_list dd .search input {width: 100% !important; border-radius: 3px !important; border: 1px solid #aaa !important; padding: 4px 7px !important; font-size: 14px !important; height: auto !important;}
.spec_list dd ul {width: 100%; padding: 0 20px;}
.spec_list dd ul:after {content: ""; clear: both; display: block;}
.spec_list dd ul li {display: inline-block; float: left; width: 25%; line-height: 18px; padding: 0; white-space: nowrap;}
.spec_list dd ul li label {color: #333; letter-spacing: -0.05em;}
.spec_list dt label.blue, .spec_list dd ul li label.blue {color: #2a467d !important;}
.spec_list dd ul li img {margin-left: 5px;}
.spec_list dd select {display: block; width: 40%; border-radius: 3px; padding: 4px 7px; margin: 0 20px; font-size: 14px; font-weight: 600; line-height: 18px; border: 1px solid #aaa; color: #2a467d; letter-spacing: -0.05em;}
.spec_list dd select option {color: #444;}
.spec_list dd select option:hover {background-color: #eee;}
.drone_body_1:after {content: ""; display: inline-block; width: 15px; height: 15px; background: url("/images/product/body_ic1.png") no-repeat center; background-size: 15px; vertical-align: middle; margin-left: 2px;}
.drone_body_1.drone_body_on:after {background-image: url("/images/product/body_ic1_on.png");}
.drone_body_2:after {content: ""; display: inline-block; width: 15px; height: 15px; background: url("/images/product/body_ic2.png") no-repeat center; background-size: 15px; vertical-align: middle; margin-left: 2px;}
.drone_body_2.drone_body_on:after {background-image: url("/images/product/body_ic2_on.png");}
.drone_body_3:after {content: ""; display: inline-block; width: 20px; height: 20px; background: url("/images/product/body_ic3.png") no-repeat center; background-size: 20px; vertical-align: middle; margin-left: 0;}
.drone_body_3.drone_body_on:after {background-image: url("/images/product/body_ic3_on.png");}
.drone_body_4:after {content: ""; display: inline-block; width: 18px; height: 18px; background: url("/images/product/body_ic4.png") no-repeat center; background-size: 18px; vertical-align: middle; margin-left: 2px;}
.drone_body_4.drone_body_on:after {background-image: url("/images/product/body_ic4_on.png");}
.co_search {position: relative; width: 100%; min-height: 320px; padding-bottom: 20px; margin: 10px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; background: url("/images/common/co_search_bg2.jpg") no-repeat center top; border: 1px solid #bbbdc0; letter-spacing: -0.05em; text-align: center;}
.co_search .tit {position: relative; display: block; font-size: 13px; font-weight: 600; color: #666; margin-top: 205px; letter-spacing: -0.1em;}
.co_search .search {position: relative; display: block; width: 210px; text-align: left; margin: 10px auto 7px auto; border: 4px solid #1f55ad; background: #fff;}
.co_search .search input {width: 165px; height: 28px; border: 0; font-family: dotum; font-size: 12px; padding: 6px 5px 6px 10px; line-height: 18px; letter-spacing: -0.05em;}
.co_search .search input::placeholder {color: #aaa;}
.co_search .search .search_btn {position: absolute; right: 8px; top: 4px; cursor: pointer;}
.co_search .confirm_btn {font-size: 15px; font-weight: 600; color: #1f55ad; text-decoration: underline; cursor: pointer; letter-spacing: -0.1em;}
.co_search .confirm_btn:hover {color: #ff2b1d;}
.co_search .co_li {text-align: left; padding-left: 35px;}
.co_search .co_li p {display: inline-block; font-size: 12px; letter-spacing: -0.07em; color: #444; margin-right: 3px;}
.co_search .co_li p:before {content: "-"; margin-right: 5px;}
.co_search .co_li p span {background-color: #ffe3a8; color: #222;}
.shop_rgt .grid_r_tit {display: block; font-size: 15px; color: #000; letter-spacing: -0.09em; line-height: 18px; margin-bottom: 10px;}
.shop_rgt .grid_r_cont {border-top: 2px solid #222; background: #fafafa; border-bottom: 1px solid #222; padding: 7px 30px;}
.shop_rgt .grid_r_cont:after {content: ""; clear: both; display: block;}
.shop_rgt .img_area {display: inline-block; float: left; width: 76px;}
.shop_rgt .img_area img {float: left;}
.shop_rgt .txt_area {display: inline-block; float: left; width: 160px; padding: 5px 0 0 30px; letter-spacing: -0.07em;}
.shop_rgt .txt_area .sm_txt {display: block; color: #444; line-height: 16px;}
.shop_rgt .txt_area .sm_txt strong {color: #222;}
.shop_rgt .txt_area .view_btn {display: inline-block; font-weight: 600; font-size: 12px; color: #fff; background: #333; margin-top: 10px; padding: 1px 10px 3px 8px; border-radius: 2px;}
.shop_rgt .txt_area .view_btn:before {content: "+"; margin-right: 3px;}
.shop_rgt .txt_area .view_btn:hover {background-color: #1565e9;}
.banner_area {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.banner_area a:after {content: ""; clear: both; display: block;}
.banner_area img {float: left;}

/* 하단공통 - ver.2 */
#footer.ver_2 {width: 100%; padding: 0 0 50px 0;}
#footer.ver_2:after {content: ""; clear: both; display: block;}
#footer.ver_2 .wrap {position: relative;}
#footer.ver_2 .footer_menu {background: #555; padding: 8px 20px 10px; margin-bottom: 25px;}
#footer.ver_2 .footer_menu ul {padding-left: 150px;}
#footer.ver_2 .footer_menu ul:after {content: ""; clear: both; display: block;}
#footer.ver_2 .footer_menu ul li {display: inline-block; float: left; line-height: 20px;}
#footer.ver_2 .footer_menu ul li a {color: #eee; font-size: 13px; font-weight: 600; padding-right: 0; background: none; letter-spacing: -0.05em; cursor: pointer;}
#footer.ver_2 .footer_menu ul li.active a {font-weight: 600; color: #ffd8a7;}
#footer.ver_2 .footer_menu ul li a:hover {text-decoration: underline;}
#footer.ver_2 .footer_menu ul li a:after {content: "|"; padding: 0 15px; color: #fff; font-weight: 300;}
#footer.ver_2 .footer_menu ul li.li_last a:after {content: "";}
#footer.ver_2 .footer_logo {display: inline-block; float: left; width: 130px; text-align: center; padding-top: 5px;}
#footer.ver_2 .footer_info {display: inline-block; float: left; width: 990px; padding-left: 20px; padding-top: 15px;}
#footer.ver_2 .footer_info a {cursor: pointer; letter-spacing: -0.03em;}
#footer.ver_2 p {font-size: 14px; color: #333; line-height: 26px; letter-spacing: -0.01em;}
#footer.ver_2 p .bar {color: #333; margin: 0 8px;}
#footer.ver_2 p strong {font-size: 16px; color: #222;}
#footer.ver_2 .talk_btn {position: fixed; bottom: 25px; right: 70px; width: 80px; height: 119px; background: url("/images/common/talk_ic.png") no-repeat center; z-index: 101; cursor: pointer;}
#footer.ver_2 .talk_btn:hover {background-image: url("/images/common/talk_ic_on.png");}
#footer.ver_2 .top_btn2 {display: none; position: fixed; bottom: 50px; right: 25px; width: 36px; height: 36px; background: url("/images/common/top_btn.jpg") no-repeat center; z-index: 101; cursor: pointer;}
#footer.ver_2 .top_btn2:hover {background-image: url("/images/common/top_btn_on.jpg");}
#footer.ver_2 .quick_btn {position: fixed; bottom: 25px; right: 70px; width: 95px; height: 97px; background: url("/images/common/quick_ic.png") no-repeat center; background-size: 100%; z-index: 101; cursor: pointer;}
#footer.ver_2 .quick_btn:hover {filter: brightness(1.1);}

/* 메인 - ver.2 */
.main_container section {border-bottom: 1px solid #c4ccd6;}
.main_container section:last-child {border-bottom: 0;}
.main_container section .grid_c >div:first-child, .main_container section .grid_r >div:first-child, .main_container section .grid_cr >div:first-child, .main_container section .grid_c >div:first-child .div_l >div, .main_container section .grid_c >div:first-child .div_r >div {margin-top: 0;}
.main_container section .grid_area .grid_c >div:last-child, .main_container section .grid_area .grid_r >div:last-child {margin-bottom: 0;}
#section1 .grid_area .grid_l, #section1 .grid_area .grid_c, #section1 .grid_area .grid_r {padding-top: 0;}
#section1 .grid_area .grid_l .today_date {font-size: 15px; font-weight: 600; color: #222; margin-top: 15px; padding-left: 20px; letter-spacing: -0.02em; background: url("/images/common/update_ic2.png") no-repeat left center; background-size: 17px; line-height: 20px;}
#section1 .grid_area .grid_l .news_history {display: block; width: 120px; height: 30px; background: url("/images/common/news_his_bg.png") no-repeat center; text-align: center; margin-top: 15px; cursor: pointer;}
#section1 .grid_area .grid_l .news_history:hover {opacity: 0.9;}
#section1 .grid_area .grid_l .news_history span {font-size: 13px; font-weight: 600; color: #f6faff; letter-spacing: -0.07em; line-height: 28px;}
#section1 .grid_area .grid_l .news_history span:after {content: ""; display: inline-block; width: 3px; height: 5px; background: url("/images/common/arrow_8.png") no-repeat center; margin-left: 6px; vertical-align: middle; opacity: 0.8;}
#section1 .grid_area .grid_l .news_history:hover span {text-decoration: underline; color: #fff;}
#section2 {background: #e9e9e9;}
.news_his_box {position: absolute; top: 0; left: 0; width: 100%; z-index: 201; background: #e7e9ec;}
.news_his_box .wrap {position: relative; top: 0; width: 870px; min-height: 1000px; margin: 0 auto; background: #fff; border: 1px solid #a0a5ab; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);}
.news_his_box .box_top {position: relative; width: 100%; text-align: center; background: #fff url("/images/common/news_his_bg2.png") no-repeat left top;}
.news_his_box .box_top .tit {display: inline-block; font-size: 25px; font-weight: 600; padding: 4px 0 6px; margin: 20px 0 15px 0; letter-spacing: -0.03em; border-top: 2px solid #000; border-bottom: 3px double #000; line-height: 30px;}
.news_his_box .box_top .close_btn {position: absolute; top: 18px; right: 40px; width: 45px; height: 45px; cursor: pointer; padding: 10px; background: #fff; border: 1px solid #c4ccd6;}
.news_his_box .box_top .close_btn:hover {box-shadow: 4px 3px 0 #e7e9ec;}
.news_his_box .box_top .close_btn img {width: 22px;}
.news_his_box .box_top .menu {position: relative; width: 100%; background: -webkit-linear-gradient(left, #4c7eea, #2b60a2, #a3145e); background: -moz-linear-gradient(left, #4c7eea, #2b60a2, #a3145e); background: -o-linear-gradient(left, #4c7eea, #2b60a2, #a3145e); background: linear-gradient(to right, #4c7eea, #2b60a2, #a3145e); color: #fff;}
.news_his_box .box_top .menu .today_date {position: absolute; left: 40px; top: 8px; display: inline-block; color: #c8d3e8; font-size: 13px; letter-spacing: -0.07em;}
.news_his_box .box_top .menu .today_date strong {font-size: 15px; color: #fff; font-weight: 300; letter-spacing: -0.02em;}
.news_his_box .box_top .menu .date {display: inline-block; text-align: center; padding: 6px 15px 8px; font-size: 13px; color: #fff; line-height: 22px; background: rgba(0, 0, 0, 0.15);}
.news_his_box .box_top .menu .date strong {font-size: 17px; color: #fff;}
.news_his_box .box_top .menu .date_btn {display: inline-block; margin: 0 5px; vertical-align: middle; cursor: pointer;}
.news_his_box .box_top .menu .date_btn:hover {opacity: 0.9;}
.news_his_box .box_top .menu ul {position: absolute; right: 40px; top: 8px;}
.news_his_box .box_top .menu ul li {display: inline-block;}
.news_his_box .box_top .menu ul li a {color: #cab7c5; font-size: 12px; padding: 0 0 0 4px; letter-spacing: -0.07em; cursor: pointer;}
.news_his_box .box_top .menu ul li a:after {content: "|"; margin-left: 7px; font-weight: 300; color: #b9709c;}
.news_his_box .box_top .menu ul li:last-child a:after {display: none;}
.news_his_box .box_top .menu ul li a:hover {text-decoration: underline;}
.news_his_box .box_top .menu ul li.active a {font-size: 14px; color: #eee; font-weight: 600;}
.news_his_box .box_cont {position: relative; padding: 15px 0 30px;}
.news_his_box .box_cont .news_box {width: 710px; margin: 0 auto; border: 1px solid #d9dee3; padding: 0 30px; box-shadow: 10px 13px 0 #e7e9ec;}
.news_his_box .box_cont .news_btn {position: absolute; display: block; width: 55px; height: 55px; background: rgba(0, 0, 0, 0.8); text-align: center; cursor: pointer; padding-top: 15px; z-index: 100;}
.news_his_box .box_cont .news_btn:hover {opacity: 0.85;}
.news_his_box .box_cont .news_btn.prev_btn {top: 45%; left: 0;}
.news_his_box .box_cont .news_btn.next_btn {top: 45%; right: 0;}

/* 서브공통 - ver.2 */
.sub_container .grid_c {margin-bottom: 25px;}
.sub_container .grid_r >div:first-child {margin-top: 0;}
.menu_depth2 {margin-top: 25px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.menu_depth2 li {position: relative; padding-bottom: 15px;}
.menu_depth2 li a {position: relative; display: block; font-size: 14px; color: #444; letter-spacing: -0.1em;}
.menu_depth2 li a:hover {text-decoration: underline;}
.menu_depth2 li.active a {display: inline-block; font-size: 16px; font-weight: 600; color: #000; letter-spacing: -0.12em; white-space: nowrap; background: url("/images/common/menu_on_bg2.jpg") repeat-x left bottom;}
.menu_depth2 li.active a:after {content: ""; position: absolute; display: inline-block; right: -9px; top: 5px; width: 5px; height: 5px; background: url("/images/common/menu_on_bg.png") no-repeat center;}
.sub_container.ver_2 .top_title {position:relative; border-bottom: 1px solid #555e69; padding-bottom: 10px;}
.sub_container.ver_2 .top_title .btn_r.btn_type1 {position: absolute; right: 0; bottom: 10px; display: inline-block; background: #fbfcff; color: #3c4e75; font-size: 13px; font-weight: 600; padding: 3px 15px 5px; border-radius: 2px; border: 1px dashed #828998;}
.sub_container.ver_2 .top_title .btn_r.btn_type1:hover {opacity: 1; text-decoration: underline;}
.sub_container.ver_2 .top_title .btn_r.btn_type1:before {content: "+"; margin-right: 5px; font-size: 15px;}
.sub_container.ver_2 .board_title {background: #f9f9f9; padding: 10px 20px 15px; border-top: 1px solid #c4ccd6; border-bottom: 2px solid #2a85cd;}
.sub_container.ver_2 .board_title .tit_type2 {font-size: 18px; line-height: 27px; margin-bottom: 15px;}
.sub_container.ver_2 .board_title .qna_tit {background: url("/images/community/q_ic2.png") no-repeat left 8px; padding-left: 25px;}
.sub_container.ver_2 .addr_txt {width: 100%; display: block; font-size: 14px; color: #fff; background: #797d83; padding: 2px 15px 4px 15px; letter-spacing: -0.04em; text-align: center;}
.sub_container.ver_2 .addr_txt span {font-weight: 600; color: #fff; font-size: 13px;}
.title_type1 {display: inline-block; font-size: 20px;font-weight: 600; color: #222; background: url("/images/common/title_type1_bg.png") no-repeat left 3px; padding: 0 0 5px 17px; line-height: 22px;}
.board_opt {position: relative; width: 100%; margin: 10px 0;}
.board_opt .search_type1 {position: relative;}
.search_type1 {width: 265px; letter-spacing: -0.05em;}
.search_type1 select {width: 80px; height: 30px; vertical-align: middle; padding: 0; border:1px solid #a0a6ad; font-size: 12px; color: #666; border-radius: 2px;}
.search_type1 input {width: 180px; height: 30px; vertical-align: middle; padding: 2px 30px 5px 5px; border:1px solid #a0a6ad; font-size: 14px; border-radius: 2px; letter-spacing: -0.05em;}
.search_type1 input::placeholder {color: #999; font-size: 13px; letter-spacing: -0.05em;}
.search_type1 .search_btn {position: absolute; display: inline-block; width: 30px; height: 30px; padding: 6px 3px; cursor: pointer; text-align: center; top: 0; right: 0;}
.sub_container.ver_2 .mid_title {position:relative; min-height: 35px; border: 1px solid #acb0b4; background: #f5f5f5; padding: 2px 15px; margin-top: -1px;}
.sub_container.ver_2 .mid_title .div_r {position: absolute; right: 15px; bottom: 3px;}
.sub_container.ver_2 .mid_title .div_r .search_area {display: inline-block; position: relative; text-align: right; letter-spacing: -0.1em; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; z-index: 99;}
.sub_container.ver_2 .mid_title .div_r .search {position: relative; display: inline-block;}
.sub_container.ver_2 .mid_title .div_r .search input {width: 160px; height: 28px; border: 1px solid #acaeb7; border-radius: 1px; font-family: dotum; font-size: 12px; padding: 6px 32px 6px 10px; line-height: 18px;}
.sub_container.ver_2 .mid_title .div_r .search input::placeholder {color: #aaa;}
.sub_container.ver_2 .mid_title .div_r .search .search_btn {position: absolute; right: 8px; top: 5px; cursor: pointer;}
.sub_container.ver_2 .mid_title .div_r .detail_btn {display: inline-block; border-radius: 1px; padding: 0 0 7px 5px; color: #686b7d; font-weight: 600; font-size: 12px; cursor: pointer; text-align: left;}
.sub_container.ver_2 .mid_title .div_r .detail_btn:hover {opacity: 0.9;}
.sub_container.ver_2 .mid_title .div_r .detail_btn.open_btn:after {content: ""; display: inline-block; width: 9px; height: 9px; background: url("/images/common/arrow_6.png") no-repeat center; margin-left: 5px; vertical-align: middle;}
.sub_container.ver_2 .mid_title .div_r .detail_btn.close_btn {color: #1f55ad;}
.sub_container.ver_2 .mid_title .div_r .detail_btn.close_btn:after {content: ""; display: inline-block; width: 9px; height: 9px; background: url("/images/common/arrow_7.png") no-repeat center; margin-left: 5px; vertical-align: middle;}
.sub_container.ver_2 .mid_title .div_r .list_order {position: relative; bottom: 3px; background: #fff; padding: 0 5px 3px 5px; border-radius: 2px;}
.sub_container.ver_2 .mid_title .div_r .list_order:after {content: ""; clear: both; display: block;}
.sub_container.ver_2 .mid_title .div_r .list_order li {display: inline-block; float: left; padding: 0 3px;}
.sub_container.ver_2 .mid_title .div_r .list_order li:after {content: "|"; padding-left: 6px; color: #bbb;}
.sub_container.ver_2 .mid_title .div_r .list_order li:first-child {padding-left: 0;}
.sub_container.ver_2 .mid_title .div_r .list_order li:last-child {padding-right: 0;}
.sub_container.ver_2 .mid_title .div_r .list_order li:last-child:after {display: none;}
.sub_container.ver_2 .mid_title .div_r .list_order li a {color: #888; font-size: 12px; cursor: pointer; letter-spacing: -0.06em;}
.sub_container.ver_2 .mid_title .div_r .list_order li.active a {color: #444; font-weight: 600; background: url("/images/common/check_ic.png") no-repeat left center; padding-left: 13px;}
.sub_container.ver_2 .mid_title .search_r .list_order {display: inline-block; bottom: -6px;}
.mid_tab li {display: inline-block;}
.mid_tab li:first-child a {padding-left: 0;}
.mid_tab li:after {content: "|"; padding-left: 5px; color: #bbb;}
.mid_tab li:last-child:after {display: none;}
.mid_tab li a {display: inline-block; font-size: 13px; color: #999; margin: 5px 0 7px 0; padding: 0 2px; cursor: pointer; letter-spacing: -0.1em;}
.mid_tab li a:hover {text-decoration: underline;}
.mid_tab li.active a {font-weight: 600; color: #222; font-size: 14px;}
.pagination {display: block; text-align: center; margin: 3px 0;}
.pagination li {display: inline-block; margin-left: -1px; margin-right: -1px;}
.pagination li a {display: inline-block; font-size: 13px; border: 1px solid #c4ccd6; padding: 2px 0; color: #444; width: 26px; height: 26px; cursor: pointer;}
.pagination li a:hover {font-weight: 600; text-decoration: underline;}
.pagination li.active a {text-decoration: none; font-weight: 300; background-color: #555; color: #fff; border-color: #777;}
.pagination li.move_btn a {background-color: #e5e5e5; border-color: #e5e5e5;}
.pagination li.move_btn a:hover {background-color: #d5d5d5; border-color: #d5d5d5;}
.pagination li.move_btn a img {height: 10px;}
.info_box {width: 100%; margin-top: 10px;}
.info_box:after {content: ""; clear: both; display: block;}
.view_info {display: inline-block; float: left; color: #888; font-size: 13px; letter-spacing: -0.08em;}
.view_info * {vertical-align: middle;}
.view_info span {margin-right: 12px;}
.view_info .name {font-weight: 600; color: #2a467d;}
.view_info .name .level_ic {vertical-align: middle; margin-right: 5px;}
.view_info .date {color: #aaa; letter-spacing: -0.05em; font-size: 14px; font-weight: 600;}
.count_area {color: #888; font-size: 13px; letter-spacing: -0.07em; float: right;}
.count_area >* {display: inline-block;}
.count_area >div:first-child {margin-left: 0;}
.count_area .comment_count {background: url("/images/common/comment_ic2.png") no-repeat left 2px; padding-left: 18px;}
.count_area .view_count {background: url("/images/common/view_ic.png") no-repeat left 1px; padding-left: 20px; margin-left: 12px;}
.count_area .like_count {background: url("/images/common/like_ic.png") no-repeat left 3px; padding-left: 18px; margin-left: 12px; line-height: 22px;}
.count_area .like_count .add_btn {position: relative; top: 4px; left: 3px;}
.view_detail {width: 100%; margin-top: 45px !important; margin-bottom: 50px !important; font-size: 16px; color: #222; line-height: 28px;}
.view_detail * {font-size: 16px; color: #222; line-height: 28px;}
.view_detail img {max-width: 650px;}
.news_more {position: relative; width: 100%;}
.news_more:before {content: ""; position: absolute; top: -100px; left: 0; width: 650px; height: 100px; background: url("/images/common/white_bg.png") repeat-x center;}
.news_more a {width: 100%; display: block; border: 1px solid #aaa; color: #222; font-size: 18px; text-align: center; padding: 13px 0 18px; background: #fff;}
.news_more a:hover {background: #f2f2f2;}
.list_more {width: 100%; margin-top: 20px;}
.list_more a {width: 100%; display: block; border: 1px solid #c4ccd6; color: #444; font-size: 15px; text-align: center; padding: 10px 0 12px; background: #fff; cursor: pointer;}
.list_more a:hover {background-color: #f2f2f2;}
.help_txt {font-size: 13px; font-weight: 300; color: #888; letter-spacing: -0.07em; line-height: 18px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.top_list_btn {position: absolute; right: 0; bottom: -40px;}
.bottom_list_btn {position: relative; right: 0; bottom: 0; text-align: right; width: 100%; border-top: 1px solid #222; padding-top: 10px;}
.list_btn {display: inline-block; border: 1px solid #aaa; padding: 3px 7px 5px 22px; line-height: 20px; color: #222; font-size: 13px; cursor: pointer; background: #fff url("/images/common/list_ic.png") no-repeat 7px 9px; border-radius: 2px; letter-spacing: -0.07em;}
.modify_btn {display: inline-block; border: 1px solid #aaa; padding: 3px 7px 5px 22px; line-height: 20px; color: #222; font-size: 13px; cursor: pointer; background: #fff url("/images/common/modify_ic.png") no-repeat 7px 8px; border-radius: 2px; letter-spacing: -0.07em;}
.delete_btn {display: inline-block; border: 1px solid #aaa; padding: 3px 7px 5px 22px; line-height: 20px; color: #222; font-size: 13px; cursor: pointer; background: #fff url("/images/common/delete_ic2.png") no-repeat 7px 8px; border-radius: 2px; letter-spacing: -0.07em;}
.list_btn:hover, .modify_btn:hover, .delete_btn:hover {background-color: #f2f2f2;}
.top_write_btn {position: absolute; right: 0; bottom: 0;}
.write_btn {display: inline-block; border: 1px solid #1682c1; padding: 3px 7px 5px 22px; line-height: 20px; color: #fff; font-size: 13px; cursor: pointer; background: #279be0 url("/images/common/write_ic2.png") no-repeat 7px 8px; border-radius: 2px; letter-spacing: -0.07em;}
.write_btn:hover {background-color: #1682c1;}
.qna_btn {background-color: #3a65a4; border-color: #2e548c;}
.qna_btn:hover {background-color: #2e548c;}
.name_card_area {padding: 30px 0 5px 0;}
.name_card {width: 650px; height: 140px; background: #fff url("/images/common/card_bg2.jpg") no-repeat left top; border: 3px solid #eee; padding: 20px 0; letter-spacing: -0.07em;}
.name_card:after {content: ""; clear: both; display: block;}
.name_card >div {display: inline-block; float: left;}
.name_card .photo {position: relative; width: 110px; padding-left: 20px;}
.name_card .photo img {width: 90px; height: 90px;}
.name_card .photo .photo_cover {position: absolute; top: 0; left: 20px;}
.name_card .card_ct {width: 534px; padding-top: 18px; padding-left: 20px;}
.name_card .card_ct .card_tit {color: #888; font-size: 13px; font-weight: 600;}
.name_card .card_ct .card_tit .name {color: #333; font-size: 24px; font-weight: 700; margin-right: 10px;}
.name_card .card_ct .card_txt {width: 95%; font-size: 14px; color: #666; margin-top: 7px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.1em;}
.write_info {width: 100%; margin: 20px 0; text-align: center;}
.write_info p {font-size: 13px; color: #777; margin: 10px 0 15px; line-height: 20px; letter-spacing: -0.06em;}
.write_info .info_cont {background: #f4f4f4 url("/images/community/write_info_bg2.png") no-repeat -18px 5px; border: 1px solid #e5e5e5; padding: 15px 10px 15px 140px; letter-spacing: -0.1em; text-align: left;}
.write_info .info_cont strong {display: block; color: #444; font-size: 14px; font-weight: 600; margin-bottom: 10px; text-decoration: underline;}
.write_info .info_cont strong .red {color: #d02f11;}
.write_info .info_cont ul:after {content: ""; clear: both; display: block;}
.write_info .info_cont ul li {display: inline-block; float: left; width: 50%; font-size: 12px; color: #888; line-height: 19px;}
.table_form {width: 100%; border-top: 2px solid #555; border-bottom: 1px solid #555; letter-spacing: -0.05em;}
.table_form th {font-weight: 600; font-size: 13px; color: #333; text-align: center; padding: 10px 10px 10px 10px; border-bottom: 1px solid #c4ccd6; background: #f2f2f2;}
.table_form td {padding: 10px 10px 10px 15px; border-bottom: 1px solid #c4ccd6;}
.table_form .tr_last th, .table_form .tr_last td {border-bottom: 0;}
.table_form .form_input {width: 100%; border: 1px solid #aaa; border-radius: 2px; padding: 7px 12px; font-size: 13px;}
.table_form .frm_input {height: 33px; border-color: #aaa;}
.btn_type1 {display: inline-block; border: 0; padding: 7px 15px; line-height: 20px; color: #666; font-size: 14px; cursor: pointer; border-radius: 2px; letter-spacing: -0.05em;}
.btn_type1:hover {opacity: 0.9;}
.complete_btn {background: #1180d5; color: #fff;}
.cancel_btn {background: #888; color: #fff;}
.sub_container .w100 >div {float: left;}
.sub_container .w100:after {content: ""; clear: both; display: block;}
.qna_table tr td.td_tit:before {content: ""; width: 17px; height: 15px; position: relative; display: inline-block; margin-right: 8px; background: url("/images/community/q_ic2.png") no-repeat center; vertical-align: middle;}
.qna_table tr td {height: 45px;}
.review_li {display: block; background: #f9fbff; padding: 15px 30px; border: 1px solid #c4ccd6; border-top: 2px solid #222; letter-spacing: -0.1em;}
.review_li ul li {line-height: 30px; border-bottom: 1px dotted #aaa; padding: 0 15px 2px;}
.review_li ul li:last-child {border-bottom: 0;}
.review_li ul li a {display: inline-block; max-width: 440px; font-size: 15px; color: #222; font-weight: 600; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.review_li ul li a:hover {text-decoration: underline; color: #2a467d;}
.review_li ul li .ic_img {display: inline-block; vertical-align: middle; margin-right: 30px;}
.company_top {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.company_top:after {content: ""; clear: both; display: block;}
.company_top .thumbnail {position: relative; display: inline-block; float: left; width: 230px; height: 140px; overflow: hidden; border: 1px solid #c4ccd6;}
.company_top .thumbnail img {width: 100%; height: 100%;}
.company_top:hover .thumbnail {border-color: #9aa5b3;}
.company_top .txt_area {display: inline-block; float: left; width: 395px; margin-left: 25px;}
.company_top .txt_area >a:hover .tit {text-decoration: underline;}
.company_top .txt_area >a:hover .sm_txt {color: #222;}
.company_top .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; margin-bottom: 10px; margin-top: -4px; line-height: 22px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.company_top .sm_txt {display: block; width: 85%; font-size: 14px; color: #666; letter-spacing: -0.03em; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.company_top .sm_txt:before {content: "-"; color: #666; margin-right: 7px;}
.company_top .cate {display: inline-block; border: 1px solid #c4ccd6; border-radius: 2px; padding: 4px 7px 7px 7px; margin: 5px 0 0; background: #fff; letter-spacing: -0.13em;}
.company_top .cate:after {content: ""; clear: both; display: block;}
.company_top .cate span {display: inline-block; float: left; color: #aaa; font-size: 13px; margin: 0 3px 0 0;}
.company_top .cate span.active {color: #2a467d; font-weight: 600;}
.company_top .cate span:before {content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 3px;}
.company_top .cate span:first-child:before {display: none;}
.company_top .cate span:last-child {margin-right: 0;}
.company_top .li_txt {width: 100%; margin-top: 7px;}
.company_top .li_txt li {position: relative; color: #666; font-size: 13px;}
.company_top .li_txt li a {display: inline-block; width: 60%; font-size: 14px; color: #444; line-height: 25px; letter-spacing: -0.05em; vertical-align: middle; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.company_top .li_txt li a:hover {text-decoration: underline;}
.shop_info_top {position: relative; width: 100%; border: 4px solid #d5d8de; padding: 35px 35px; margin-top: 20px;}
.shop_info_top:after {content: ""; clear: both; display: block;}
.shop_info_top .inline_block {width: 100%;}
.shop_info_top .inline_block:after {content: ""; clear: both; display: block;}
.shop_info_top .thumbnail {display: inline-block; float: left; width: 40%; height: 157px;}
.shop_info_top .thumbnail img {width: 100%; min-width: 228px; height: 100%; border: 1px solid #c4ccd6;}
.shop_info_top .info_li {display: inline-block; float: left; width: 55%; margin-left: 5%;}
.shop_info_top .info_li dl {letter-spacing: -0.05em; line-height: 25px;}
.shop_info_top .info_li dl:after {content: ""; clear: both; display: block;}
.shop_info_top .info_li dl dt {display: inline-block; float: left; width: 25%; font-size: 13px; font-weight: 600; color: #222; padding-left: 20px;}
.shop_info_top .info_li dl dd {position: relative; display: inline-block; float: left; width: 75%; font-size: 14px; color: #222; padding-left: 15px;}
.shop_info_top .info_li dl dd:before {content: ":"; position: absolute; top: -1px; left: 0;}
.shop_info_top .info_li dl dd .premium_mark {position: relative; display: inline-block; font-size: 10px; font-weight: 600; color: #fff; background: #6b91f3; border: 1px solid #6b91f3; border-right: 1px solid #356bf3; border-bottom: 1px solid #356bf3; padding: 0 7px 2px 23px; margin-left: 7px; border-radius: 1px; letter-spacing: -0.07em; line-height: 15px; vertical-align: middle; border-radius: 2px;}
.shop_info_top .info_li dl dd .premium_mark:before {content: ""; position: absolute; left: 0; top: -1px; width: 18px; height: 18px; background: url("/images/common/premium_mark.png") no-repeat left; background-position: -4px -3px;}
.shop_info_top .info_li .name dt {background: url("/images/common/shop_name_ic.png") no-repeat left center; background-size: 13px auto;}
.shop_info_top .info_li .tel dt {background: url("/images/common/shop_tel_ic.png") no-repeat left center; background-size: 13px auto;}
.shop_info_top .info_li .homepage dt {background: url("/images/common/shop_hompi_ic.png") no-repeat left center; background-size: 13px auto;}
.shop_info_top .info_li .homepage dd a {text-decoration: underline; color: #0b67d7;}
.shop_info_top .info_li .addr dt {background: url("/images/common/shop_addr_ic.png") no-repeat left center; background-size: 13px auto;}
.shop_info_top .btn_area {margin-top: 5px;}
.shop_info_top .btn_area a {display: inline-block; border: 1px solid #c8cace; padding: 2px 8px 4px 27px; font-size: 12px; font-weight: 600; color: #666; letter-spacing: -0.05em; line-height: 20px;}
.shop_info_top .btn_area a.map_link {background: url("/images/common/map_ic.png") no-repeat 8px center; background-size: 16px 16px;}
.shop_info_top .btn_area a.nav_link {background: url("/images/common/nav_ic.png") no-repeat 8px center; background-size: 16px 16px;}
.shop_info_top .btn_area a:hover {text-decoration: underline; color: #222;}
.shop_info_top .service {width: 100%; text-align: center; padding: 15px 0; margin-top: 15px; border: 1px solid #ddd;}
.shop_info_top .service .cate span {display: inline-block; width: 15%; font-size: 14px; color: #888; background: #fff; border: 1px solid #c4ccd6; border-bottom-width: 3px; border-radius: 1px; padding: 3px 0 5px; text-align: center; line-height: 20px;}
.shop_info_top .service .cate span.active {color: #2a467d; font-weight: 600; border: 1px solid #2a467d; border-bottom-width: 3px;}
.shop_info_top .service .cate_4 span {width: 23%;}
.shop_info_txt {margin-top: 30px;}
.shop_info_txt h3 {font-size: 16px; font-weight: 600; color: #222; letter-spacing: -0.07em; line-height: 20px; margin-bottom: 10px;}
.shop_info_txt .txt_box {width: 100%; font-size: 16px; color: #222; line-height: 28px;}
.shop_info_img {margin-top: 30px;}
.shop_info_img h3 {font-size: 16px; font-weight: 600; color: #222; letter-spacing: -0.07em; line-height: 20px; margin-bottom: 10px;}
.shop_info_img .img_box {width: 100%; font-size: 16px; color: #222; line-height: 28px;}
.shop_info_img .img_box .img_lg {width: 100%; height: 400px; overflow-y: hidden;}
.shop_info_img .img_box .img_lg img {width: 100%; height: 100%;}
.shop_info_img .img_box .img_sm {width: 100%; background: #2b2d31; padding: 10px 10px 5px; text-align: center; margin-top: 1px;}
.shop_info_img .img_box .img_sm:after {content: ""; clear: both; display: block;}
.shop_info_img .img_box .img_sm li {display: inline-block; width: 17%;}
.shop_info_img .img_box .img_sm li a {display: inline-block; width: 100px; height: 62px; overflow-y: hidden; cursor: pointer;}
.shop_info_img .img_box .img_sm li a img {width: 100%; height: 100%;}
.shop_info_img .img_box .img_sm li a:hover img {opacity: 0.8;}
.shop_help_txt {width: 100%; background: #eee; padding: 10px 20px 12px; margin: 20px 0; letter-spacing: -0.07em;}
.shop_help_txt span {display: inline-block; vertical-align: middle; font-size: 13px; color: #666; line-height: 16px;}
.shop_help_txt .mypage_btn {display: inline-block; font-size: 12px; color: #666; background: #fff url("/images/common/bullet_1.png") no-repeat 92% center; border: 1px solid #c4ccd6; padding: 2px 20px 4px 10px; margin-left: 5px; vertical-align: middle;}
.shop_help_txt .mypage_btn:hover {text-decoration: underline;}
.shop_info_detail {margin-top: 30px;}
.shop_info_detail h3 {display: inline-block; font-size: 15px; font-weight: 600; color: #fff; background: #2a467d; letter-spacing: -0.07em; line-height: 20px; padding: 7px 40px;}
.shop_info_detail .detail_box {width: 100%; border-top: 2px solid #2a467d; padding: 10px 0; font-size: 16px; color: #222; line-height: 28px;}
.shop_info_detail .detail_box img {width: 100%;}
.premium_banner {position: relative; margin: 25px 0;}
.premium_banner:after {content: ""; clear: both; display: block;}
.premium_banner img {float: left; border: 1px solid #c4ccd6;}
.premium_banner .btn_type1 {position: absolute; top: 38%; right: 30px; display: inline-block; background: #5782ef; color: #fff; font-size: 13px; padding: 5px 15px; border-radius: 2px; text-align: center; font-weight: 600;}
.premium_banner .btn_type1 span {color: #ffde64; margin-right: 5px;}
.posts_btn {width: 100%; text-align: right; margin-top: -5px;}
.posts_btn a {display: inline-block; font-size: 13px; color: #666; background: #fff url("/images/common/posts_ic.png") no-repeat 12px center; border: 1px solid #e5e5e5; border-top: 0; border-bottom: 1px solid #c4ccd6; padding: 3px 12px 5px 30px; border-radius: 0 0 5px 5px; letter-spacing: -0.07em; box-shadow: 0 1px 0 #c4ccd6;}
.posts_btn a:hover {text-decoration: underline;}
.posts_li li a strong {display: -webkit-box; max-height: 48px; font-size: 14px; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: normal; line-height: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.07em;}
.collection_btn {width: 100%; text-align: right; margin-top: -50px;}
.collection_btn a {display: inline-block; font-size: 12px; color: #888; font-weight: 600; border: 1px solid #ddd; border-radius: 5px; background: #fff; padding: 2px 15px 4px; margin-right: 15px; letter-spacing: -0.07em; line-height: 22px; cursor: pointer;}
.collection_btn a:hover {text-decoration: underline;}
.customer_cont .guide_txt {padding: 20px 4%; text-align: center; background: #fff9f1;}
.customer_cont .guide_txt .stop_ic {width: 45px; margin-bottom: 15px;}
.customer_cont .guide_txt p {font-weight: 600; font-size: 16px;}
.customer_cont .guide_txt .sm_txt {display: block; color: #666; font-size: 13px; margin-top: 5px;}
.banner_l {margin-top: 30px;}
.banner_l_fixed {position: fixed !important; top: 50px;}

/* 광고 및 제휴 문의 */
.customer_area {width: 100%; min-width: 720px;}
.customer_tit {position: relative; width: 100%; background: #666; color: #fff; height: 40px;}
.customer_tit .left {position: absolute; top: 9px; left: 15px;}
.customer_tit .left h3 {font-size: 14px; font-weight: 600;}
.customer_tit .right {position: absolute; top: 10px; right: 15px; font-size: 13px;}
.customer_tit .right a {color: #d5d5d5; margin-left: 25px; cursor: pointer; padding: 1px 0 1px 20px;}
.customer_tit .right a:hover {color: #e5e5e5;}
.customer_tit .right .close_btn {background: url("/images/product/close_ic_3.png") no-repeat left 3px;}
.customer_cont {padding: 15px; width: 720px; margin: 0 auto;}
.customer_cont .info {width: 100%; background: #f9f9f9; border-bottom: 1px solid #ddd; border-top: 4px solid #535e8a; padding: 10px 15px;}
.customer_cont .info:after {content: ""; clear: both; display: block;}
.customer_cont .info >div {display: inline-block; float: left;}
.customer_cont .info .info_img {width: 40%; text-align: center; padding: 17px 0;}
.customer_cont .info .info_txt {width: 60%; font-size: 12px; color: #666; line-height: 18px;}
.customer_cont .info .info_txt li {padding: 5px 0}
.customer_cont .info .info_txt li strong {font-weight: 600; font-size: 13px; color: #535e8a; background: url("/images/common/bullet_3.png") no-repeat left 8px; padding-left: 10px;}
.customer_cont .info .info_txt li p {padding-left: 10px;}
.customer_cont .help_txt {font-size: 12px; color: #666; margin: 15px 0 5px 0;}
.customer_table {width: 100%; font-size: 13px; border-top: 1px solid #888;}
.customer_table th {border-bottom: 1px solid #ddd; padding: 5px 10px; color: #666; background: #f2f2f2; font-weight: 600;}
.customer_table td {border-bottom: 1px solid #ddd; padding: 5px 10px; color: #666;}
.customer_table td input[type='text'], .customer_table td input[type='tel'], .customer_table td input[type='email'], .customer_table td textarea {width: 100%; border: 1px solid #ddd; border-radius: 2px; padding: 7px 10px; color: #333;}
.customer_table td label {position: relative; top: -2px; padding-right: 20px;}
.customer_table td input[type='radio'] {position: relative; top: 2px;}
.customer_table .captcha td * {display: inline-block; float: left;}
.customer_table .captcha td input {width: auto;}
.customer_table .captcha td span {padding: 6px 5px 0 15px;}
.terms_box {width: 100%; height: 100px; margin-top: 10px; background: #f2f2f2; border: 1px solid #ddd; padding: 0 20px 10px 20px; line-height: 19px; color: #666; overflow-y: scroll;}
.terms_box h4 {padding: 10px 0 0 0; color: #333; font-size: 12px;}
.terms_box p {color: #333; margin: 0 0 5px 0; font-size: 12px;}
.terms_box ul li {background: url("/images/common/bullet_2.png") no-repeat left center; padding-left: 7px; font-size: 12px;}
.agree_check {text-align: right; font-size: 12px; color: #666;}
.agree_check input {position: relative; top: 2px;}
.customer_cont .btn_type1 {background: #535e8a; color: #fff; font-size: 13px; padding: 4px 20px 6px 20px; border-color: #4b5584;}
.customer_cont .btn_type1:hover {background: #4b5584;}
.customer_cont .customer_table .btn_area {padding-bottom: 5px;}
.customer_cont .customer_table .btn_area a {display: inline-block; color: #666; font-size: 12px; border: 1px solid #ddd; border-radius: 2px; padding: 2px 7px 4px 25px; cursor: pointer;}
.customer_cont .customer_table .btn_area a:hover {background-color: #fafafa;}
.customer_cont .customer_table .btn_area .upload_btn {background: url("/images/common/photo_ic2.png") no-repeat 7px center;}
.customer_cont .customer_table .btn_area .delete_btn {background: url("/images/common/delete_ic3.png") no-repeat 7px center;}

/* 우편번호 검색 */
.zipcode_search {min-width: 320px;}
.zipcode_search .customer_tit {background: #1871d0;}
.zipcode_search .customer_cont {width: 100%;}
.zipcode_search .addr_search {width: 100%; background: #e5e5e5; border: 1px solid #d5d5d5; padding: 20px; text-align: center;}
.zipcode_search .addr_search .form_input {width: 70%; height: 34px; padding: 7px 10px; font-size: 15px; color: #222; border-radius: 2px; border: 1px solid #aaa; vertical-align: middle;}
.zipcode_search .addr_search .btn_type1 {margin-top: 0; vertical-align: middle;}
.zipcode_search .tip {position: relative; width: 100%; color: #999; font-size: 11px; padding: 10px 0 10px 35px; letter-spacing: -0.05em;}
.zipcode_search .tip:before {content: "TIP"; position: absolute; top: 14px; left: 0; display: inline-block; color: #5d8eff; background: #e9e9e9; font-weight: 600; font-size: 11px; width: 24px; height: 24px; text-align: center; border-radius: 20px; line-height: 22px;}
.zipcode_search .sub_tit {position: relative; width: 100%; color: #666; font-size: 13px; font-weight: 600; padding: 10px 10px; letter-spacing: -0.05em; background: url("/images/common/bullet_3.png") no-repeat left center;}
.zipcode_search .addr_result {width: 100%; height: 250px; background: #f0f4f9; overflow-y: scroll; margin-bottom: 20px; border: 1px solid #c4ccd6;}
.zipcode_search .addr_result .help_txt {width: 55%; margin: 0 auto; text-align: center; padding-top: 85px; background: transparent;}
.zipcode_search .addr_list {background: #fff; border-bottom: 1px solid #c4ccd6; padding: 10px; cursor: pointer;}
.zipcode_search .addr_list ul li {position: relative; line-height: 20px;}
.zipcode_search .addr_list ul li dt {position: absolute; left: 0; top: 3px; width: 36px; height: 17px; font-size: 11px; background: #aaa; color: #fff; border-radius: 2px; padding: 1px 1px; text-align: center; line-height: 14px; letter-spacing: -0.05em;}
.zipcode_search .addr_list ul li dd {width: 100%; padding-left: 42px; letter-spacing: -0.03em; font-size: 13px; color: #666;}
.zipcode_search .addr_list ul .load_name dt {background: #538dde;}
.zipcode_search .addr_list ul .load_name dd {font-size: 15px;}
.zipcode_search .addr_list ul .zipcode {font-size: 13px; color: #0ca093; line-height: 11px; margin-bottom: 5px;}

/* 드론 기종 정보(리스트) */
.prod_li {width: 100%; letter-spacing: -0.04em; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.prod_thumbnail_li {width: 100%; border-top: 1px solid #c4ccd6; border-left: 1px solid #c4ccd6; border-right: 1px solid #c4ccd6;}
.prod_thumbnail_li li {width: 100%; padding: 12px 30px; border-bottom: 1px solid #c4ccd6; background: #fffefc; transition: background 0.7s;}
.prod_thumbnail_li li:after {content: ""; clear: both; display: block;}
.prod_thumbnail_li li:hover {background: #fff;}
.prod_thumbnail_li li .thumbnail_img {display: inline-block; float: left; width: 200px; height: 138px; border: 1px solid #c4ccd6;}
.prod_thumbnail_li li .thumbnail_img:after {content: ""; clear: both; display: block;}
.prod_thumbnail_li li .thumbnail_img img {width: 100%; height: 100%; float: left;}
.prod_thumbnail_li li .prod_info {position: relative; max-width: 365px; display: inline-block; float: left; margin-left: 20px; margin-top: 3px;}
.prod_thumbnail_li li .prod_info .prod_tit {display: inline-block; max-width: 355px; font-size: 21px; font-weight: 600; color: #222; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.prod_thumbnail_li li .prod_info .prod_tit .tit_mfg {font-size: 18px; color: #888; margin-right: 7px;}
.prod_thumbnail_li li .prod_info .prod_tit:hover {text-decoration: underline;}
.prod_thumbnail_li li .prod_info .prod_mfg {font-size: 12px; color: #666;}
.prod_thumbnail_li li .prod_info .prod_price {font-size: 18px; color: #eb0000; font-weight: 600; font-family: Arial, sans-serif;}
.prod_thumbnail_li li .prod_info .prod_price .price_standard {font-size: 12px; color: #888; font-weight: 300;}
.prod_thumbnail_li li .prod_info .a_price {font-size: 14px; font-weight: 300;}
.prod_thumbnail_li li .prod_info .a_price strong {font-size: 18px; font-weight: 600; vertical-align: middle; margin-right: 1px;}
.prod_thumbnail_li li .prod_info .prod_spec {width: 100%; background: #eee; margin-top: 10px; padding: 0 10px 2px 10px; line-height: 14px;}
.prod_thumbnail_li li .prod_info .prod_spec * {display: inline-block; font-size: 12px; color: #666;}
.prod_thumbnail_li li .prod_info .prod_spec dt::before {content: "[";}
.prod_thumbnail_li li .prod_info .prod_spec dt::after {content: "]";}
.prod_thumbnail_li li .prod_info .prod_spec dd::after {content: " / "; color: #666; font-weight: 300;}
.prod_thumbnail_li li .prod_info .prod_spec .dd_last::after {content: "";}
.prod_thumbnail_li li .prod_info .prod_spec tr {width: 100%;}
.prod_thumbnail_li li .prod_info .prod_spec td {width: 50%; float: left; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 3px;}
.prod_thumbnail_li li .mark_area {position: absolute; right: 0; top: 25px;}
.prod_thumbnail_li li .mark_area img {width: 32px;}
.prod_thumbnail_li li .prod_view {display: inline-block; float: right; margin-top: 25px;}
.prod_thumbnail_li li .prod_view .view_btn {display: block; width: 50px; height: 50px; background: url("/images/product/prod_view_bg_on.png") no-repeat center; background-size: contain; color: #fff; line-height: 15px; padding: 9px 0; text-align: center; font-size: 12px; font-weight: normal; margin: 0 auto;}
.prod_thumbnail_li li .prod_view .view_btn:hover {opacity: 0.9;}
.prod_thumbnail_li li .prod_view .compare_check {display: block; font-size: 12px; color: #666; margin-top: 10px; letter-spacing: -0.07em;}
.prod_thumbnail_li li .count_area {float: initial; margin-top: 4px;}
.prod_box_li {border: 0;}
.prod_box_li:after {content: ""; clear: both; display: block;}
.prod_box_li li {position: relative; display: inline-block; float: left; width: 25%; height: 240px; text-align: center; padding: 20px 0; border-color: #c4ccd6; background: #fff;}
.prod_box_li li:hover {background: #fff;}
.prod_box_li li:hover .prod_view .view_btn {display: block; opacity: 1;}
.prod_box_li li .thumbnail_img {width: 150px; height: 104px; border: 1px solid #c4ccd6; margin: 0 auto; float: none;}
.prod_box_li li .prod_spec, .prod_box_li li .prod_info .prod_price .price_standard {display: none;}
.prod_box_li li .prod_info {float: none; margin: 0; width: 100%;}
.prod_box_li li .prod_info .prod_mfg {color: #888;}
.prod_box_li li .prod_info .prod_tit {display: block; max-width: 90%; font-size: 18px; margin: 0 auto;}
.prod_box_li li .prod_info .prod_price {font-size: 16px;}
.prod_box_li li .prod_info .a_price {font-size: 11px; padding: 3px 0 0;}
.prod_box_li li .prod_info .a_price strong {font-size: 13px; vertical-align: middle;}
.prod_box_li li .count_area {font-size: 12px;}
.prod_box_li li .prod_info .prod_tit .tit_mfg {position: absolute; top: -26px; left: 12px; font-size: 11px; font-weight: 300; background: #666; color: #fff; padding: 0 6px 2px; letter-spacing: -0.03em; border-radius: 20px;}
.prod_box_li li .prod_view {float: none; margin-top: 0; padding: 0;}
.prod_box_li li .prod_view .view_btn {position: absolute; bottom: 52%; right: 12px; z-index: 12; width: 35px; height: 35px; background-size: contain; padding: 5px 0; font-size: 11px; line-height: 12px; letter-spacing: -0.07em; font-weight: 500; opacity: 0; transition: opacity 0.8s;}
.prod_box_li li .prod_view .compare_check {margin-top: 5px;}
.prod_box_li li .mark_area {position: absolute; top: -98px; left: 13px; text-align: left;}
.prod_box_li li .mark_area img {opacity: 0.9; width: 25px; margin: 0 -1px;}
.prod_box_li li .count_area >div {float: none;}
.prod_box_li li .count_area .like_count {margin-left: 5px;}

/* 드론 기종정보 - 드론 기종 비교 */
.compare_area {width: 100%; min-width: 530px;}
.compare_tit {position: relative; width: 100%; background: #666; color: #fff; height: 40px;}
.compare_tit .left {position: absolute; top: 9px; left: 15px;}
.compare_tit .left h3 {font-size: 14px; font-weight: 600;}
.compare_tit .left h3 .blue {color: #67eefa !important; padding: 0 2px;}
.compare_tit .right {position: absolute; top: 10px; right: 15px; font-size: 13px;}
.compare_tit .right a {color: #d5d5d5; margin-left: 25px; cursor: pointer; padding: 1px 0 1px 20px;}
.compare_tit .right a:hover {color: #e5e5e5;}
.compare_tit .right .print_btn {background: url("/images/product/print_ic.png") no-repeat left 3px;}
.compare_tit .right .close_btn {background: url("/images/product/close_ic_3.png") no-repeat left 3px;}
.compare_cont {padding: 15px;}
.compare_table {border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; color: #333; font-size: 13px;}
.compare_table th {width: 120px; min-width: 120px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 8px 10px; background: #f5f5f5; font-size: 12px;}
.compare_table td {max-width: 180px; min-width: 180px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 8px 10px;}
.compare_table td img {max-width: 100%;}
.compare_table .name_tr td {color: #222; font-weight: 600; font-size: 14px;}
.compare_table .price_tr td {color: #e90000; font-weight: 600; font-size: 14px; font-family: Arial, sans-serif;}
.compare_box {position: fixed; bottom: 0; float: left; z-index: 102; letter-spacing: -0.07em;}
.compare_box >div {width: 950px; background: #fff; opacity: 0.95;}
.compare_tit2 {width: 100%; background: #2a467d; color: #fff; padding: 5px 20px 7px 20px;}
.compare_tit2:after {content: ""; clear: both; display: block;}
.compare_tit2 .left {display: inline-block; float: left;}
.compare_tit2 .left h3 {font-size: 15px; font-weight: 600;}
.compare_tit2 .left h3 span {color: #63f1ff; font-weight: normal;}
.compare_tit2 .right {display: inline-block; float: right;}
.compare_tit2 .right a {color: #eee; font-size: 12px; cursor: pointer;}
.compare_tit2 .right a:hover {color: #fff;}
.compare_cont2 {width: 100%; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #bbb;}
.compare_cont2:after {content: ""; clear: both; display: block;}
.compare_cont2 .left {display: inline-block; float: left; width: 81%; height: 165px; padding:10px 15px 10px 15px; background: #e5e5e5;}
.compare_cont2 .left ul li {position: relative; display: inline-block; float: left; width: 20%; padding: 0 5px; text-align: center;}
.compare_cont2 .left ul li .delete_btn {position: absolute; top: 1px; right: 6px; z-index: 201; cursor: pointer; background: none; padding: 0; border: 0;}
.compare_cont2 .left ul li .delete_btn img {float: left;}
.compare_cont2 .left ul li .delete_btn:hover {opacity: 0.8;}
.compare_cont2 .left ul li .product_img img {width: 100%;}
.compare_cont2 .left ul li strong {display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; margin-top: 7px; color: #333; letter-spacing: -0.1em;}
.compare_cont2 .left ul li .prod_price {display: block; font-size: 12px; color: #eb0000; letter-spacing: -0.01em;}
.compare_cont2 .right {display: inline-block; float: right; width: 19%; height: 165px; background: #f9f9f9;}
.compare_cont2 .right:after {content: ""; clear: both; display: block;}
.compare_cont2 .right >div {padding-top: 65px; text-align: center;}
.prod_compare a {display: inline-block; padding: 5px 10px 7px 30px; background: #2553c5 url("/images/product/compare_ic.png") no-repeat 10px 10px; color: #fff; cursor: pointer; font-size: 13px;}
.prod_compare a:hover {opacity: 0.9;}

/* 드론 기종정보 - 뷰 페이지 */
.product_view .tit_type3 {position: relative;}
.product_view .tit_type3 .review_btn {position: absolute; right: 0; bottom: 0; font-size: 12px; background: #516ff0 url("/images/common/review_ic.png") no-repeat 10px center; background-size: 22px auto; color: #fff; border-radius: 8px 8px 0 0; padding: 2px 10px 4px 35px; cursor: pointer; letter-spacing: -0.07em;}
.product_view .tit_type3 .review_btn:hover {text-decoration: underline;}
.product_top {margin-top: 30px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.product_top:after {content: ""; clear: both; display: block;}
.product_top_img {position: relative; display: inline-block; float: left; width: 230px; height: 140px; text-align: center;}
.product_top_img img {width: 100%; height: 100%;}
.product_top_img .mark_area {position: absolute; top: 150px; left: 0; z-index: 100; width: 230px; text-align: center;}
.product_top_img .mark_area img {opacity: 0.9; width: 32px; height: 37px;}
.product_top .pkg_box {margin-top: 30px;}
.product_top .pkg_cont {border-left: 0; border-right: 0;}
.product_top .pkg_cont ul li {padding: 0 15px; border-right: 1px solid #eee;}
.product_top .pkg_cont ul li:last-child {border-right: 0;}
.product_info {display: inline-block; float: left; width: 380px; margin-left: 28px;}
.product_info h2 {font-size: 28px; color: #222;padding: 0 0 8px 0; border-bottom: 3px solid #222; font-weight: 600; line-height: 29px; letter-spacing: -0.05em;}
.product_info h2 span {color: #888; font-size: 23px; margin-right: 10px;}
.product_info_1 {background: #f9f9f9; border-bottom: 1px solid #ddd; padding: 10px 20px; letter-spacing: -0.07em;}
.product_info_1:after {content: ""; clear: both; display: block;}
.product_info_1 dt {display: inline-block; color: #666; width: 30%; float: left; padding: 3px 0; font-size: 13px;}
.product_info_1 dd {display: inline-block; color: #222; width: 70%; float: left; padding: 3px 0; font-size: 14px; font-weight: 600;}
.product_info_2 {padding: 7px 20px; border-bottom: 1px solid #222;}
.product_info_2:after {content: ""; clear: both; display: block;}
.product_info_2 dt {display: inline-block; color: #666; width: 30%; float: left; padding: 2px 0; font-size: 13px;}
.product_info_2 dd {display: inline-block; color: #eb0000; width: 70%; float: left; font-size: 21px; line-height: 20px;}
.product_info_2 dd .sm_txt {font-size: 14px;}
.product_info_price dd div strong {font-size: 13px; color: #222; margin-right: 10px; font-weight: 500;}
.product_info_3 {border-bottom: 1px solid #222; padding-left: 32%; padding-bottom: 8px;}
.product_info_3 p {color: #888; font-size: 12px;}
.product_info_3 a {display: inline-block; color: #666; font-size: 13px; font-weight: 600; letter-spacing: -0.1em; background: #f2f2f2 url("/images/product/shop_ic.png") no-repeat 10px center; padding: 5px 10px 7px 40px; border: 1px solid #c4ccd6; margin-top: 8px;}
.product_info_3 a:hover {background-color: #eee;}
.product_info_3 a span {color: #009ed8; font-weight: 600;}
.product_info .right >span {display: block; color: #888; font-size: 12px; padding-top: 5px; letter-spacing: -0.07em;}
.tag_area {display: inline-block; width: 100%; background: #f9f9f9 url("/images/common/bg_1.png"); margin-top: 30px; padding: 3px 20px 5px 0;}
.tag_area div {background: url("/images/common/tag_ic.png") no-repeat -3px center; padding: 5px 0 5px 100px;}
.tag_area a {font-size: 13px; color: #222; padding: 0 8px; letter-spacing: -0.1em;}
.tag_area a:hover {color: #0086b7; text-decoration: underline;}
.table_type1 {width: 100%; text-align: center;border: 1px solid #c4ccd6; border-bottom: 0; font-size: 13px; letter-spacing: -0.07em;}
.table_type1 th {background: #f5f5f5; padding: 10px 0; border-bottom: 1px solid #c4ccd6; font-weight: 300;}
.table_type1 td {padding: 10px 5px; border-bottom: 1px solid #c4ccd6; font-size: 14px; font-weight: 600;}
.table_type1 th .tooltip {position: relative; cursor: pointer; background: url("/images/product/tooltip_ic.png") no-repeat right 4px; padding-right: 15px;}
.table_type1 th .tooltip:hover {border-bottom: 1px solid #6a93f8;}
.table_type1 th .tooltip:hover .tooltip_box {visibility: visible;}
.table_type1 th .tooltip .tooltip_box {visibility: hidden; position: absolute; top: 24px; left: -15px; display: block; width: 230px; font-size: 12px; color: #fff; font-weight: 300; line-height: 16px; background: #6a93f8; padding: 5px 12px; border-radius: 30px; opacity: 0.9; word-break: keep-all; z-index: 100; }
.table_type2 {width: 100%; font-size: 13px; letter-spacing: -0.07em;}
.table_type2 th {background: #f5f5f5; border-top: 1px solid #acb0b4; border-bottom: 1px solid #acb0b4; padding: 7px 10px; color: #222; font-size: 14px;}
.table_type2 td {border-bottom: 1px solid #c4ccd6; padding: 7px 10px; color: #666; letter-spacing: -0.07em;}
.table_type2 td a {display: inline-block; width: 100%; max-width: 400px; color: #222; font-size: 16px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.table_type2 td a:hover {text-decoration: underline;}
.table_type2 tr.active {background-color: #f9f9f9;}
.table_type2 tr.active td a {font-weight: 600; text-decoration: underline;}
.note_box {border: 1px solid #2cb4ec; margin-top: 25px; padding: 0 30px 30px 30px; letter-spacing: -0.08em;}
.note_box .note_tit {position: relative; display: block; width: 648px; background: #2cb4ec; color: #fff; font-size: 15px; font-weight: 600; padding: 5px 0 7px 100px; margin: 0 0 30px -30px;}
.note_box .note_tit:before {content: ""; position: absolute; top: -15px; left: 30px; display: block; width: 61px; height: 62px; background: url("/images/common/note_bg2.png") no-repeat center;}
.note_box .note_txt {background: url("/images/common/note_line.png") repeat-y left top; border-top: 1px solid #c6cdd7; padding-left: 10px; color: #222; line-height: 31px; font-size: 14px;}
.note_box .note_txt * {color: #222; line-height: 31px; font-size: 13px; padding: 0; margin: 0;}
.detail_2_img2 {width: 100%; margin-top: 25px;}
.detail_2_img2:after {content: ""; clear: both; display: block;}
.detail_2_img2 li {display: inline-block; float: left; width: 320px; height: 221px; border: 1px solid #c4ccd6; text-align: center;}
.detail_2_img2 li img {width: 100%; height: 100%;}
.detail_2_img2 li.li_last {margin-left: 10px;}
.detail_2_img4 {margin-top: 10px;}
.detail_2_img4:after {content: ""; clear: both; display: block;}
.detail_2_img4 li {display: inline-block; float: left; width: 155px;height: 107px; border: 1px solid #c4ccd6; text-align: center; margin-right: 10px;}
.detail_2_img4 li img {width: 100%; height: 100%;}
.detail_2_img4 li.li_last {margin-right: 0;}
.title_blog {display: block; font-size: 15px; color: #222; background: url("/images/common/naverBlog_ic2.png") no-repeat left 5px; margin: 10px 0; padding-left: 75px; letter-spacing: -0.1em;}
.title_youtube {display: block; font-size: 15px; color: #222; background: url("/images/common/youtube_ic3.png") no-repeat left 4px;  padding-left: 65px; margin: 10px 0; letter-spacing: -0.1em;}
.product_list4 {width: 100%;}
.product_list4:after {content: ""; clear: both; display: block;}
.product_list4 li {display: inline-block; float: left; width: 155px; margin-right: 10px; text-align: center;}
.product_list4 li:last-child {margin-right: 0;}
.product_list4 li a {display: inline-block;}
.product_list4 li a * {transition: opacity 1s;}
.product_list4 li .product_img {width: 155px; height: 87px; padding: 0; transition: border 0.7s; overflow: hidden;}
.product_list4 li .product_img:after {content: ""; clear: both; display: block;}
.product_list4 li .product_img img {width: 100%; height: 100%; float: left;}
.product_list4 li .product_img:hover {border-color: #888;}
.product_list4 li strong {display: block; width: 155px; color: #222; font-size: 15px; letter-spacing: -0.07em; padding: 7px 0 3px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.product_list4 li:hover strong {text-decoration: underline;}
.product_list4 li span {display: block; color: #888; font-size: 13px; letter-spacing: -0.03em;}
.product_list4 li a:hover * {opacity: 0.9;}
.price_li {display: block; background: #f9fbff; padding: 15px 30px; border: 1px solid #c4ccd6; border-top: 2px solid #222; letter-spacing: -0.1em;}
.price_li table {width: 100%;}
.price_li.shop_price {background: #fafafa;}
.price_li tr td {font-size: 13px; border-bottom: 1px dotted #aaa; padding: 5px 3px; vertical-align: middle;}
.price_li tr .logo .ic_img {vertical-align: middle;}
.price_li tr .name {width: 100px; text-align: center;}
.price_li tr .name span {display: block; color: #2a467d; font-size: 12px; font-weight: 600; border: 1px solid #2a467d; padding: 0 5px 2px; line-height: 18px; background: #fff;}
.price_li tr .txt_link {width: 390px; color: #000; font-size: 13px; padding: 7px 3px 7px 10px;}
.price_li tr .txt_link a {max-width: 285px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.price_li tr .txt_link:hover {text-decoration: underline;}
.price_li tr .txt_link.bold {font-size: 15px; line-height: 24px;}
.price_li tr .txt_link.bold a {max-width: 380px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.price_li tr .txt_link.bold:hover a {color: #2a467d;}
.price_li tr .price {width: 100px; color: #e90000; font-weight: 600; font-size: 12px; letter-spacing: -0.05em; text-align: right;}
.price_li tr .price.txt_lg {font-size: 15px;}
.price_li tr .delivery {color: #888; font-size: 12px; text-align: center;}
.price_li tr .mark {text-align: center;}
.price_li tr .mark span {background: #e90000; font-size: 11px; color: #fff; padding: 0 4px 1px 0;}
.price_li tr .mark span:before {content: "↓";}
.price_li tr:last-child td {border-bottom: 0;}
.shop_price tr .logo {width: 80px;}
.shop_price tr .txt_link {width: 285px;}
.shop_price tr .price {width: 80px;}
.shop_price tr .delivery {width: 90px;}
.shop_price tr .mark {width: 50px;}
.pkg_tit {width: 100%; background: #366fc6 url("/images/common/pkg_tit_bg.jpg") repeat-x left center; color: #fff; padding: 5px 20px; letter-spacing: -0.05em;}
.pkg_tit img {vertical-align: middle; padding-top: 5px; width: 150px;}
.pkg_tit p {display: inline-block; vertical-align: middle; padding-left: 7px; font-size: 13px;}
.pkg_tit p span {color: #51fdff; margin-right: 5px; letter-spacing: -0.02em; font-weight: 600; font-size: 14px;}
.pkg_cont {padding: 12px 10px; border: 1px solid #366fc5;}
.pkg_cont ul:after {content: ""; clear: both; display: block;}
.pkg_cont ul li {display: inline-block; float: left; width: 33.3%; padding: 0 5px;}
.pkg_cont ul li a {width: 100%; display: block; border: 1px solid #ddd; text-align: center;}
.pkg_cont ul li a:hover {background: #f9f9f9; border-color: #ccc;}
.pkg_cont ul li a:hover h4 {color: #1180d5;}
.pkg_cont ul li h4 {font-size: 20px; color: #000; padding: 5px 10px 8px 10px; font-weight: 600; border-bottom: 1px solid #ddd; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.07em;}
.pkg_cont ul li .drone_img {position: relative; overflow: hidden;}
.pkg_cont ul li .drone_img:after {content: ""; clear: both; display: block;}
.pkg_cont ul li .drone_img img {width: 100%; float: left;}
.pkg_cont ul li .drone_img .event {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(223, 0, 0, 0.8); color: #fff; padding: 4px 10px; font-size: 12px; line-height: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pkg_cont ul li .drone_img .event span:before {content: "EVENT"; color: #fffd5e; font-size: 11px; font-weight: 600; margin-right: 5px;}
.pkg_cont ul li .drone_cont {width: 100%; border-top: 1px solid #ddd; padding: 7px 10px;}
.pkg_cont ul li .drone_cont h5 {font-size: 14px; color: #222; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.07em;}
.pkg_cont ul li .drone_cont .price {font-size: 13px; color: #5b88f8; font-weight: 600; margin-top: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.03em;}
.pkg_cont ul li .drone_cont .price strong {font-size: 16px;}
.customer_cont .review_form {padding: 15px 15px; text-align: center; background: #d7e7ff;}
.customer_cont .review_form >strong {display: block; margin-top: 15px; font-size: 15px; color: #222; line-height: 22px;}
.customer_cont .review_form >strong .point {text-decoration: underline;}
.customer_cont .review_form >strong .point:before {content: ""; display: inline-block; width: 13px; height: 13px; background: url("/images/common/point_ic2.png") no-repeat center; margin-bottom: -1px; margin-right: 3px;}
.customer_cont .review_form .url_box {width: 100%; padding: 15px 0; margin-top: 20px; font-size: 14px; background: #fff;}
.customer_cont .review_form .url_box strong {display: inline-block; color: #516ff0; font-size: 14px; margin-right: 7px; line-height: 20px;}
.customer_cont .review_form .url_box input {display: inline-block; width: 85%; border: 2px solid #516ff0; border-radius: 2px; padding: 6px 10px 8px; font-size: 14px; line-height: 20px;}

/* 비행장소 */
.info_area {width: 100%; background: #f5f5f5; padding: 15px 15px 15px 0; border-bottom: 1px solid #acb0b4;}
.info_area:after {content: ""; clear: both; display: block;}
.info_area .place_count {display: inline-block; float: left; width: 50%; text-align: center;}
.info_area .place_count span {display: inline-block; letter-spacing: -0.05em;}
.info_area .place_count span.area {color: #6f7884; font-size: 16px; margin-right: 5px;}
.info_area .place_count span.count {color: #105ec9; font-size: 50px; font-weight: 600; vertical-align: sub;}
.info_area .place_count span.txt_lg {color: #222; font-size: 20px; font-weight: 600;}
.info_area .weather_box {position: relative; display: inline-block; float: left; width: 50%; padding: 10px 15px; background: #fff; border-top: 2px solid #222; letter-spacing: -0.05em;}
.info_area .weather_box:after {content: ""; clear: both; display: block;}
.info_area .weather_box >div {display: inline-block; float: left;}
.info_area .weather_info1 {width: 50%; padding-right: 5px;}
.info_area .weather_info1 >div {display: inline-block; float: left;}
.info_area .weather_info1 .weather_ic {width: 50%; text-align: center;}
.info_area .weather_info1 .weather_ic img {padding: 5px 0;}
.info_area .weather_info1 .weather_txt {width: 50%; text-align: center; margin-top: -7px;}
.info_area .weather_info1 .weather_txt .txt_lg {color: #333; font-size: 13px; font-weight: 500;}
.info_area .weather_info1 .weather_txt .txt_lg .current {font-size: 33px;vertical-align: -13px; font-weight: 600;}
.info_area .weather_info1 .weather_txt .txt_sm {font-size: 14px; color: #888; margin-top: -2px; letter-spacing: 0;}
.info_area .weather_info1 .weather_txt .txt_sm .lowest {color: #1180d5;}
.info_area .weather_info1 .weather_txt .txt_sm .highest {color: #e90000;}
.info_area .weather_info2 {width: 50%; color: #444; font-size: 13px; padding-left: 15px; border-left: 2px solid #e5e5e5;}
.info_area .weather_info2 >div {display: block; line-height: 18px; letter-spacing: -0.02em;}
.info_area .weather_info2 >div span {color: #fe9500; padding-left: 5px; font-weight: 600;}
.info_area .weather_info2 >div .description_btn {margin-right: 3px; cursor: pointer;}
.info_area .weather_info2 >div .description_btn img {margin-bottom: -3px;}
.info_area .weather_info2 .description_cont {display: none; position: absolute; top: -29px; left: 0; width: 100%; background: #effcff url("/images/common/question_ic3.png") no-repeat 12px center; border: 2px solid #c2cecf; z-index: 10; padding: 10px;}
.info_area .weather_info2 .description_cont p {display: inline-block; padding-left: 50px; font-size: 12px; text-align: justify; color: #444; line-height: 16px; letter-spacing: -0.1em; word-spacing: -0.06em;}
.info_area .weather_info2 .description_cont .arrow_ic {position: absolute; right: 85px; bottom:-10px;}
.info_area .weather_info2 >div .description_btn:hover .description_cont {display: block;}
.list_place {width: 100%;}
.list_place .li_block {padding: 15px 0; border-bottom: 1px solid #c4ccd6;}
.list_place .li_block:after {content: ""; clear: both; display: block;}
.list_place .li_block .thumbnail {position: relative; display: inline-block; float: left; width: 205px; height: 120px; overflow: hidden;}
.list_place .li_block .thumbnail img {width: 100%; height: 100%;}
.list_place .li_block .thumbnail .zoom {position: absolute; right: 0; bottom: 0; max-width: 30px; max-height: 30px; display: block; padding: 6px 6px 4px 6px; background: rgba(0, 0, 0, 0.5); cursor: pointer;}
.list_place .li_block .thumbnail .zoom:hover {background: rgba(0, 0, 0, 0.7);}
.list_place .li_block .thumbnail .zoom img {max-width: 17px; max-height: 17px;}
.list_place .li_block .txt_area {display: inline-block; float: left; width: 420px; margin-left: 25px;}
.list_place .txt_area .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; line-height: 22px; letter-spacing: -0.1em; margin-top: -4px;}
.list_place .txt_area .md_txt {display: block; width: 100%; font-size: 14px; color: #222; letter-spacing: -0.07em; line-height: 20px; margin: 8px 0;}
.list_place .txt_area .sm_txt {display: block; width: 100%; font-size: 13px; color: #888; letter-spacing: -0.07em; line-height: 18px; margin: 0; padding-left: 20px; background: url("/images/index/template2_bullet.png") no-repeat 5px 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.list_place .info_box {border-top: 1px dotted #aaa; padding-top: 12px;}
.list_place .info_box:after {content: ""; clear: both; display: block;}
.list_place .info_box .link_li {display: inline-block; float: left;}
.list_place .info_box .link_li a {display: inline-block; background: #aab3bd; color: #fff; font-size: 12px; padding: 4px 10px 6px 10px; border-radius: 1px; line-height: 14px; cursor: pointer;}
.list_place .info_box .link_li a:hover {background: #949ca4; text-decoration: underline;}
.list_place .info_box .link_li a.dark_bg {background: #717f90;}
.list_place .info_box .link_li a.dark_bg:hover {background: #105ec9;}
.list_place .info_box .count_area {display: inline-block; float: right;}

/* 전체검색 */
.search_top {background: #f5f5f5; padding: 15px 0; border: 1px solid #c4ccd6;}
.search_box {position: relative; width: 300px; margin: 0 auto; border: 1px solid #aaa; background: #fff; padding: 0; letter-spacing: -0.05em;}
.search_box input {width: 238px; height: 38px; border: 0; padding: 0 15px 5px 15px; vertical-align: middle; font-size: 14px; color: #222; font-weight: 600; background: transparent;}
.search_box input::placeholder {font-weight: 300;}
.search_box .search_btn {position: absolute; top: 0; right: 0; display: block; width: 60px; height: 38px; background: #444; color: #fff; font-size: 13px; text-align: center; padding-top: 9px; z-index: 50; cursor: pointer;}
.search_box .search_btn:hover {background: #333;}
.result_txt {font-size: 18px; color: #333; margin-top: 35px; letter-spacing: -0.07em;}
.result_txt strong {font-size: 25px; color: #1180d5; font-weight: 600;}
.result_box {width: 100%; background: #fff url("/images/common/bg_4.png"); padding: 5px; margin: 10px 0 25px 0; letter-spacing: -0.05em;}
.result_box >div {width: 100%; background: #fff; padding: 12px 20px;}
.result_box h2 {margin-bottom: 7px;}
.result_box h2 a {display: block; font-size: 14px; color: #222; font-weight: 600;}
.result_box ul li {display: inline-block; width: 24%; background: url("/images/common/bullet_2.png") no-repeat left 9px; padding-left: 9px;}
.result_box ul li a {color: #444; font-size: 14px;}
.result_box ul li a:hover {text-decoration: underline;}
.result_box ul li.active {font-weight: 600; text-decoration: underline;}
.result_li {padding: 5px 0; letter-spacing: -0.05em;}
.result_li h3 {width: 100%; border-bottom: 2px solid #222; padding-bottom: 7px; margin-bottom: 0;}
.result_li ul li {border-bottom: 1px solid #c4ccd6; padding: 15px 0; line-height: 22px;}
.result_li ul li:after {content: ""; clear: both; display: block;}
.result_li ul li >div {display: inline-block; float: left;}
.result_li ul li .left {width: 85%;}
.result_li ul li .left h4 {margin-bottom: 10px; color: #000; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.03em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.result_li ul li .left:hover h4 {text-decoration: underline;}
.result_li ul li .left p {color: #666; display: -webkit-box; max-height: 45px; font-size: 14px; line-height: 23px; margin: 10px 0; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: normal; text-align: justify; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.result_li ul li .left:hover p {color: #222;}
.result_li ul li .right {width: 15%; padding-top: 30px;}
.result_li ul li .right .date {margin-bottom: 15px; font-size: 13px; color: #666;}
.result_li ul li .right .blank {display: inline-block; background: url("/images/search/blank_ic.png") no-repeat 3px 6px; padding: 0 3px 0 20px; color: #666; font-size: 12px;}
.result_li ul li .right .blank:hover {font-weight: 600;}
.result_li .more_btn {display: inline-block; padding: 3px 0 0 0; font-size: 13px; color: #666;}
.result_li .more_btn:hover {font-weight: 600;}

/* 팝업 */
.bg_black {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 200;}
.layer_popup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 501; text-align: center;}
.layer_popup .img_orig {position: relative; top: 35%; padding-left: 25px;}
.layer_popup .close_btn {cursor: pointer;}
.layer_popup .close_btn img {width: 23px; margin-left: 3px;}
.layer_type1 {display: none; position: absolute; width: 500px; top: 20%; left: 28%; background: #fff; z-index: 201;}
.layer_type1 .title_type2 {width: 100%; color: #333; font-weight: 600; background: #f3f5f9 url("/images/common/layer_tit_bg.jpg") repeat-x left bottom; padding: 15px 15%; font-size: 17px; line-height: 20px;}
.layer_type1 .layer_cont {padding: 40px 15%; background: #e9e9e9;}
.layer_type1 .layer_ft {padding: 20px 15%;}
.layer_type1 .form_input {font-size: 13px; color: #333; line-height: 18px; border: 1px solid #c4ccd6; border-radius: 2px; padding: 7px 10px;}
.layer_type1 .form_input::placeholder {color: #ccc;}
.layer_type1 .btn_area a {font-size: 14px; padding: 6px 20px;}
.layer_type1 .btn_area a.btn_blue {background: #1180d5; color: #fff; border: 0;}
.layer_type1 .btn_area a.btn_blue:hover {background: #1f91e8;}
.layer_type1 .btn_area a.btn_white {display: inline-block; border: 1px solid #c4ccd6; line-height: 20px; padding: 6px 19px; cursor: pointer;}
.layer_type1 .inline_block {width: 100%;}
.layer_type1 .inline_block >* {display: inline-block;}
.layer_type1 .inline_block .btn_type1 {display: inline-block; border: 1px solid #c4ccd6; background: #fff; padding: 7px 10px; color: #333; font-size: 12px; line-height: 18px; vertical-align: middle; cursor: pointer;}
.layer_type1 .inline_block .btn_type1:hover {text-decoration: underline;}
.layer_type1 h5 {margin: 0 0 7px 0; font-size: 14px; color: #333; background: url("/images/common/bullet_1.png") no-repeat left center; padding-left: 12px;}
.layer_type1 .help_txt {font-size: 12px; margin-top: 5px;}
.layer_type1 h6 {font-size: 14px; line-height: 24px;}

/* 댓글 */
.comment_tit {margin-top: 80px; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #333; letter-spacing: -0.05em;}
.comment_area {width: 100%; background: #f0f4f9; border-top: 2px solid #222; border-bottom: 1px solid #222; font-size: 13px;}
.comment_area ul li {padding: 0 25px;}
.comment_area ul li.li_last .comm_cont {border: 0;}
.comm_cont {border-bottom: 1px solid #c4ccd6; padding: 10px 0; letter-spacing: -0.05em; }
.comm_head {width: 100%; position: relative;}
.comm_head * {display: inline-block;}
.comm_head .name {color: #222; font-weight: 600; font-size: 15px;}
.comm_head .name .level_ic {vertical-align: middle; margin-right: 7px;}
.comm_head .master {color: #005da4; background: url("/images/common/master_ic.png") no-repeat left center; padding-left: 26px;}
.comm_head .date {color: #888; font-size: 13px; margin-left: 5px;}
.comm_head .btn_area {position: absolute; right: 0;}
.comm_head .btn_area a {color: #fff; padding: 1px 7px 3px 7px; font-size: 12px; border-radius: 2px; font-weight: 600; background: #b0b5bd;}
.comm_head .btn_area a:before {content: "X"; display: inline-block; font-weight: 600; margin-right: 2px; font-size: 11px;}
.comm_head .btn_area a:hover {color: #888; background: #f9f9f9;}
.comm_body {margin-top: 5px; color: #444; font-size: 14px; line-height: 20px;}
.comm_body p {position: relative; display: inline-block; margin-top: 3px; margin-left: 15px; background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 15px 12px;}
.comm_body p:before {content: ""; width: 14px; height: 7px; position: absolute; top: -7px; left: 20px; background: url("../images/common/comment_bg.png") no-repeat center;}
.comm_footer {padding: 15px 25px; border-top: 1px solid #c4ccd6; letter-spacing: -0.05em;}
.comm_f_tit {width: 82%; margin-bottom: 5px;}
.comm_f_tit:after {content:""; clear: both; display: block;}
.comm_f_tit h5 {display: inline-block; font-size: 13px; color: #222; vertical-align: middle;}
.comm_f_tit .comm_f_form {display: inline-block; float: right;}
.comm_f_tit .comm_f_form label {color: #666; font-size: 13px; margin-left: 10px;}
.comm_f_tit .comm_f_form .form_input {border: 1px solid #b1bac5; border-radius: 2px; padding: 4px 5px; font-size: 13px;}
.comm_write {width: 100%; padding: 5px 0 10px 0;}
.comm_write:after {content: ""; clear: both; display: block;}
.comm_write textarea {display: inline-block; float: left; width: 82%; padding: 5px 10px; border-color: #b1bac5; font-size: 14px; line-height: 24px;}
.comm_write .btn_area {display: inline-block; float: left; width: 18%; padding-left: 10px;}
.comm_write .btn_area:after {content: ""; clear: both; display: block;}
.comm_write .btn_area input {display: inline-block; float: left; text-align: center; cursor: pointer; padding: 30px 5px; font-size: 14px;}
.comm_write .btn_area input.btn_reply {background: #1180d5; color: #fff; width: 100%; height: 84px;}
.comm_write .btn_area input.btn_reply:hover {background: #1f91e8;}

/* 로그인 */
.login {margin-top: 120px;}
.login .wrap {position: relative; width: 764px;}
.login .logo img {width: 160px; vertical-align: bottom;}
.login .title_type1 {display: inline-block; font-size: 30px; font-weight: 600; color: #222; line-height: 22px; background: none; padding-left: 0; padding-bottom: 7px; vertical-align: bottom; margin-left: 15px;}
.login_box {display: flex; width: 100%; border-top: 3px solid #666; border-bottom: 1px solid #666; background: #fff;}
.login_box:after {content: ""; clear: both; display: block;}
.login_box >div {display: inline-block; float: left;}
.login_box .form_area {width: 65%; background: #f3f5f6; padding: 30px;}
.login_box .form_area .inline_block {width: 100%;}
.login_box .form_area .inline_block:after {content: ""; clear: both; display: block;}
.login_box .form_area .inline_block >div {display: inline-block; float: left;}
.login_box .form_area .form_l {width: 65%; padding-right: 3%; margin-top: -3px;}
.login_box .form_area .form_r {width: 35%;}
.login_btn {display: block; width: 100%; background: #1180d5; color: #fff; font-weight: 600; font-size: 15px; padding: 35px 0; text-align: center;}
.login_btn:hover {opacity: 0.9;}
.login_opts {font-size: 12px; color: #666; margin-top: 5px; line-height: 15px;}
.login_opts * {display: inline-block; vertical-align: middle;}
.login_opts label {margin-right: 16%; cursor: pointer;}
.login_opts label:hover {font-weight: 600;}
.login_opts a {color: #666; margin-left: 5px;}
.login_opts a:hover {text-decoration: underline;}
.login_opts a.join_btn {padding-right: 10px; border-right: 1px solid #aaa;}
.login_box .ad_small {width: 35%; text-align: center; padding: 50px 0;}
.login_box .form_ct {width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 2px; padding: 11px 15px; font-size: 14px; color: #333; margin: 3px 0;}
.n_login {display: block; width: 100%; background: #00c53b; color: #fff; text-align: center; font-size: 16px; font-weight: 600; padding: 12px 0; margin-top: 30px; line-height: 22px;}
.n_login img {vertical-align: middle; margin-right: 15px;}
.n_login:hover {opacity: 0.9;}
.login_ft {display: block; text-align: center; margin-top: 10px; color: #aaa; font-size: 12px;}
.login_ft span {color: #666;}
.ad_large {margin-top: 70px;}
.main_topBanner {width: 100%; position: relative;}
.main_topBanner:after {content: ""; clear: both; display: block;}
.main_topBanner img {width: 100%; float: left;}
.main_topBanner .slider_btn {position: absolute; z-index: 10; bottom:13px; left: 48%;}
.main_topBanner .slider_btn li {display: inline-block; padding: 0 2px;}

/* 회원가입 */
.register .tab_li {position: relative; width: 100%; margin-top: 10px; margin-bottom: 15px; letter-spacing: -0.05em;}
.register .tab_li:after {content: ""; clear: both; display: block;}
.register .tab_li li {display: inline-block; float: left; width: 50%; text-align: center;}
.register .tab_li li a {display: inline-block; width: 100%; padding: 15px 0; background: #e5e5e5; color: #666; font-weight: 600; font-size: 15px; line-height: 20px;}
.register .tab_li li a:hover {opacity: 0.95;}
.register .tab_li li.general a {background: #e5e5e5 url("/images/common/user_ic.png") no-repeat 120px center; padding-left: 35px;}
.register .tab_li li.active.general a {background: #006abc url("/images/common/user_ic_w.png") no-repeat 120px center;}
.register .tab_li li.naver a {background: #e5e5e5 url("/images/common/naver_ic.png") no-repeat 85px center; padding-left: 45px;}
.register .tab_li li.active.naver a {background: #00c53b url("/images/common/naver_ic_w.png") no-repeat 85px center;}
.register .tab_li li.business a {background: #e5e5e5 url("/images/common/biz_ic.png") no-repeat 120px center; padding-left: 35px;}
.register .tab_li li.active.business a {background: #3895e6 url("/images/common/biz_ic_w.png") no-repeat 120px center;}
.register .tab_li li.active a {color: #fff;}
.register .table_form * {vertical-align: middle; letter-spacing: -0.07em;}
.register .table_form .form_input.w50 {width: 50%; margin-right: 5px; letter-spacing: -0.03em;}
.register .table_form .form_input::placeholder {letter-spacing: -0.1em; font-size: 12px;}
.register .table_form .bg td {background: #fffbf5; padding: 7px 20px 11px;}
.register .table_form .bg td .naver {margin-right: 3px; width: 14px; display: inline-block;}
.register .table_form td .radio {margin-right: 5%; font-weight: 600; color: #444; font-size: 13px;}
.register .table_form td .radio:last-child {margin-right: 0;}
.register .table_form td .checkbox {font-size: 13px; margin-right: 3%;}
.register .table_form td .checkbox:last-child {margin-right: 0;}
.register .table_form td .btn_type1 {display: inline-block; height: 33px; border: 1px solid #aaa; background: #fff; color: #333; font-size: 12px; line-height: inherit; padding: 7px 10px; cursor: pointer;}
.register .table_form td .btn_type1:hover {text-decoration: underline;}
.register .table_form td.num .form_input {width: 20%; text-align: center;}
.register .table_form td.addr .form_input {width: auto;}
.register .table_form tr:last-child th, .register .table_form tr:last-child td {border-bottom: 0;}
.register .table_form .line th {padding: 1px 0; background: #fff;}
.register .table_form .mb_type2 th {background: #eaeff7;}
.register .table_form .required {background-image: none !important;}
.register .table_form .required th {position: relative; background: #eaeff7;}
.register .table_form .required th:after {content: "*"; color: #e90000; font-size: 14px; margin-left: 3px; vertical-align: middle;}
.agree_box {width: 100%; margin-top: 30px; letter-spacing: -0.05em;}
.agree_box:after {content: ""; clear: both; display: block;}
.agree_box h4 {font-size: 13px; color: #333; font-weight: 600; margin-bottom: 5px; background: url("/images/common/bullet_3.png") no-repeat left center; padding-left: 10px;}
.agree_box .agree_cont {width: 100%; max-height: 110px; background: #f5f5f5; border: 1px solid #c4ccd6; padding: 5px 15px; color: #666; font-size: 13px; line-height: 16px; overflow-y: auto;}
.agree_box .agree_cont h5 {color: #333; font-weight: 600; margin: 5px 0;}
.agree_box label {float: right; font-size: 12px; color: #333; margin-top: 5px;}
.agree_box p {margin: 7px 0;}
.agree_box .li_depth1 {padding-left: 10px; color: #666;}
.register_confirm {text-align: center; margin: 50px 0; letter-spacing: -0.05em;}
.register_confirm p {font-size: 18px; color: #333; margin-top: 50px;}
.register_confirm p strong {font-size: 25px;}
.register_confirm .btn_area {display: block; margin: 20px 0 30px 0;}
.login_btn2 {display: inline-block; background: #fff url("/images/member/login_ic.png") no-repeat 10px center; padding: 5px 10px 5px 33px; border: 1px solid #c4ccd6; letter-spacing: -0.1em; border-radius: 2px;}
.login_btn2:hover {background-color: #f5f5f5;}

/* 아이디/비밀번호 찾기 */
.member_top {margin: -1px 0 20px; padding: 15px 0; min-height: 65px; letter-spacing: -0.05em; border-bottom: 1px dotted #aaa;}
.member_top h2 {font-size: 16px; color: #000; font-weight: 300;}
.member_top h2 span {font-size: 20px; font-weight: 600;}
.member_top ul {margin-top: 5px;}
.member_top ul li {color: #666; font-size: 12px; line-height: 18px;}
.idpw_find {letter-spacing: -0.05em; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin-bottom: 45px;}
.idpw_find .member_top {background: #f4f4f4 url("/images/common/member_find_2.png") no-repeat 25px center; padding-left: 110px;}
.idpw_find .title_type2 {font-size: 16px; padding-left: 60px; margin-bottom: 7px; color: #222;}
.find_cont .table_form tr:last-child th, .find_cont .table_form tr:last-child td {border-bottom: 0;}
.find_cont .btn_type1 {padding: 7px 15px; color: #fff; font-size: 14px; border: 0; line-height: 20px;}
.find_cont .btn_type1:hover {opacity: 0.9;}
.find_cont .form_input {width: auto;}
.find_cont .form_input.w50 {width: 50%;}
.member_info {display: block; width: 90%; padding: 7px 10px; background: #e5edf9; border-radius: 20px; text-align: center; font-size: 13px; color: #000; font-weight: 600; margin: 10px auto 0 auto;}
.find_id .title_type2 {background: url("/images/member/id_find.png") no-repeat left center; background-size: 50px auto;}
.find_id .find_cont .btn_type1 {background: #147fd5;}
.find_pw {margin-top: 20px;}
.find_pw .title_type2 {background: url("/images/member/pw_find.png") no-repeat left center; background-size: 50px auto;}
.find_pw .find_cont .btn_type1 {background: #00935c;}

/* 내 정보 */
.mypage .member_top {background: #f4f4f4 url("/images/common/member_info_2.png") no-repeat 25px center; padding-left: 110px; min-height: 70px;}
.mypage .table_form {margin-bottom: 20px;}
.mypage .table_form tr:last-child th, .mypage .table_form tr:last-child td {border-bottom: 0;}
.mypage .table_form tr.bg th {background: #eaeff7;}
.mypage .table_form th {padding: 7px 10px; font-size: 12px;}
.mypage .table_form td {padding: 7px 10px 7px 15px; line-height: 20px; font-size: 13px;}
.mypage .table_form td .btn_type1 {display: inline-block; height: 22px; background: #666; color: #fff; font-size: 12px; line-height: inherit; padding: 2px 7px; margin-left: 10px; line-height: 17px; cursor: pointer;}
.mypage .table_form td .btn_type1:hover {text-decoration: underline;}
.mypage .table_form .line td {padding: 1px 0;}
.my_point {width: 100%; border-top: 2px solid #555; border-bottom: 1px solid #c4ccd6; text-align: center; padding: 15px 0 18px; margin: 0 0 10px; font-size: 15px; color: #333; font-weight: 600; background: #fff; letter-spacing: -0.03em;}
.my_point strong:before {content: ""; display: inline-block; width: 23px; height: 23px; background: url("/images/common/point_ic.png") no-repeat center; margin-right: 7px; margin-top: -3px; vertical-align: middle;}
.my_point .blue {font-size: 24px; color: #498af3 !important; vertical-align: sub;}
.my_point .gray {font-size: 19px; color: #333; vertical-align: sub; font-weight: 500;}
.point_opts {width: 100%; margin-bottom: 10px;}
.point_opts:after {content: ""; clear: both; display: block;}
.point_opts .btn_area {display: block; float: right; vertical-align: middle;}
.point_opts .btn_area .btn_type1 {display: inline-block; border: 1px solid #c4ccd6; font-size: 12px; padding: 3px 10px; line-height: 20px; color: #666; cursor: pointer;}
.point_opts .btn_area .his_btn {background: #555961; color: #fff; border-color: transparent;}
.point_opts .btn_area .his_btn:hover {opacity: 0.9;}
.point_opts .btn_area .mall_btn {background: url("/images/common/mall_ic.png") no-repeat 10px center; background-size: 12px; padding-left: 30px;}
.point_opts .btn_area .mall_btn:hover {background-color: #f2f2f2;}
.buy_his {width: 100%; background: #f0f1f5; border: 1px solid #e5e6eb; padding: 20px 15px;}
.buy_his:after {content: ""; clear: both; display: block;}
.buy_his h4 {display: inline-block; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 5px; padding-left: 10px; background: url("/images/common/bullet_3.png") no-repeat left center; line-height: 18px;}
.buy_his .btn_r {display: inline-block; float: right; color: #333; font-size: 12px; background: #fff; border: 1px solid #cbcedc; border-radius: 2px; padding: 0 10px 2px; margin-bottom: 3px; line-height: 18px; cursor: pointer; letter-spacing: -0.1em;}
.buy_his .btn_r:before {content: "+"; font-weight: 600; font-size: 14px; color: #4f7cee; margin-right: 3px;}
.buy_his .btn_r:hover {text-decoration: underline;}
.buy_his .help_txt {font-size: 12px; color: #666; margin-top: 5px;}
.buy_his .free {}
.buy_his .premium {margin-top: 20px;}
.buy_his .premium h4 {color: #b3770a;}
.buy_his .premium h4:before {content: "P"; width: 16px; height: 16px; background: #e8a919; color: #fff; font-style: italic; font-size: 11px; border-radius: 10px; padding: 0 5px; margin-right: 3px;}
.buy_his .premium .table_gray {border-top-color: #c38b0c;}
.table_blue {width: 100%; letter-spacing: -0.05em; border: 1px solid #304e9b; border-top: 2px solid #304e9b;}
.table_blue th {background: #4f7cee; color: #fff; text-align: center; font-size: 12px; font-weight: 600; padding: 7px 5px; border-right: 1px solid #c4ccd6;}
.table_blue th:last-child {border-right: 0;}
.table_blue td {background: #fff; color: #222; text-align: center; font-size: 13px; padding: 5px 5px; border-bottom: 1px solid #c4ccd6; border-right: 1px solid #c4ccd6;}
.table_blue td:last-child {border-right: 0;}
.table_blue tr:last-child td {border-bottom: 0;}
.table_blue td .sm_btn {display: inline-block; width: 85%; border: 1px solid #d5d5d5; font-weight: 600; color: #666; padding: 2px 5px 4px; border-radius: 2px; font-size: 12px; cursor: pointer;}
.table_blue td .sm_btn:hover {text-decoration: underline;}
.table_blue td .sm_btn.dark_gray {border-color: transparent; background: #555; color: #fff;}
.table_blue td .sm_btn.dark_gray span {font-weight: 300; font-size: 11px; color: #ddd;}
.table_blue .end td {background-color: #f5f5f5; color: #999;}
.table_gray {width: 100%; letter-spacing: -0.05em; border-top: 2px solid #333;}
.table_gray th {background: #e1e3ea; color: #555; text-align: center; font-size: 12px; font-weight: 600; padding: 7px 5px; border-bottom: 1px solid #c4ccd6; border-right: 1px solid #c4ccd6;}
.table_gray th:last-child {border-right: 0;}
.table_gray td {background: #fff; color: #222; text-align: center; font-size: 13px; padding: 5px 5px; border-bottom: 1px solid #c4ccd6; border-right: 1px solid #c4ccd6;}
.table_gray td:last-child {border-right: 0;}
.table_gray td .sm_btn {display: inline-block; border: 1px solid #bbb; color: #888; padding: 0 5px 2px 17px; border-radius: 2px; font-size: 12px; cursor: pointer; background: url("/images/common/upload_ic.png") no-repeat 5px center;}
.table_gray td .sm_btn:hover {text-decoration: underline;}
.table_gray td .sm_btn.blue {font-weight: 600; color: #fff !important; background: #578fe2 url("/images/common/upload_ic_w.png") no-repeat 5px center; border-color: transparent;}
.table_gray td .sm_btn.orange {font-weight: 600; color: #fff !important; background: #f7943f url("/images/common/upload_ic_w.png") no-repeat 5px center; border-color: transparent;}
.table_gray td a {cursor: pointer;}
.table_gray td a:hover {text-decoration: underline;}
.table_gray .notice td {background: #fcfff5; font-weight: 600;}
.table_gray .notice .cate {display: inline-block; color: #fff; background: #e90000; border-radius: 2px; padding: 0 5px 2px; font-size: 11px; line-height: 15px;}
.table_gray td .cate:hover {text-decoration: none;}
.table_gray .event .cate {font-size: 12px; font-weight: 600;}
.event_board .total_box {background: #5e5f61; text-align: center; padding: 5px 0 8px;}
.event_board .total_box strong {font-size: 12px; color: #fff; font-weight: 300;}
.event_board .total_box strong:before {content: ""; display: inline-block; width: 21px; height: 16px; background: url("/images/common/alarm_ic.png") no-repeat center; margin-right: 5px; vertical-align: sub;}
.event_board .total_box strong span {font-size: 13px; color: #e6ff5d; font-weight: 600;}
.logout_btn {display: inline-block; height: 30px; border: 1px solid #aaa; font-size: 13px; color: #333; background: #f5f5f5 url("/images/member/logout_ic.png") no-repeat 12px center; padding: 3px 10px 3px 35px;}
.logout_btn:hover {text-decoration: underline;}
.event_apply {width: 100%; padding: 30px 4% 0; background: url("/images/common/event_form_bg.png") repeat-x center;}
.event_apply .event_tit {width: 100%; border-bottom: 1px solid #555e69; padding: 15px 0; background: rgba(255, 255, 255, 0.85);}
.event_apply .event_tit h4 {font-size: 26px; font-weight: 600; color: #222; line-height: 37px; letter-spacing: -0.05em;}
.event_apply .event_cont {padding: 30px 0; color: #444; font-size: 16px; line-height: 28px; background: rgba(255, 255, 255, 0.85);}
.event_apply .apply_form {width: 100%; padding: 0 0 10px; border-bottom: 1px solid #c4ccd6; background: rgba(255, 255, 255, 0.85);}
.event_apply .apply_form h5 {font-size: 15px; font-weight: 600; color: #e23f0f; background: #fff;}
.event_apply .apply_form .input_form {width: 100%; border: 3px solid #c4ccd6; padding: 15px 20px; margin-top: 7px; line-height: 22px; border-radius: 2px;}

/* 비밀번호 변경 */
.password .form_input.w50 {width: 50%;}
.password .table_form tr:last-child th, .password .table_form tr:last-child td {border-bottom: 0;}

/* 회원 탈퇴 */
.withdraw {padding-bottom: 50px;}
.withdraw .member_top {text-align: center; background: #f4f4f4 url("/images/member/warning_ic.png") no-repeat center 40px; padding-top: 125px; padding-bottom: 40px; margin-bottom: 0;}
.withdraw .member_top h2 {font-size: 22px; font-weight: 300;}
.withdraw .member_top h2 span {font-size: 25px;}
.withdraw .member_top .help_txt {margin-top: 20px; line-height: 22px; color: #222;}
.withdraw .member_top .help_txt strong span {text-decoration: underline;}
.withdraw_btn {background: #333; color: #fff; font-size: 14px; border: 0; padding: 7px 15px;}
.withdraw_btn:hover {background: #444;}

/* ED SHOP(개인회원 샵) */
.member_box {position: relative; width: 100%; background: #498af3; padding: 8px 0 10px 0; margin-top: -1px; text-align: center;}
.member_box strong {color: #fff; font-weight: 600; font-size: 13px; line-height: 20px;}
.member_box strong .point {color: #ffe42e; background: url("/images/common/point_ic2.png") no-repeat left 3px; padding-left: 15px;}
.best_item {position: relative; width: 100%; margin-top: 20px; border-bottom: 1px solid #333;}
.shop_tit {display: inline-block; font-size: 20px; color: #222; font-weight: 600; border-bottom: 3px solid #333; padding: 5px 7px; letter-spacing: -0.03em;}
.best_item .shop_tit {background: url("/images/common/BestItem_mark.png") no-repeat left center; padding-left: 25px;}
.best_item .pdf_type {display: inline-block; float: right; margin-top: 17px; background: url("/images/common/pdf_ic.png") no-repeat left center; padding-left: 17px; font-size: 12px; color: #666; letter-spacing: -0.05em;}
.best_item .pdf_type span {color: #ff5b43; font-weight: 600;}
.shop_cont {position: relative; width: 100%; border-top: 1px solid #333; border-bottom: 1px dotted #aaa; padding: 30px 40px;}
.best_item .shop_cont:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 105px; background: #f6f6f6; z-index: 1;}
.best_item .shop_cont:after {content: ""; clear: both; display: block;}
.best_item .thumbnail {position: relative; display: inline-block; float: left; width: 40%; z-index: 10;}
.best_item .thumbnail img {box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);}
.best_item .thumbnail .preview_btn {position: relative; left: 24%; display: inline-block; margin-top: 10px; padding: 3px 7px 3px 27px; color: #333; border: 1px solid #c4ccd6; font-size: 12px; font-weight: 600; text-align: center; line-height: 16px; background: url("/images/common/preview_ic.png") no-repeat 7px center; cursor: pointer; letter-spacing: -0.08em;}
.best_item .thumbnail .preview_btn:hover {background-color: #f9f9f9;}
.best_item .txt_area {position: relative;display: inline-block; float: left; width: 60%; z-index: 10; letter-spacing: -0.07em;}
.best_item .txt_area >h4 {font-size: 15px; color: #2a99aa; font-weight: 600;}
.best_item .txt_area >h5 {font-size: 26px; color: #222; font-weight: 600; margin: 5px 0 40px; line-height: 32px;}
.best_item .recommend strong {display: inline-block; font-size: 13px; color: #222; border: 1px solid #aaa; padding: 2px 15px; line-height: 20px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);}
.best_item .recommend strong .red {color: #f05228;}
.best_item .recommend ul {width: 100%; padding: 10px 0 10px 15px; margin-bottom: 10px; border-bottom: 1px solid #c4ccd6;}
.best_item .recommend ul li {font-size: 12px; color: #666; line-height: 18px; background: url("/images/common/check_ic2.png") no-repeat left center; padding-left: 15px;}
.best_item .book_info_txt {border-bottom: 1px solid #c4ccd6; padding-bottom: 10px; padding-left: 20px; margin-bottom: 10px; line-height: 26px; background: url("/images/common/book_info_ic.png") no-repeat left 7px;}
.best_item .book_info_txt a:after{content: "/"; margin: 0 0 0 4px;}
.best_item .book_info_txt a:last-child:after {display: none;}
.best_item .inline_block {width: 100%;}
.best_item .inline_block * {display: inline-block; vertical-align: middle;}
.best_item span {font-size: 13px; font-weight: 600; color: #222;}
.best_item .price {font-size: 30px; font-weight: 600; line-height: 35px; margin: 0 0 5px 10px; vertical-align: middle; color: #498af3;}
.best_item .price:after {content: "P"; display: inline-block; width: 23px; height: 23px; border-radius: 30px; background: #eee; text-align: center; font-size: 15px; line-height: 23px; vertical-align: middle; margin-left: 3px; margin-top: -5px; color: #498af3;}
.best_item .buy_btn {font-size: 14px; color: #fff; font-weight: 600; border-radius: 2px; padding: 5px 20px 7px; margin-top: 3px; background: #ef3c62; cursor: pointer;}
.best_item .buy_btn:hover {opacity: 0.9;}
.download_list {padding: 10px 20px 20px; background: #f9f9f9;}
.download_list h4 {display: inline-block; padding-bottom: 5px; padding-left: 18px; letter-spacing: -0.07em; font-size: 13px; font-weight: 600; background: url("/images/common/bullet_9.png") no-repeat left 4px; color: #162e69;}
.download_list .list_box {border: 1px solid #c4ccd6; border-top: 2px solid #6c727d; padding: 10px 20px; background: #fff;}
.download_list .list_box li {position: relative; font-size: 13px; color: #333; line-height: 22px; padding: 1px 10px 2px; border-bottom: 1px dotted #d5d5d5;}
.download_list .list_box li:last-child {border-bottom: 0;}
.download_list .list_box li.active {padding: 0; margin-top: -1px; border-bottom: 0;}
.download_list .list_box li.active >div {background: #eee; padding: 5px 10px; border-radius: 2px;}
.download_list .list_box li.active h5 {color: #111; font-size: 15px; font-weight: 600;}
.download_list .list_box li.active h5 .sm_txt {display: inline-block; color: #ef3c62;}
.download_list .list_box li.active h5 strong {color: #162e69; font-size: 14px;}
.download_list .list_box li.active p {display: block;}
.download_list .list_box li.active .detail_btn {display: none;}
.download_list .list_box li.active .down_btn {display: block;}
.download_list .list_box li h5 {display: inline-block; font-weight: 300; vertical-align: middle; line-height: 24px; margin-top: -2px;}
.download_list .list_box li h5 strong {display: inline-block; font-weight: 600; font-size: 13px; color: #222;}
.download_list .list_box li h5 .sm_txt {display: none; font-weight: 300; font-size: 12px; margin-left: 5px;}
.download_list .list_box li p {display: none; margin-left: 15px; font-size: 13px; line-height: 18px;}
.download_list .list_box li p:before {content: ":"; margin-right: 5px;}
.download_list .list_box li .down_btn {display: none; position: absolute; top: 12px; right: 15px; cursor: pointer; border: 1px solid #aaa; border-radius: 1px; font-weight: 600; padding: 3px 10px 3px 30px; font-size: 13px; color: #222; background: #fff url("/images/common/down_ic3.png") no-repeat 10px center; line-height: 18px;}
.download_list .list_box li .down_btn:hover {text-decoration: underline;}
.download_list .list_box li .detail_btn {display: inline-block; cursor: pointer; background: #709de5; border: 1px solid #598bda; color: #fff; line-height: 13px; font-size: 11px; padding: 1px 4px 2px; margin-left: 5px; letter-spacing: -0.1em; border-radius: 2px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); vertical-align: middle;}
.download_list .list_box li .detail_btn:hover {opacity: 0.9;}
.preview_img {position: fixed; width: 100%; height: 100%; background: #525659; overflow-y: scroll; -ms-overflow-style: none; padding-right: 28%;}
.preview_img::-webkit-scrollbar {display: none;}
.preview_img img {position: relative; width: 600px; padding: 20px 0;}
.preview_img .book_info {position: fixed; top: 0; right: 0; width: 28%; height: 100%; background: #323639; padding: 30px 2%; z-index: 10;}
.preview_img .book_info .pdf_type {display: inline-block; text-align: left; color: #aaa; font-size: 11px; font-weight: 600; padding: 0 5px 1px 23px; background: #252525 url("/images/common/pdf_ic.png") no-repeat 5px center; margin-bottom: 10px; border-radius: 2px;}
.preview_img .book_info .pdf_type span {color: #ff6849;}
.preview_img .book_info .tit {color: #fff; text-align: left; letter-spacing: -0.08em; padding-bottom: 20px;}
.preview_img .book_info .tit span {display: block; font-size: 13px; color: #aaa; margin-bottom: 6px;}
.preview_img .book_info .tit h2 {font-size: 18px; color: #fff; font-weight: 600;}
.preview_img .page_num {border-top: 1px solid #66696b; border-bottom: 1px solid #66696b; padding: 20px 0;}
.preview_img .page_num li {display: inline-block;}
.preview_img .page_num li a {display: inline-block; color: #eee; font-size: 15px; font-weight: 300; text-align: center; padding: 2px 8px; margin: 0 1px; background: #496dbf; border-radius: 2px; border: 1px solid #5b82da;}
.preview_img .page_num li a:hover {background: #5692fd; text-decoration: underline;}
.preview_img .info_detail {text-align: left; margin-top: 20px;}
.preview_img .info_detail li {font-size: 12px; color: #aaa; line-height: 24px; border-bottom: 1px dotted #555;}
.preview_img .info_detail li:last-child {border-bottom: 0;}
.preview_img .info_detail li strong {color: #d8dde8;}
.preview_img .info_detail li strong:before {content: "·"; margin-right: 5px;}
.preview_img .img_li {text-align: center;}
.tip_box {width: 100%; background: #eaf2ff; padding: 20px 0; margin: 20px 0; text-align: center; line-height: 18px; border: 1px solid #6b80ab; font-size: 15px; letter-spacing: -0.05em;}
.tip_box strong {color: #213150;}
.tip_box strong .bg {background: #213150; color: #fff; margin: 0 1px; padding: 0 5px;}
.tip_box strong .orange {color: #e84b00;}
.goods .shop_tit {font-size: 18px; background: url("/images/common/goods_mark.png") no-repeat left center; padding-left: 30px;}
.goods .shop_tit .blue {color: #006bf0 !important; font-size: 20px; vertical-align: text-top;}
.goods .shop_cont {border: 1px solid #c4ccd6; border-top-color: #333; background: #eef0f3;}
.goods .sm_tit {display: inline-block; font-size: 12px; color: #666; letter-spacing: -0.03em; margin-left: 5px;}
.goods .shop_cont {padding: 20px 10px;}
.goods .shop_cont ul:after {content: ""; clear: both; display: block;}
.goods .shop_cont ul li {position: relative; display: inline-block; float: left; width: 197px; height: 247px; text-align: center; margin: 10px .98%; padding: 0 10px 10px 10px; background: url("/images/common/goods_bg.png") no-repeat center;}
.goods .shop_cont ul li:after {content: ""; position: absolute; right: 12px; top: 12px; width: 50px; height: 50px; background: url("/images/common/goods_mark_lg.png") no-repeat center;}
.goods .shop_cont ul li .prod_img {margin: 25px 0 15px; height: 90px; overflow: hidden; text-align: center;}
.goods .shop_cont ul li .prod_img img {max-height: 100%;}
.goods .shop_cont ul li .prod_name {display: block; font-size: 15px; color: #444; font-weight: 600; letter-spacing: -0.07em; vertical-align: middle; text-align: center; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.goods .shop_cont ul li .price {font-size: 30px; color: #498af3; font-weight: 600; line-height: 35px; margin: 5px 0 5px 0; vertical-align: middle;}
.goods .shop_cont ul li .price:after {content: "P"; display: inline-block; width: 23px; height: 23px; border-radius: 30px; background: #eee; color: #498af3; text-align: center; font-size: 15px; line-height: 23px; vertical-align: middle; margin-left: 3px; margin-top: -5px;}
.goods .shop_cont ul li .buy_btn {display: block; font-size: 14px; color: #f25030; font-weight: 600; border: 1px solid #f25030; border-radius: 2px; padding: 6px 0 8px 0; margin-top: 10px; background: #fff; cursor: pointer; box-shadow: 0 3px 0 #ddd;}
.goods .shop_cont ul li .buy_btn:hover {background: #f25030; color: #fff;}
.goods .shop_cont ul li .event_mark {position: absolute; left: 0; top: 12px;}
.goods .shop_cont ul li.sold_out {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); box-shadow: none;}
.goods .shop_cont ul li.sold_out:after {content: ""; position: absolute; right: 15px; top: 12px; width: 50px; height: 50px; background: url("/images/common/sold_out.png") no-repeat center; background-size: 70px 70px; border-radius: 0 10px 0 10px;}
.goods .shop_cont ul li.sold_out .buy_btn {cursor: inherit;}
.goods .shop_cont ul li.sold_out .buy_btn:hover {background: initial; color: #707070;}
.check_area {width: 100%;}
.check_area .info_title {font-size: 13px; color: #333; font-weight: 600; background: url("/images/common/info_ic3.png") no-repeat left 4px; padding-left: 18px;}
.check_area .info_list {width: 100%; border: 1px solid #c4ccd6; padding: 10px 15px; margin-top: 7px; font-size: 12px; color: #666; background: #fdfdfd;}
.check_area .info_list li {line-height: 21px; letter-spacing: -0.07em;}
.check_area .info_list li .blue {color: #006bf0 !important;}

/* ED SHOP(개인회원 샵 - 우측) */
.point_info_r {margin-top: 33px !important;}
.p_info_li {width: 100%; background: #fcfdff; border: 1px solid #c4ccd6; border-top: 2px solid #525f78;}
.p_info_li li {border-bottom: 1px dotted #525f78;}
.p_info_li li:after {content: ""; clear: both; display: block;}
.p_info_li li:last-child {border-bottom: 0;}
.p_info_li li .img_box {display: inline-block; float: left; width: 30%; text-align: center; background: #dbdee4; padding: 5px 0;}
.p_info_li li .img_box img {margin-top: 2px;}
.p_info_li li .txt_box {display: inline-block; float: left; width: 70%; padding: 23px 5px 0 15px;}
.p_info_li li:first-child .txt_box {padding-top: 13px;}
.p_info_li li .txt_box h4 {font-size: 14px; color: #27282b; letter-spacing: -0.05em;}
.p_info_li li .txt_box h4 .blue {color: #498af3 !important; font-size: 15px; margin-right: 2px;}
.p_info_li li .txt_box h4 .sm_txt {font-size: 12px; font-weight: 300; margin-left: 3px; color: #888;}
.p_info_li li .txt_box .register_btn {display: inline-block; font-size: 11px; color: #fff; background: #555; border-radius: 2px; padding: 0 7px 3px 7px; line-height: 15px;}
.p_info_box {width: 100%; border: 1px solid #c4ccd6; border-top: 0; padding: 10px;}
.point_max {width: 100%; background: #6f788c; border: 1px solid #5f6b7f; border-radius: 2px; font-size: 13px; text-align: center; color: #fff; padding: 5px 0 7px; letter-spacing: -0.05em;}
.point_max strong {background: #485167; border-radius: 2px; padding: 0 6px 2px;}
.point_max strong span {color: #fed23a; margin-right: 2px;}
.point_board {width: 100%; background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 2px; padding: 10px;}
.point_board strong {display: block; font-size: 12px; font-weight: 600; color: #525f78; letter-spacing: -0.05em; margin-bottom: 5px;}
.point_board ul li {display: inline-block; margin: 1px 0;}
.point_board ul li a {display: inline-block; font-size: 12px; color: #666; letter-spacing: -0.05em; background: #fff; padding: 2px 5px 4px 5px; border: 1px solid #bbb; border-radius: 2px;}
.point_board ul li a:hover {color: #333; border-color: #9aa1b1; background: #f5f8ff;}
.point_board .hr_type1 {display: block; margin: 10px 0; width: 100%; height: 1px; background: #e5e5e5;}

/* ED SHOP(기업회원 샵) */
.banner_ad_main {width: 100%; background: #f6f6f6; padding: 50px 20px;}
.banner_ad_main:after {content: ""; clear: both; display: block;}
.banner_ad_main .txt_area {display: inline-block; float: left; width: 44%; letter-spacing: -0.05em;}
.banner_ad_main .img_area {display: inline-block; float: left; width: 56%; text-align: right;}
.banner_ad_main h2 {position: relative; display: inline-block; font-size: 24px; color: #222; margin-bottom: 25px; line-height: 20px; border-bottom: 12px solid #fff;}
.banner_ad_main h2 .blue {color: #498af3 !important;}
.banner_ad_main h3 {font-size: 14px; color: #222; margin-bottom: 10px; line-height: 20px;}
.banner_ad_main p {font-size: 13px; color: #888; line-height: 18px;}
.banner_ad_main .price {font-size: 25px; font-weight: 600; line-height: 28px; vertical-align: middle; color: #315ab5; margin: 10px 0 0;}
.banner_ad_main .price .bold {font-size: 14px; color: #315ab5;}
.banner_ad_main .price .date {font-size: 14px; color: #666; margin-left: 2px;}
.banner_ad_main .sm_txt {display: block; font-size: 12px; color: #888;}
.banner_ad_main .buy_btn {display: inline-block; background: #ef3c62; color: #fff; font-size: 14px; padding: 5px 15px 7px 15px; margin-top: 15px; border-radius: 2px; cursor: pointer;}
.banner_ad_main .buy_btn:hover {opacity: 0.9;}
.premium_prod {margin-top: 40px;}
.premium_prod h2 {position: relative; display: inline-block; font-size: 22px; color: #222; margin-bottom: 15px; line-height: 26px; letter-spacing: -0.03em;}
.premium_prod h2:after {content: ""; position: relative; display: block; width: 83px; height: 3px; background: #222; margin-top: 5px;}
.premium_prod h3 {font-size: 14px; color: #222; margin-bottom: 10px; line-height: 20px; letter-spacing: -0.05em;}
.premium_prod >p {font-size: 13px; color: #888; line-height: 18px; letter-spacing: -0.05em;}
.premium_prod .sm_txt {font-size: 12px;}
.premium_prod .shop_cont {background: #f0f1f5; border: 1px solid #e5e5e5; margin-top: 20px; padding: 30px 0 0;}
.premium_prod .tabMenu {width: 97%; border-bottom: 2px solid #525f78; margin: 0 1.5%;}
.premium_prod .tabMenu li {display: inline-block; margin-left: -1px; margin-right: -1px;}
.premium_prod .tabMenu li a {display: inline-block; background: #fff; text-align: center; color: #525f78; font-size: 13px; padding: 5px 12px; letter-spacing: -0.05em; border-radius: 3px 3px 0 0; border: 1px solid #e5e5e5; border-bottom: 0; cursor: pointer;}
.premium_prod .tabMenu li a:hover {text-decoration: underline;}
.premium_prod .tabMenu li.active a {background: #525f78; color: #fff; font-size: 14px; padding: 6px 15px; border-radius: 5px 5px 0 0;}
.premium_prod .prod_list {width: 100%;}
.premium_prod .prod_list:after {content: ""; clear: both; display: block;}
.premium_prod .prod_list li {position: relative; display: inline-block; float: left; width: 33.1%; height: 185px; margin: 30px auto 0; padding: 25px 20px 0 75px; background: url("/images/common/premium_bg.png") no-repeat center top; border-right: 1px dotted #ccc;}
.premium_prod .prod_list li:last-child {border-right: 0;}
.premium_prod .prod_list li:nth-child(2) {width: 33.8%;}
.premium_prod .prod_list li:before {content: ""; position: absolute; top: 0; width: 195px; height: 3px;}
.premium_prod .prod_list li:after {content: ""; position: absolute; bottom: -17px; left: 48%; width: 10px; height: 42px;}
.premium_prod .prod_list li h4 {position: relative; font-size: 16px; font-weight: 600; color: #222;}
.premium_prod .prod_list li h4:before {content: ""; position: absolute; left: -50px; top: 0; width: 40px; height: 34px;}
.premium_prod .prod_list li .cate {display: block; font-size: 12px; color: #888; margin: 3px 0 0;}
.premium_prod .prod_list li .cate strong {font-weight: 600; color: #525f78;}
.premium_prod .prod_list li .price {font-size: 17px; font-weight: 600; color: #315ab5; margin: 7px 0; line-height: 20px; letter-spacing: -0.02em;}
.premium_prod .prod_list li .price .bold {font-size: 12px; color: #315ab5;}
.premium_prod .prod_list li .price .date {font-size: 12px; color: #666; margin-left: 2px; font-weight: 300;}
.premium_prod .prod_list li .buy_btn {display: inline-block; background: #f25030; color: #fff; font-size: 14px; padding: 4px 10px 6px; margin-top: 15px; cursor: pointer; border-radius: 2px;}
.premium_prod .prod_list li .buy_btn:hover {opacity: 0.9;}
.premium_prod .prod_list li .buy_btn.not_buy {background: #bbb;}
.premium_1st h4:before {background: url("/images/common/premium_ic_1.png") no-repeat center;}
.premium_2nd h4:before {background: url("/images/common/premium_ic_2.png") no-repeat center;}
.premium_3rd h4:before {background: url("/images/common/premium_ic_3.png") no-repeat center;}
.premium_1st:before {left: 7px; background: #7a7de7;}
.premium_2nd:before {left: 10px; background: #63aae1;}
.premium_3rd:before {left: 8px; background: #adb6c4;}
.premium_1st:after {background: url("/images/common/premium_line_1.png") no-repeat center;}
.premium_2nd:after {background: url("/images/common/premium_line_2.png") no-repeat center;}
.premium_3rd:after {background: url("/images/common/premium_line_3.png") no-repeat center;}
.premium_prod .premium_view {width: 100%;}
.premium_prod .premium_view:after {content: ""; clear: both; display: block;}
.premium_prod .premium_view >div {display: inline-block; float: left; width: 33.1%; height: 260px; overflow: hidden; border-right: 1px solid #fff;}
.premium_prod .premium_view >div:nth-child(2) {width: 33.8%;}
.premium_prod .premium_view >div:last-child {border-right: 0;}

/* ED SHOP(기업회원 샵 - 우측) */
.biz_info_r {margin-top: 33px !important;}
.biz_info_r .grid_r_tit .sm_tit {display: inline-block; font-size: 13px; color: #f46060; text-decoration: underline; font-weight: 600; margin-left: 7px; line-height: 16px; vertical-align: middle;}
.biz_info_r .grid_r_cont {width: 100%; border: 1px solid #c4ccd6; border-top: 2px solid #525f78;}
.biz_info_r .grid_r_cont .top_txt {width: 100%; background: #f0fcff; padding: 20px 30px; text-align: center; font-size: 14px; font-weight: 600; color: #667086;}
.biz_info_r .grid_r_cont .top_txt .blue {color: #498af3 !important; background: #fff;}
.biz_info_r .grid_r_cont .service {padding: 10px;}
.biz_info_r .grid_r_cont .service div >strong {display: block; background: #6f788c; color: #fff; font-size: 12px; text-align: center; border-radius: 2px; border: 1px solid #5f6b7f; padding: 3px 0 5px;}
.biz_info_r .grid_r_cont .service div >strong .bg {display: inline-block; background: #485167; color: #fed23a; padding: 1px 7px 3px 7px; border-radius: 15px;}
.biz_info_r .grid_r_cont .service .service_a .service_cont {background: #f7f7f7 url("/images/common/service_a_bg.png") no-repeat 13px 12px; margin-bottom: 10px;}
.biz_info_r .grid_r_cont .service .service_b {padding-top: 10px; border-top: 1px dotted #c4ccd6;}
.biz_info_r .grid_r_cont .service .service_b .service_cont {background: #f7f7f7 url("/images/common/service_b_bg.png") no-repeat 13px 13px;}
.biz_info_r .grid_r_cont .service .service_b >strong .bg {color: #bfdfff;}
.service .service_cont {background: #f7f7f7; padding: 10px 15px 10px 60px; border: 1px solid #e5e5e5; border-top: 0;}
.service .service_cont p {font-size: 13px; color: #525f78; letter-spacing: -0.05em;}
.service .service_cont .detail_btn {display: inline-block; font-size: 12px; color: #666; background: #fff; border: 1px solid #bbb; border-radius: 2px; padding: 2px 5px 4px 5px; margin-top: 7px; cursor: pointer;}
.service .service_cont .detail_btn:hover {color: #333; border-color: #9aa1b1; background: #f5f8ff;}
.cs_box {width: 100%; margin: 10px 0; text-align: center; border: 1px solid #606ef4;}
.cs_box .cs {padding: 20px 0; }
.cs_box .cs h4 {font-size: 15px; color: #2655da;}
.cs_box .cs h4:before {content: ""; display: inline-block; width: 20px; height: 20px; background: url("/images/common/cs_bg.png") no-repeat center; margin-right: 5px; vertical-align: text-top;}
.cs_box .cs .tel_img {margin: 12px 0 8px;}
.cs_box .cs .email {font-size: 14px; color: #666; letter-spacing: 0.05em;}
.cs_box .cs_info {background: #eef0f4; padding: 10px 20px; color: #333; font-size: 13px; border-top: 1px solid #c4ccd6; text-align: center;}
.cs_box .cs_info p {letter-spacing: -0.05em; font-size: 13px; line-height: 18px;}
.cs_box .cs_info p strong {font-size: 14px; letter-spacing: 0; line-height: 18px;}
.cs_box .cs_info .sm_txt {font-size: 12px; color: #943939;}
.cs_box .bank {background: #eef0f4 url("/images/common/nh_ic.png") no-repeat 25px center; border-top: 1px solid #c4ccd6; padding: 12px 20px 12px 100px; color: #333; font-size: 13px; text-align: left;}
.cs_box .bank p {letter-spacing: -0.05em; font-size: 12px;}
.cs_box .bank p strong {font-size: 15px; letter-spacing: 0; line-height: 18px; vertical-align: top;}
.cs_box .bank .blue {display: inline-block; font-size: 13px; margin-bottom: 5px; color: #006bf0  !important;}
.link_box {width: 100%; margin: 10px 0;}
.link_box a {display: block; padding: 12px 0 15px 0; text-align: center; font-weight: 600; border: 1px solid #667086; color: #667086; letter-spacing: -0.05em;}
.link_box a:hover {background: #3098f1; border: 0; color: #fff;}
.link_box a:hover span {color: #ffd942;}
.link_box a span {color: #333;}

/* ED SHOP - 팝업 */
.buy_form {width: 100%; border-bottom: 1px solid #ddd; padding: 20px 15px; letter-spacing: -0.05em; background: #f5f5f5;}
.buy_form:after {content: ""; clear: both; display: block;}
.buy_form .prod_info {display: inline-block; float: left; text-align: center; width: 30%; height: 210px; background-position: center top; margin: 0; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
.buy_form .delivery_info {display: inline-block; float: left; width: 70%; padding-left: 30px;}
.buy_form .delivery_info h4 {position: relative; font-size: 20px; color: #333; font-weight: 600; vertical-align: middle; padding-left: 50px; letter-spacing: -0.08em; line-height: 28px;}
.buy_form .delivery_info h4:before {content: "상품명"; display: block; position: absolute; left: 0; top: 7px; color: #fff; font-size: 11px; font-weight: normal; background: #1180d5; padding: 0px 7px 2px 7px; border-radius: 2px; line-height: 14px;}
.buy_form table {width: 100%; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.buy_form table tr:last-child th, .buy_form table tr:last-child td {border-bottom: 0;}
.buy_form table th {font-size: 12px; color: #333; padding: 5px 0; background: #fff9f4; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.buy_form table th:last-child {border-right: 0;}
.buy_form table td {font-size: 14px; color: #333; padding: 5px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.buy_form table td:last-child {border-right: 0;}
.buy_form table td input {border: 1px solid #ddd; border-radius: 2px; padding: 5px 10px; color: #333; line-height: 17px;}
.buy_form table td .btn_type1 {vertical-align: middle; font-size: 12px; line-height: 18px; padding: 5px 10px; margin-top: 0; background: #f9f9f9; border: 1px solid #aaa; color: #666;}
.buy_form table td .btn_type1:hover {background: #fff; text-decoration: underline;}
.buy_form .addr_tit:after {content: ""; clear: both; display: block;}
.buy_form .addr_tit h5 {display: inline-block; font-size: 13px; color: #222; font-weight: 600; background: url("/images/common/bullet_2.png") no-repeat left center; padding-left: 10px;}
.buy_form .addr_tit .btn_r {display: inline-block; float: right; background: #f58c33; color: #fff; font-size: 12px; font-weight: 600; border-radius: 2px; padding: 2px 10px 4px; line-height: 15px; cursor: pointer;}
.buy_form .addr_tit .btn_r:hover {opacity: 0.9; text-decoration: underline;}
.buy_form .delivery_addr {width: 100%; background: #fff; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 20px 20px; margin-top: 5px; font-size: 14px; font-weight: 600; color: #222; line-height: 20px; text-align: center;}
.buy_form .help_txt {margin-top: 5px; background: transparent; line-height: 20px;}
.buy_form_tit {width: 100%; text-align: center; font-size: 13px; line-height: 18px; padding: 7px 30px 9px; color: #fff; background: #454545; border-top: 1px solid #aaa;}
.buy_form_tit.bg_red {background: #f64c4c;}
.buy_form_tit span {color: #dbff52;}
.buy_form .download_btn {display: block; width: 35%; margin: 0 auto; font-size: 15px; color: #525f78; font-weight: 600; background: #fff; border: 1px solid #525f78; padding: 10px 0; border-radius: 25px; text-align: center; cursor: pointer;}
.buy_form .download_btn:before {content: ""; display: inline-block; width: 20px; height: 20px; background: url("/images/common/down_ic.png") no-repeat center; background-size: 20px; margin-right: 10px; vertical-align: middle;}
.buy_form .download_btn:hover {color: #f58c33; border-color: #f58c33;}
.buy_form .tax_btn {display: inline-block; font-size: 12px; color: #fff; background: #f58c33; border-radius: 2px; padding: 2px 7px 4px; letter-spacing: -0.1em; cursor: pointer;}
.buy_form .tax_btn:hover {text-decoration: underline; opacity: 0.9;}
.buy_form .extend_btn {display: inline-block; font-size: 12px; color: #fff; background: #1180d5; border-radius: 2px; padding: 2px 7px 4px; letter-spacing: -0.1em; cursor: pointer;}
.buy_form .extend_btn:hover {text-decoration: underline; opacity: 0.9;}
.bank_info {font-size: 18px; font-weight: 600; color: #222; text-align: center; padding-bottom: 15px;}
.complete_form {width: 100%; padding: 30px 15px; text-align: center;}
.complete_form >strong {font-size: 20px; color: #444;}
.complete_form .point_box {border: 3px solid #e9edf2; padding: 15px 30px; font-size: 16px; font-weight: 600; color: #444; margin-top: 30px;}
.complete_form .point_box .point_ic {display: inline-block; vertical-align: middle; margin-right: 7px;}
.complete_form .point_box.bg_box {background: #e9edf2;}
.complete_form .point_box.bg_box .space {display: inline-block; width: 10%;}
.buy_form .prod_info {position: relative; display: inline-block; float: left; width: 197px; height: 247px; text-align: center; margin: 10px 0; padding: 0 10px 10px 10px; background: url("/images/common/goods_bg.png") no-repeat center;}
.buy_form .prod_info:after {content: ""; position: absolute; right: 12px; top: 12px; width: 50px; height: 50px; background: url("/images/common/goods_mark_lg.png") no-repeat center;}
.buy_form .prod_info.bg_none {background-image: none; height: auto; border: 0; padding: 0 10px;}
.buy_form .prod_info.bg_none:after {display: none;}
.buy_form .prod_info .prod_img {margin: 25px 0 15px; height: 90px; overflow: hidden; text-align: center;}
.buy_form .prod_info .prod_img img {max-height: 100%;}
.buy_form .prod_info .prod_name {display: block; font-size: 15px; color: #444; font-weight: 600; letter-spacing: -0.07em; vertical-align: middle; text-align: center; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.buy_form .prod_info .price {font-size: 30px; color: #498af3; font-weight: 600; line-height: 35px; margin: 5px 0 5px 0; vertical-align: middle;}
.buy_form .prod_info .price:after {content: "P"; display: inline-block; width: 23px; height: 23px; border-radius: 30px; background: #eee; color: #498af3; text-align: center; font-size: 15px; line-height: 23px; vertical-align: middle; margin-left: 3px; margin-top: -5px;}
.buy_form .prod_info .buy_btn {display: block; font-size: 14px; color: #f25030; font-weight: 600; border: 1px solid #f25030; border-radius: 2px; padding: 6px 0 8px 0; margin-top: 10px; background: #fff; cursor: pointer; box-shadow: 0 3px 0 #ddd;}
.buy_form .prod_info .buy_btn:hover {background: #f25030; color: #fff;}
.buy_form .prod_info .event_mark {position: absolute; left: 0; top: 12px;}
.buy_info {width: 100%; padding: 30px 15px;}
.buy_info h4 {position: relative; font-size: 20px; color: #222; font-weight: 600; letter-spacing: -0.08em; line-height: 26px; padding-left: 50px;}
.buy_info h4:before {content: "상품명"; display: block; position: absolute; left: 0; top: 5px; color: #fff; font-size: 11px; font-weight: normal; background: #1180d5; padding: 0px 7px 2px 7px; border-radius: 2px; line-height: 14px;}
.buy_info >strong {display: inline-block; margin-top: 15px; margin-bottom: 5px; padding-left: 8px; font-size: 13px; font-weight: 600; color: #333; background: url("/images/common/bullet_3.png") no-repeat left center; line-height: 18px;}
.buy_info table {width: 100%;}
.buy_info table .form_input {border-color: #aaa;}
.buy_info table .form_input::placeholder {color: #aaa;}

/* 포인트 적립/소모 내역 */
.point_history {width: 100%; border-bottom: 1px solid #ddd; padding: 10px 15px 20px;}
.point_history table {width: 100%; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.point_history table th {font-size: 13px; color: #333; padding: 7px 0; background: #f7fafb; border-right: 1px solid #ddd; border-bottom: 2px solid #aaa;}
.point_history table td {font-size: 13px; color: #333; padding: 5px 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.point_history table tr:last-child td {border-bottom: 0;}
.point_history table .border_r0 {border-right: 0;}
.point_history table .deduct {background: #ffefef;}
.point_history .help_txt {margin-top: 10px;}
.point_history .table_opts {width: 100%; position: relative; text-align: center;}
.point_history .this_month {display: inline-block;}
.point_history .this_month a {cursor: pointer;}
.point_history .this_month img {vertical-align: middle;}
.point_history .this_month strong {margin: 0 7px; font-size: 14px; color: #333;}
.point_history .right {position: absolute; top: 0; right: 0;}
.point_history .right select {border: 1px solid #ccc; border-radius: 2px; padding: 0 3px 2px 3px; font-size: 13px; color: #333;}

/* 드론 기업소식 알림방 */
.company_alarm {width: 100%; margin-bottom: 20px; border-bottom: 1px solid #4a5164;}
.company_alarm .tit {position: relative; width: 100%; background: #4a5164; color: #fff; padding: 5px 20px 7px;}
.company_alarm .tit:after {content: ""; clear: both; display: block;}
.company_alarm .tit h5 {display: inline-block; font-size: 13px;}
.company_alarm .tit h5:before {content: ""; display: inline-block; width: 21px; height: 16px; background: url("/images/common/alarm_ic.png") no-repeat center; margin-right: 5px; vertical-align: sub;}
.company_alarm .tit h5 span {color: #ffde90;}
.company_alarm .tit .sm_btn {display: inline-block; float: right; font-size: 12px; font-weight: 600; color: #fff; background: #707a95; padding: 2px 15px 4px; border-radius: 2px; cursor: pointer;}
.company_alarm .tit .sm_btn:hover {text-decoration: underline;}
.company_alarm .cont dl {padding: 7px 0; letter-spacing: -0.07em;}
.company_alarm .cont dl:nth-child(odd) {background: #f3f3f3;}
.company_alarm .cont dl:after {content: ""; clear: both; display: block;}
.company_alarm .cont dt {display: inline-block; float: left; width: 25%; text-align: center; font-size: 12px; color: #282d3a; font-weight: 600; vertical-align: middle;}
.company_alarm .cont dt span {display: inline-block; background: #f3f3f3; border-radius: 15px; padding: 3px 10px 5px;}
.company_alarm .cont dl:nth-child(odd) dt span {background-color: #fff;}
.company_alarm .cont dd {display: inline-block; float: left; width: 75%; font-size: 13px; color: #333; vertical-align: middle;}
.company_alarm .cont dd:before {content: "···"; font-weight: 600; font-size: 18px; color: #97a0b8; vertical-align: middle; line-height: 18px; margin-right: 30px; letter-spacing: 0.2em;}
.company_alarm .cont dd a {display: inline-block; vertical-align: middle; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.company_alarm .cont dd a:hover {text-decoration: underline;}
.company_alarm .cont dd .new_ic {vertical-align: middle; margin-left: 5px;}

/* 업체,기관 정보 등록 */
.company_form {letter-spacing: -0.05em;}
.company_form .customer_tit {background: #1180d5;}
.company_form .customer_tit .right a {color: #a4d7ff;}
.company_form .customer_tit .right a:hover {opacity: 0.9;}
.company_form .title_type2 {width: 100%; color: #1180d5; padding: 10px 2%; border-bottom: 2px solid #005da4;}
.company_form .title_type2 span {color: #333;}
.company_form .title_type3 {font-size: 14px; font-weight: 600; color: #1180d5; background: url("/images/common/bullet_3.png") no-repeat left 20px; padding-left: 11px; padding-top: 13px;}
.company_form .title_type3 .help_txt {font-size: 12px; font-weight: normal; color: #e90000; margin-left: 5px; padding: 0;}
.company_form .table_tit {position: relative; width: 100%; padding: 0 2%;}
.company_form .table_tit .btn_r {position: absolute; right: 2%; top: 10px; letter-spacing: -0.08em;}
.company_form .table_tit .btn_blue {font-size: 12px; background: #989898 url("/images/common/monitor_ic.png") no-repeat 15px center; color: #fff; padding: 4px 15px 6px 35px; border-radius: 2px; cursor: pointer;}
.company_form .table_tit .btn_blue:hover {opacity: 0.95;}
.company_form .table_tit .btn_premium {font-size: 12px; background: #467fff ; color: #ffe052; font-weight: 600; padding: 4px 15px 6px; border-radius: 2px; cursor: pointer;}
.company_form .table_tit .btn_premium:before {content: ""; display: inline-block; width: 26px; height: 26px; background: url("/images/common/premium_mark.png") no-repeat left center; vertical-align: middle; margin-right: 5px; margin-top: -1px;}
.company_form .table_tit .btn_premium:hover {opacity: 0.95;}
.company_form .customer_table th {font-size: 13px; padding: 5px 0;}
.company_form .customer_table th.required {background-image: none !important;}
.company_form .customer_table td {font-size: 13px; padding: 5px 15px;}
.company_form .customer_table td.addr input {width: auto;}
.company_form .customer_table td.addr .btn_type1 {vertical-align: middle; font-size: 12px; line-height: 18px; background: #f9f9f9; border: 1px solid #aaa; color: #666;}
.company_form .customer_table .required:after {content: "＊"; color: #e90000; font-weight: 600; font-size: 13px; vertical-align: middle;}
.company_form .customer_table .sm_txt {font-size: 12px; color: #888; font-weight: normal;}
.company_form .customer_table input[type='text']::placeholder, .company_form .customer_table textarea::placeholder {color: #aaa; font-size: 12px;}
.company_form .customer_table .img_li_1 {display: inline-block; width: 16.5%; border-right: 1px solid #d5d5d5; padding-top: 5px; padding-right: 8px;}
.company_form .customer_table .img_li_1 .img_li li .img_area {border-color: #888;}
.company_form .customer_table .img_li_1 .btn_area.right, .company_form .customer_table .img_li_5 .btn_area.right {width: 100%;}
.company_form .customer_table .img_li_1 h5 {font-size: 13px; color: #666; font-weight: 600; text-align: center;}
.company_form .customer_table .img_li_5 {display: inline-block; width: 100%; padding-top: 5px;}
.company_form .customer_table .img_li_5 h5 {font-size: 13px; color: #666; font-weight: 600; text-align: center;}
.company_form .customer_table .img_li {width: 100%; padding: 10px 0;}
.company_form .customer_table .img_li:after {content: ""; clear: both; display: block;}
.company_form .customer_table .img_li li {display: inline-block; float: left; width: 20%; text-align: center}
.company_form .customer_table .img_li li .img_area {position: relative; border: 1px solid #ddd; width: 130px; height: 87px; overflow: hidden; background: #fff url("/images/common/photo_img2.png") no-repeat center; margin: 0 auto;}
.company_form .customer_table .img_li li img {width: 100%;}
.company_form .customer_table .img_li input[type=checkbox] {position: absolute; top: 3px; left: 3px;}
.company_form .customer_table .inline_block {width: 100%;}
.company_form .customer_table .inline_block:after {content: ""; clear: both; display: block;}
.company_form .customer_table .inline_block .help_txt {display: inline-block; float: left; font-size: 13px; padding-bottom: 3px; padding-left: 0; margin: 0; vertical-align: middle; letter-spacing: -0.05em; line-height: 20px;}
.company_form .customer_table .btn_area.right {float: right;}
.company_form .customer_table .btn_area.right a {display: inline-block; color: #666; font-size: 13px; border: 1px solid #ddd; border-radius: 2px; background: #fff; padding: 2px 10px 4px 25px; cursor: pointer; line-height: 16px;}
.company_form .customer_table .btn_area.right a:hover {background-color: #fafafa;}
.company_form .customer_table .btn_area.right .delete_btn {background: url("/images/common/delete_ic3.png") no-repeat 5px center;}
.company_form .customer_table .btn_area.right .upload_btn {background: url("/images/common/photo_ic2.png") no-repeat 5px center;}
.company_form .customer_table .checkbox_li:after {content: ""; clear: both; display: block;}
.company_form .customer_table .checkbox_li li {display: inline-block; float: left; vertical-align: middle; text-align: center; line-height: 24px; font-size: 12px;}
.company_form .customer_table .checkbox_li.li_6 li {width: 16.6%;}
.company_form .customer_table input[type='checkbox'] {vertical-align: middle;}
.company_form .customer_table select {border: 1px solid #aaa; border-radius: 2px; padding: 5px 10px; color: #333; font-size: 13px;}
.company_form .customer_table .premium_form td, .company_form .customer_table .premium_form div {position: relative; border: 3px solid #ccc !important;}
.company_form .customer_table .premium_form td:after, .company_form .customer_table .premium_form div:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5) url("/images/common/premium_form_1.png") no-repeat center;}
.company_form .customer_table .premium_form td:after {background-image: url("/images/common/premium_form_2.png");}
.company_form .info_box {width: 100%; margin: 10px 0 25px; background: #efefef; padding: 15px 20px 10px;}
.company_form .info_box:after {content: ""; clear: both; display: block;}
.company_form .info_box >div {display: inline-block;}
.company_form .guide {float: left; width: 70%; padding-right: 2%;}
.company_form .guide h5 {font-size: 13px; color: #444; font-weight: 600;}
.company_form .guide ul li {font-size: 12px; color: #666; margin: 3px 0; letter-spacing: -0.05em;}
.company_form .customer {float: right; width: 30%; text-align: center;}
.company_form .customer h5 {font-size: 15px; color: #1180d5; font-weight: 600; margin-bottom: 2px;}
.company_form .customer strong {font-size: 30px; color: #333; line-height: 30px;}
.company_form .customer p {font-size: 13px; color: #666; margin-top: 3px;}

/* 샘플 보기 */
.sample_img {width: 650px; margin: 0 auto;}
.sample_img img {width: 100%;}

/* 준비중 페이지 */
.prepare {width: 100%; background: #f9fafc; text-align: center;}
.prepare img {width: 100%; max-width: 650px;}

/* 타이틀 타입 */
.tit_type1 {font-size: 23px; font-weight: 300; color: #000; letter-spacing: -0.08em; line-height: 25px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 0 0 10px 0;}
.tit_type2 {font-size: 30px; font-weight: 600; color: #222; letter-spacing: -0.07em; line-height: 40px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 0 0 20px 0;}
.tit_type3 {display: inline-block; font-size: 16px; font-weight: 600; color: #222; letter-spacing: -0.07em; line-height: 20px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 7px 0;}
.tit_type3:before {content: ""; display: inline-block; width: 4px; height: 13px; background: #aaa; border-radius: 10px; margin-right: 8px; margin-bottom: -1px;}
.tit_line {display: block; width: 100%; border-bottom: 1px solid #222; padding-bottom: 5px;}

/* 탭 타입 */
.tab_type1 {width: 100%; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.tab_type1 ul:after {content: ""; clear: both; display: block;}
.tab_type1 li {position: relative; display: inline-block; float: left; width: 25%; text-align: center; border-bottom: 2px solid #2a467d;}
.tab_type1 li a {display: inline-block; width: 100%; color: #bbb; font-size: 14px; font-weight: 600; line-height: 22px; letter-spacing: -0.08em; padding: 10px 0 11px; cursor: pointer; background: #6a6b71;}
.tab_type1 li:before {content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; display: block; background: #888;}
.tab_type1 li:first-child:before {display: none;}
.tab_type1 li a:hover {color: #fff;}
.tab_type1 li.active a {color: #fff; background: #2a467d; font-weight: 600; font-size: 16px;}
.tab_type2 {width: 100%; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.tab_type2:after {content: ""; clear: both; display: block;}
.tab_type2 li {display: inline-block; float: left;}
.tab_type2 li a {position: relative; display: inline-block; color: #666; font-size: 16px; padding: 0 10px; letter-spacing: -0.1em; cursor: pointer;}
.tab_type2 li a:hover {color: #000;}
.tab_type2 li:before {content: "|"; color: #c4ccd6;}
.tab_type2 li:first-child:before {content: "";}
.tab_type2 li:first-child a {padding-left: 0;}
.tab_type2 li.active a {font-weight: 600; color: #000;}
.tab_type3 {width: 100%; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin-bottom: 20px;}
.tab_type3 ul:after {content: ""; display: block; width: 100%; height: 1px; background: #485167;}
.tab_type3 ul li {display: inline-block; vertical-align: bottom;}
.tab_type3 ul li a {display: block; font-size: 13px; color: #6b6d73; font-weight: 600; background: #e9ebef; border: 1px solid #dadde2; border-bottom: 0; padding: 6px 12px; letter-spacing: -0.05em; border-radius: 5px 5px 0 0; cursor: pointer;}
.tab_type3 ul li a:hover {text-decoration: underline; color: #444;}
.tab_type3 ul li.active a {background: #fff; border: 1px solid #485167; border-bottom-color: #fff; border-top-width: 2px; color: #333; font-weight: 600; font-size: 15px; margin-bottom: -1px; padding: 6px 15px; cursor: inherit;}
.tab_type3 ul li.active a:hover {text-decoration: none;}
.tab_type3 ul li.active a:before {content: ""; display: inline-block; width: 12px; height: 12px; background: url("/images/common/check_ic3.png") no-repeat center; background-size: 12px; margin-right: 4px;}

/* 리스트 TYPE 1 */
.list_type1 .li_block {width: 650px; border-bottom: 1px solid #c4ccd6; padding: 20px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.list_type1 .li_block a {color: #666;}
.list_type1 .li_block h3 {font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.03em; margin-top: -5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.list_type1 .li_block h3:hover {text-decoration: underline; color: #005da4;}
.list_type1 .li_block p {display: -webkit-box; margin: 10px 0; font-size: 14px; color: #666; width: 100%; max-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: normal; line-height: 23px; text-align: justify; -webkit-line-clamp:2; -webkit-box-orient: vertical; letter-spacing: -0.07em;}
.list_type1 .li_block p:hover {text-decoration: underline; color: #333;}
.list_type1 .li_block .li_info >div {display: inline-block; color: #999; font-size: 14px; margin-right: 15px; letter-spacing: -0.04em;}
.list_type1 .li_block .info_box .right {float: right;}
.list_type1 .li_block .info_box .date {color: #aaa; letter-spacing: -0.05em; font-size: 14px; font-weight: 600; vertical-align: middle;}

/* 리스트 TYPE 2 */
.list_type2 .li_block {width: 650px; border-bottom: 1px solid #c4ccd6; padding: 20px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.list_type2 .li_block a {color: #666;}
.list_type2 .li_block a:after {content: ""; clear: both; display: block;}
.list_type2 .li_block .li_img {display: inline-block; float: left; width: 24%; height: 102px;}
.list_type2 .li_block .li_img img {width: 100%; height: 100%;}
.list_type2 .li_block .li_cont {display: inline-block; float: left; width: 73%; margin-left: 3%;}
.list_type2 .li_block .li_cont .count_area {float: inherit;}
.list_type2 .li_block h3 {font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.03em; margin-top: -5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.list_type2 .li_block h3:hover {text-decoration: underline; color: #005da4;}
.list_type2 .li_block p {display: -webkit-box; margin: 10px 0; font-size: 14px; color: #666; width: 100%; max-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: normal; line-height: 23px; text-align: justify; -webkit-line-clamp:2; -webkit-box-orient: vertical; letter-spacing: -0.07em;}
.list_type2 .li_block p:hover {text-decoration: underline; color: #333;}

/* 템플릿 TYPE 1 */
.template_type1 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type1 >a {display: block;}
.template_type1 a:hover .tit {text-decoration: underline;}
.template_type1 .tit {display: block; width: 100%; text-align: center; padding: 0 25px 20px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 600; font-size: 30px; color: #000; letter-spacing: -0.12em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type1 .thumbnail {width: 650px; height: 250px; overflow: hidden;}
.template_type1 .thumbnail img {width: 100%; height: 100%;}
.template_type1 .li_txt {width: 100%; border: 1px solid #c4ccd6; border-top: 0; padding: 8px 20px 10px;}
.template_type1 .li_txt li {position: relative; padding-left: 10px;}
.template_type1 .li_txt li:before {content: "-"; margin-right: 5px; position: absolute; left: 0; top: 4px;}
.template_type1 .li_txt li a {display: inline-block; max-width: 90%; font-size: 16px; color: #111; line-height: 28px; letter-spacing: -0.07em; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type1 .li_txt li a:hover {text-decoration: underline;}

/* 템플릿 TYPE 1-1 */
.template_type1_1 { display: flex; width: 100%; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0; padding-bottom: 25px; border-bottom: 1px solid #c4ccd6;}
.template_type1_1:after {content: ""; clear: both; display: block;}
.template_type1_1 .img_lg_1 {position: relative; display: inline-block; width: 605px; height: 365px;}
.template_type1_1 .img_lg_1 a {display: block; width: 100%; height: 100%; overflow: hidden;}
.template_type1_1 .img_lg_1 a:hover {cursor: pointer;}
.template_type1_1 .img_lg_1 img {width: 100%; height: 100%; float: left; transition: all .2s ease-in;}
.template_type1_1 .img_lg_1 a:hover img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.template_type1_1 .img_lg_1 .overlay_text {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 20px 30px; z-index: 9;}
.template_type1_1 .img_lg_1 .overlay_text .tit {display: block; width: 100%; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 300; font-size: 26px; color: #fff; line-height: 30px; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type1_1 .img_lg_1 .overlay_text .sm_txt {display: -webkit-box; width: 100%; max-height: 40px; font-size: 14px; color: #fff; letter-spacing: -0.07em; line-height: 20px; text-align: justify; opacity: 0.8; margin-top: 25px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.template_type1_1 .img_lg_1 a:hover .sm_txt {text-decoration: underline;}
.template_type1_1 .img_sm_1 { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 10px; width: 515px; height: 365px; background: #2b2d31; text-align: center; padding: 10px; }
.template_type1_1 .img_sm_1 li { width: calc(100% /3 - 7px); height: calc(100% /3 - 7px);}
.template_type1_1 .img_sm_1 li:hover img {opacity: 1;}
.template_type1_1 .img_sm_1 li:after {content: ""; clear: both; display: block;}
.template_type1_1 .img_sm_1 li.on {border: 2px solid #fff;}
.template_type1_1 .img_sm_1 li.on a img {opacity: 1;}
.template_type1_1 .img_sm_1 li a {display: block; width: 100%; height: 100%; overflow: hidden; background: #000;}
.template_type1_1 .img_sm_1 li a img {width: 100%; height: 100%; float: left; opacity: 0.7;}

/* 템플릿 TYPE 1-2 */
.template_type1_2 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0; padding-bottom: 25px; border-bottom: 1px solid #c4ccd6;}
.template_type1_2:after {content: ""; clear: both; display: block;}
.template_type1_2 .img_lg {position: relative; display: inline-block; float: left; width: 515px; height: 365px;}
.template_type1_2 .img_lg a {display: block; width: 100%; height: 100%; overflow: hidden;}
.template_type1_2 .img_lg a:hover {cursor: pointer;}
.template_type1_2 .img_lg img {width: 100%; height: 100%; float: left; transition: all .2s ease-in;}
.template_type1_2 .img_lg a:hover img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.template_type1_2 .img_lg .overlay_text {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 20px 30px; z-index: 9;}
.template_type1_2 .img_lg .overlay_text .tit {display: block; width: 100%; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; font-weight: 300; font-size: 26px; color: #fff; line-height: 30px; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type1_2 .img_lg .overlay_text .sm_txt {display: -webkit-box; width: 100%; max-height: 40px; font-size: 14px; color: #fff; letter-spacing: -0.07em; line-height: 20px; text-align: justify; opacity: 0.8; margin-top: 25px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.template_type1_2 .img_lg a:hover .sm_txt {text-decoration: underline;}
.template_type1_2 .img_sm {display: inline-block; float: left; width: 135px; height: 365px; background: #2b2d31; text-align: center; padding: 9px 10px 0 10px;}
.template_type1_2 .img_sm li {margin-bottom: 9px; width: 115px; height: 80px;}
.template_type1_2 .img_sm li:hover img {opacity: 1;}
.template_type1_2 .img_sm li:after {content: ""; clear: both; display: block;}
.template_type1_2 .img_sm li.on {border: 2px solid #fff;}
.template_type1_2 .img_sm li.on a img {opacity: 1;}
.template_type1_2 .img_sm li a {display: block; width: 100%; height: 100%; overflow: hidden; background: #000;}
.template_type1_2 .img_sm li a img {width: 100%; height: 100%; float: left; opacity: 0.7;}

/* 템플릿 TYPE 2 */
.template_type2 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2:after {content: ""; clear: both; display: block;}
.template_type2 .thumbnail {display: inline-block; float: left; width: 230px; height: 140px; overflow: hidden;}
.template_type2 .thumbnail img {width: 100%; height: 100%;}
.template_type2:hover .thumbnail img {opacity: 0.9;}
.template_type2 .txt_area {display: inline-block; float: left; width: 395px; margin-left: 25px;}
.template_type2 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2 .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;}
.template_type2 .sm_txt {display: -webkit-box; display: -ms-flexbox; width: 92%; max-height: 60px; font-size: 14px; color: #666; letter-spacing: -0.07em; line-height: 20px; margin: 11px 0; padding-left: 20px; text-align: justify; background: url("/images/index/template2_bullet.png") no-repeat 5px 6px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.template_type2 .li_txt {width: 100%;}
.template_type2 .li_txt li {position: relative; padding-left: 10px;}
.template_type2 .li_txt li:before {content: "-"; margin-right: 5px; position: absolute; left: 0; top: 3px;}
.template_type2 .li_txt li a {display: block; font-size: 14px; color: #444; line-height: 22px; letter-spacing: -0.07em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2 .li_txt li a:hover {text-decoration: underline;}

/* 템플릿 TYPE 2-2 */
.template_type2_2 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2_2:after {content: ""; clear: both; display: block;}
.template_type2_2 .thumbnail {position: relative; display: inline-block; float: left; width: 230px; height: 140px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type2_2 .thumbnail img {width: 100%; height: 100%; transition: all .2s ease-in;}
.template_type2_2 .thumbnail img:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.template_type2_2:hover .thumbnail {border-color: #9aa5b3;}
.template_type2_2 .cate {position: absolute; left: 0; top: 0; display: inline-block; color: #fff; background: #3f5d83; font-size: 14px; padding: 4px 10px 6px; letter-spacing: -0.05em; z-index: 50;}
.template_type2_2 .slider_btn {position: absolute; left: 170px; top: 3px; z-index: 10;}
.template_type2_2 .slider_btn a {display: inline-block;}
.template_type2_2 .slider_btn a img {width: 9px; height: 9px;}
.template_type2_2 .txt_area {display: inline-block; float: left; width: 395px; margin-left: 25px;}
.template_type2_2 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2_2 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2_2 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; margin-bottom: 10px; margin-top: -4px; line-height: 22px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_2 .sm_txt {display: block; width: 92%; font-size: 14px; color: #666; letter-spacing: -0.03em; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_2 .sm_txt:before {content: "-"; color: #666; margin-right: 7px;}
.template_type2_2 .link {margin-top: 3px;}
.template_type2_2 .link:after {content: ""; clear: both; display: block;}
.template_type2_2 .link a {display: inline-block; float: left; font-size: 13px; color: #666; padding: 0 5px 2px;}
.template_type2_2 .link a:hover {color: #000;}
.template_type2_2 .link a:before {content: "|"; margin-right: 7px; font-weight: 300;}
.template_type2_2 .link a:first-child {padding-left: 0;}
.template_type2_2 .link a:first-child:before {content: ""; margin-right: 0;}
.template_type2_2 .li_txt {width: 90%; margin-top: 7px;}
.template_type2_2 .li_txt li {position: relative; padding-left: 50px;}
.template_type2_2 .li_txt li .cate {position: absolute; left: 0; top: 3px; font-size: 11px; font-weight: 600; color: #5d8eff; background: transparent; border: 1px solid #5d8eff; border-radius: 1px; padding: 0 3px 1px;}
.template_type2_2 .li_txt li a {display: block; font-size: 14px; color: #444; line-height: 25px; letter-spacing: -0.05em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_2 .li_txt li a:hover {text-decoration: underline;}

/* 템플릿 TYPE 2-3 */
.template_type2_3 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2_3:after {content: ""; clear: both; display: block;}
.template_type2_3 .thumbnail {position: relative; display: inline-block; float: left; width: 230px; height: 140px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type2_3 .thumbnail img {width: 100%; height: 100%;}
.template_type2_3:hover .thumbnail {border-color: #9aa5b3;}
.template_type2_3 .cate {position: absolute; left: 0; top: 0; display: inline-block; color: #fff; background: #3f5d83; font-size: 14px; padding: 5px 10px 7px; letter-spacing: -0.05em; z-index: 50;}
.template_type2_3 .slider_btn {position: absolute; left: 170px; top: 3px; z-index: 10;}
.template_type2_3 .slider_btn a {display: inline-block;}
.template_type2_3 .slider_btn a img {width: 9px; height: 9px;}
.template_type2_3 .txt_area {display: inline-block; float: left; width: 395px; margin-left: 25px;}
.template_type2_3 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2_3 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2_3 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; margin-bottom: 10px; margin-top: -4px; line-height: 22px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_3 .sm_txt {display: block; width: 100%; font-size: 14px; color: #666; letter-spacing: -0.03em; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_3 .sm_txt:before {content: "-"; color: #666; margin-right: 7px;}
.template_type2_3 .li_txt {width: 100%; margin-top: 7px;}
.template_type2_3 .li_txt li {position: relative; color: #666; font-size: 13px;}
.template_type2_3 .li_txt li a {display: inline-block; width: 60%; font-size: 14px; color: #444; line-height: 25px; letter-spacing: -0.05em; vertical-align: middle; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_3 .li_txt li a:hover {text-decoration: underline;}

/* 템플릿 TYPE 2-4 */
.template_type2_4 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2_4:after {content: ""; clear: both; display: block;}
.template_type2_4 .thumbnail {position: relative; display: inline-block; float: left; width: 230px; height: 140px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type2_4 .thumbnail img {width: 100%; height: 100%;}
.template_type2_4:hover .thumbnail {border-color: #9aa5b3;}
.template_type2_4.premium .thumbnail:after {content: ""; position: absolute; top: 0; left: 0; width: 82px; height: 26px; background : url("/images/common/premium_mark.png") no-repeat center;}
.template_type2_4 .txt_area {display: inline-block; float: left; width: 395px; margin-left: 25px;}
.template_type2_4 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2_4 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2_4 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; margin-bottom: 10px; margin-top: 7px; line-height: 22px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_4 .sm_txt {display: block; width: 85%; font-size: 14px; color: #666; letter-spacing: -0.03em; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_4 .sm_txt:before {content: "-"; color: #666; margin-right: 7px;}
.template_type2_4 .cate {display: inline-block; border: 1px solid #c4ccd6; border-radius: 2px; padding: 4px 6px 7px 6px; margin: 13px 0 0; background: #fff; letter-spacing: -0.13em;}
.template_type2_4 .cate:after {content: ""; clear: both; display: block;}
.template_type2_4 .cate span {display: inline-block; float: left; color: #aaa; font-size: 13px; margin: 0 3px 0 0;}
.template_type2_4 .cate span.active {color: #2a467d; font-weight: 600;}
.template_type2_4 .cate span:before {content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; margin: 0 3px;}
.template_type2_4 .cate span:first-child:before {display: none;}
.template_type2_4 .cate span:last-child {margin-right: 0;}

/* 템플릿 TYPE 2-5 */
.template_type2_5 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2_5:after {content: ""; clear: both; display: block;}
.template_type2_5 .thumbnail {display: inline-block; float: left; width: 230px; height: 159px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type2_5 .thumbnail img {width: 100%; height: 100%;}
.template_type2_5:hover .thumbnail img {opacity: 0.9;}
.template_type2_5 .txt_area {position: relative; display: inline-block; float: left; width: 395px; margin-left: 25px; margin-top: 10px;}
.template_type2_5 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2_5 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2_5 .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;}
.template_type2_5 .tit span {color: #888; margin-right: 10px;}
.template_type2_5 .sm_txt {display: -webkit-box; display: -ms-flexbox; width: 92%; max-height: 70px; font-size: 14px; color: #666; letter-spacing: -0.07em; line-height: 23px; margin: 12px 0; padding-left: 20px; text-align: justify; background: url("/images/index/template2_bullet.png") no-repeat 5px 6px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.template_type2_5 .view_btn {display: inline-block; background: #4f7cee; color: #fff; font-size: 13px; padding: 4px 10px 6px 13px; margin-left: 20px; letter-spacing: -0.05em; border-radius: 2px; cursor: pointer;}
.template_type2_5 .view_btn:hover {opacity: 0.9;}
.template_type2_5 .view_btn:after {content: "→"; margin-left: 5px; font-size: 12px;}
.template_type2_5 .mark_area {position: absolute; right: 30px; bottom: -3px;}
.template_type2_5 .mark_area img {width: 32px;}

/* 템플릿 TYPE 2-6 */
.template_type2_6 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2_6:after {content: ""; clear: both; display: block;}
.template_type2_6 .thumbnail {position: relative; display: inline-block; float: left; width: 230px; height: 140px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type2_6 .thumbnail img {width: 100%; height: 100%;}
.template_type2_6:hover .thumbnail {border-color: #9aa5b3;}
.template_type2_6 .cate {position: absolute; left: 0; top: 0; display: inline-block; color: #fff; background: #3f5d83; font-size: 14px; padding: 5px 10px 7px; letter-spacing: -0.05em; z-index: 50;}
.template_type2_6 .txt_area {display: inline-block; float: left; width: 395px; margin-left: 25px;}
.template_type2_6 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2_6 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2_6 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; margin-bottom: 10px; margin-top: 3px; line-height: 22px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_6 .sm_txt {display: block; width: 100%; font-size: 14px; color: #666; letter-spacing: -0.03em; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_6 .sm_txt:before {content: "-"; color: #666; margin-right: 7px;}
.template_type2_6 .li_txt {width: 100%; margin-top: 7px;}
.template_type2_6 .li_txt li {position: relative; color: #666; font-size: 13px;}
.template_type2_6 .li_txt li a {display: inline-block; width: 60%; font-size: 14px; color: #444; line-height: 25px; letter-spacing: -0.05em; vertical-align: middle; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_6 .li_txt li a:hover {text-decoration: underline;}

/* 템플릿 TYPE 2-7 */
.template_type2_7 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type2_7:after {content: ""; clear: both; display: block;}
.template_type2_7 .thumbnail {position: relative; display: inline-block; float: left; width: 180px; height: 110px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type2_7 .thumbnail img {width: 100%; height: 100%;}
.template_type2_7:hover .thumbnail {border-color: #9aa5b3;}
.template_type2_7 .cate {position: absolute; left: 0; top: 0; display: inline-block; color: #fff; background: #3f5d83; font-size: 14px; padding: 5px 10px 7px; letter-spacing: -0.05em; z-index: 50;}
.template_type2_7 .txt_area {display: inline-block; float: left; width: 445px; margin-left: 25px;}
.template_type2_7 .txt_area >a:hover .tit {text-decoration: underline;}
.template_type2_7 .txt_area >a:hover .sm_txt {color: #222;}
.template_type2_7 .tit {display: block; width: 100%; font-weight: 600; font-size: 18px; color: #000; margin-bottom: 10px; margin-top: 3px; line-height: 22px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_7 .sm_txt {display: block; width: 100%; font-size: 14px; color: #666; letter-spacing: -0.03em; line-height: 23px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type2_7 .sm_txt:before {content: "-"; color: #666; margin-right: 7px;}

/* 템플릿 TYPE 3 */
.template_type3 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 15px 0;}
.template_type3 .li_txt {width: 100%;}
.template_type3 .li_txt li a {display: block; max-width: 530px; font-size: 18px; color: #000; line-height: 40px; letter-spacing: -0.05em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type3 .li_txt li a:hover {color: #005da4;}
.template_type3 .li_txt li:first-child {margin-top: -15px;}
.template_type3 .li_link {margin-top: 15px; padding: 8px 20px; border: 2px solid #e5e5e5;}
.template_type3 .li_link li {position: relative; padding-left: 95px; line-height: 23px;}
.template_type3 .li_link li:before {position: absolute; left: 0; top: 4px; color: #fff; font-weight: 600; font-size: 11px; padding: 0 4px; letter-spacing: -0.03em; margin-right: 30px;}
.template_type3 .li_link li.n_cafe:before {content: "NAVER CAFE";  background: #00c63c;}
.template_type3 .li_link li.n_blog:before {content: "NAVER BLOG"; background: #00c63c;}
.template_type3 .li_link li.d_cafe:before {content: "DAUM CAFE";  background: #608ffb;}
.template_type3 .li_link li.d_blog:before {content: "DAUM BLOG"; background: #608ffb;}
.template_type3 .li_link li a {display: block; width: 90%; font-size: 16px; color: #000; font-weight: 600; line-height: 30px; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type3 .li_link li a:hover {text-decoration: underline;}

/* 템플릿 TYPE 3-2 */
.template_type3_2 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 15px 0 0;}
.template_type3_2 .li_txt {width: 100%;}
.template_type3_2 .li_txt li a {display: block; max-width: 530px; font-size: 18px; color: #000; line-height: 40px; letter-spacing: -0.05em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type3_2 .li_txt li a:hover {color: #005da4;}
.template_type3_2 .li_txt li:first-child {margin-top: -15px;}

/* 템플릿 TYPE 4 */
.template_type4 {position: relative; width: 970px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type4 .li_video {position: relative; width: 100%; z-index: 9;}
.template_type4 .li_video:after {content: ""; clear: both; display: block;}
.template_type4 .li_video li {display: inline-block; float: left; width: 300px; text-align: center; margin-left: 35px;}
.template_type4 .li_video li:first-child {margin-left: 0;}
.template_type4 .li_video li .thumbnail {width: 300px; height: 170px; overflow: hidden;}
.template_type4 .li_video li a:hover * {opacity: 0.95;}
.template_type4 .li_video li strong {display: block; padding: 0 10px; margin-top: 10px; font-size: 18px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.1em;}
.template_type4 .btn_l {position: absolute; left: 0; top: 65px; z-index: 10; cursor: pointer;}
.template_type4 .btn_r {position: absolute; right: 0; top: 65px; z-index: 10; cursor: pointer;}

/* 템플릿 TYPE 4-2 */
.template_type4_2 {position: relative; width: 970px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type4_2 .li_video {position: relative; width: 100%; z-index: 9;}
.template_type4_2 .li_video:after {content: ""; clear: both; display: block;}
.template_type4_2 .li_video li {display: inline-block; float: left; width: 300px; text-align: center; margin-left: 35px;}
.template_type4_2 .li_video li:first-child {margin-left: 0;}
.template_type4_2 .li_video li .thumbnail {width: 300px; height: 170px; overflow: hidden;}
.template_type4_2 .li_video li a:hover * {opacity: 0.95;}
.template_type4_2 .li_video li strong {display: block; padding: 0 10px; margin-top: 10px; font-size: 18px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -0.1em;}
.template_type4_2 .banner_box {display: block; width: 970px; height: 90px; margin: 25px 0; overflow: hidden;}
.template_type4_2 .banner_box:hover img {-webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); opacity: 0.9;}
.template_type4_2 .banner_box img {float: left; width: 100%; height: 100%;}

/* 템플릿 TYPE 5 */
.template_type5 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type5 ul {position: relative; width: 100%; z-index: 9;}
.template_type5 ul:after {content: ""; clear: both; display: block;}
.template_type5 ul li {display: inline-block; float: left; width: 205px; text-align: center; margin-left: 17px;}
.template_type5 ul li:first-child {margin-left: 0;}
.template_type5 ul li .thumbnail {width: 205px; height: 120px; overflow: hidden; border: 1px solid #c4ccd6;}
.template_type5 ul li:hover .thumbnail {border-color: #9aa5b3;}
.template_type5 ul li:hover strong {text-decoration: underline;}
.template_type5 ul li a:hover * {opacity: 0.95;}
.template_type5 ul li strong {display: block; padding: 0 5px; margin-top: 8px; font-size: 18px; font-weight: 600; line-height: 24px; color: #000; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* 템플릿 TYPE 5-2 */
.template_type5_2 {position: relative; width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0;}
.template_type5_2 ul {position: relative; width: 100%; z-index: 9;}
.template_type5_2 ul:after {content: ""; clear: both; display: block;}
.template_type5_2 ul li {display: inline-block; float: left; width: 205px; text-align: center; margin-left: 17px;}
.template_type5_2 ul li:first-child {margin-left: 0;}
.template_type5_2 ul li .thumbnail {width: 205px; height: 120px; overflow: hidden;}
.template_type5_2 ul li .thumbnail img {float: left; width:205px; height:120px;}
.template_type5_2 ul li:hover strong {text-decoration: underline;}
.template_type5_2 ul li a:hover * {opacity: 0.95;}
.template_type5_2 ul li strong {display: block; padding: 0 5px; margin-top: 8px; font-size: 14px; font-weight: 600; line-height: 23px; color: #222; letter-spacing: -0.1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type5_2 .view_info .name {display: inline-block; max-width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type5_2 .count_area {font-size: 13px;}
.template_type5_2 .count_area >div {margin-left: 5px;}

/* 템플릿 TYPE 6 */
.template_type6 {position: relative; width: 325px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0; display: inline-block; padding: 0;}
.template_type6 .grid_c_tit {margin-bottom: 15px !important;}
.template_type6 ul li {position: relative; height: 85px; padding: 5px 0; border-bottom: 1px solid #c4ccd6;}
.template_type6 ul li:first-child {border-top: 1px solid #c4ccd6;}
.template_type6 ul li .num {position: absolute; top: 30px; left: 0; width: 20px; height: 20px; text-align: center; font-size: 13px; font-weight: 300; color: #fff; background: #aaa; border-radius: 2px; border: 1px solid #999;}
.template_type6 ul li:nth-child(1) .num, .template_type6 ul li:nth-child(2) .num, .template_type6 ul li:nth-child(3) .num {background: #326fba; border-color: #295b99;}
.template_type6 ul li a {display: block; letter-spacing: -0.1em; padding: 5px 0 5px 35px; font-size: 18px; font-weight: 600; color: #000; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type6 ul li a span {display: block; max-width: 80%; font-size: 16px; color: #222; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type6 ul li a:hover {color: #005da4;}

/* 템플릿 TYPE 6-2 */
.template_type6_2 {position: relative; width: 325px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 25px 0; display: inline-block; padding: 0;}
.template_type6_2 .grid_c_tit {margin-bottom: 15px !important;}
.template_type6_2 ul li {position: relative; height: 85px; padding: 5px 0; border-bottom: 1px solid #c4ccd6;}
.template_type6_2 ul li:first-child {border-top: 1px solid #c4ccd6;}
.template_type6_2 ul li .num {position: absolute; top: 30px; left: 0; width: 20px; height: 20px; text-align: center; font-size: 13px; font-weight: 300; color: #fff; background: #aaa; border-radius: 2px; border: 1px solid #999;}
.template_type6_2 ul li:nth-child(1) .num, .template_type6_2 ul li:nth-child(2) .num, .template_type6_2 ul li:nth-child(3) .num {background: #db6138; border-color: #b04e2d;}
.template_type6_2 ul li a {display: block; padding-left: 35px;}
.template_type6_2 ul li a span {display: block; max-width: 100%; font-size: 16px; color: #222; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type6_2 ul li a .thumbnail {position: relative; top: 2px; display: inline-block; width: 80px; height: 50px; vertical-align: middle; overflow: hidden;}
.template_type6_2 ul li a .thumbnail img {width: 100%; height: 100%; transition: all .2s ease-in;}
.template_type6_2 ul li a .thumbnail img:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.template_type6_2 ul li a:hover .thumbnail img {opacity: 0.9;}
.template_type6_2 ul li a .txt_area {display: inline-block; width: 205px; padding: 5px 0 5px 10px; vertical-align: middle;}
.template_type6_2 ul li a .txt_area strong {display: block; letter-spacing: -0.06em; font-size: 18px; font-weight: 600; color: #000; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type6_2 ul li a:hover .txt_area strong {color: #db5726;}

/* 템플릿 TYPE 7 */
.template_type7 {width: 650px; border-bottom: 1px solid #c4ccd6; padding: 20px 0; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.template_type7 a {color: #666;}
.template_type7 h3 {font-size: 18px; color: #000; font-weight: 600; letter-spacing: -0.03em; margin-top: -5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type7 h3:hover {text-decoration: underline; color: #005da4;}
.template_type7 p {display: -webkit-box; margin: 10px 0; font-size: 14px; color: #666; width: 100%; max-height: 45px; text-overflow: ellipsis; overflow: hidden; white-space: normal; line-height: 23px; text-align: justify; -webkit-line-clamp:2; -webkit-box-orient: vertical; letter-spacing: -0.07em;}
.template_type7 p:hover {text-decoration: underline; color: #333;}
.template_type7 .li_info >div {display: inline-block; color: #999; font-size: 14px; margin-right: 15px; letter-spacing: -0.04em;}
.template_type7 .info_box .right {float: right;}
.template_type7 .info_box .date {color: #aaa; letter-spacing: -0.05em; font-size: 14px; font-weight: 600; vertical-align: middle;}

/* 템플릿 TYPE 8 */
.template_type8 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.template_type8 table {width: 100%; font-size: 16px; letter-spacing: -0.08em;}
.template_type8 table td {border-bottom: 1px solid #c4ccd6; padding: 12px 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type8 table tr:last-child td {border-bottom: 1px solid #c4ccd6;}
.template_type8 table td a {display: inline-block; max-width: 450px; color: #222; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type8 table td a:hover {text-decoration: underline;}
.template_type8 table td.area_txt {font-size: 14px; color: #666; letter-spacing: -0.12em;}
.template_type8 table td.name_txt a {max-width: 200px; font-size: 18px;}
.template_type8 table td .update {background: url("/images/common/update_ic.png") no-repeat left 4px; background-size: 11px auto; font-size: 12px; color: #aaa; padding-left: 14px; letter-spacing: -0.05em;}
.template_type8 table td .update:before {content: "업데이트 : "; font-size: 11px;}
.template_type8 table td.sm_txt {font-size: 13px; color: #2a467d; max-width: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type8 table td.md_txt {font-size: 14px; color: #222; white-space: initial; letter-spacing: -0.15em; line-height: 24px;}
.template_type8 table td.md_txt span {display: inline-block; color: #999; margin: 0 5px;}
.template_type8 table td.md_txt span:before {content: "#"; display: inline-block; margin-right: 2px;}
.template_type8 table td.md_txt span.active {color: #2a467d; font-weight: 600;}
.template_type8 table td.date {font-size: 14px; color: #888; letter-spacing: -0.05em;}

/* 템플릿 TYPE 9 */
.template_type9 {width: 650px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움';}
.template_type9 table {width: 100%; font-size: 13px; letter-spacing: -0.08em; margin-top: -1px;}
.template_type9 table th {background: #666; font-weight: 300; padding: 10px 7px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type9 table td {width: 50px; border-bottom: 1px dotted #aaa; padding: 12px 2px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type9 table tr:last-child td {border-bottom: 1px solid #aaa;}
.template_type9 table td a {display: inline-block; max-width: 300px; font-size: 14px; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type9 table td a:hover {text-decoration: underline;}
.template_type9 table td.td_tit {width: 380px; padding: 12px 7px;}
.template_type9 table td.td_tit span {margin-left: 3px; vertical-align: middle; color: #1565e9; font-weight: 600;}
.template_type9 table td.td_tit span:before {content: "["; margin-right: 1px; color: #666;}
.template_type9 table td.td_tit span:after {content: "]"; margin-left: 1px; color: #666;}
.template_type9 table td .new_ic {margin-left: 3px;}
.template_type9 table td img {vertical-align: middle;}
.template_type9 table td .level_ic {margin-right: 5px;}
.template_type9 table td.td_name {display: inline-block; width: 120px; color: #000; padding: 12px 7px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.template_type9 table td.date {width: 60px; color: #888;}
.template_type9 table td.view_count {width: 40px; color: #888;}

/* 사이드 템플릿 TYPE 1 */
.s_tmp_type1 {width: 300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 10px 0;}
.s_tmp_type1 .grid_r_tit {display:block; margin-bottom: 0 !important; padding: 10px 15px; background: #444; color: #fff !important; border-bottom: 0;}
.s_tmp_type1 ul {font-size: 14px; border: 1px solid #d0d5dc; background: #fff;}
.s_tmp_type1 ul li {padding: 7px 15px 12px; border-bottom: 1px dashed #d0d5dc;}
.s_tmp_type1 ul li:last-child {border-bottom: 0;}
.s_tmp_type1 ul li .num {display: inline-block; color: #666; font-size: 16px; font-weight: 600; text-align: center; line-height: 17px; margin-right: 8px; vertical-align: middle; letter-spacing: -0.05em;}
.s_tmp_type1 ul li:nth-child(1) .num, .s_tmp_type1 ul li:nth-child(2) .num, .s_tmp_type1 ul li:nth-child(3) .num {color: #2a467d;}
.s_tmp_type1 ul li a {display: inline-block; width: 92%; color: #666; font-size: 14px; letter-spacing: -0.12em; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type1 ul li:nth-child(1) a, .s_tmp_type1 ul li:nth-child(2) a, .s_tmp_type1 ul li:nth-child(3) a {font-weight: 600; color: #222;}
.s_tmp_type1 ul li:nth-child(1) a:hover, .s_tmp_type1 ul li:nth-child(2) a:hover, .s_tmp_type1 ul li:nth-child(3) a:hover {color: #2a467d;}
.s_tmp_type1 ul li a:hover {text-decoration: underline;}

/* 사이드 템플릿 TYPE 2 */
.s_tmp_type2 {width: 300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 10px 0;}
.s_tmp_type2 .grid_r_tit {display:block; margin-bottom: 0 !important; padding: 10px 15px; background: #f1f2f4; border: 1px solid #d0d5dc; border-bottom: 0;}
.s_tmp_type2 ul {font-size: 14px; border: 1px solid #d0d5dc; border-top: 2px solid #222; background: #fff;}
.s_tmp_type2 ul li {padding: 7px 15px 12px; border-bottom: 1px dashed #d0d5dc;}
.s_tmp_type2 ul li:last-child {border-bottom: 0;}
.s_tmp_type2 ul li .cate {display: inline-block; width: 40px; background: #db6138; color: #fff; font-size: 11px; font-weight: 600; text-align: center; line-height: 12px; margin-right: 10px; margin-top: 3px; padding: 2px 5px 4px; vertical-align: middle; border-radius: 2px; letter-spacing: -0.1em;}
.s_tmp_type2 ul li a {display: inline-block; width: 81%; color: #222; font-weight: 600; font-size: 14px; letter-spacing: -0.1em; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type2 ul li a:hover {text-decoration: underline;}

/* 사이드 템플릿 TYPE 3(보류) */
.s_tmp_type3 {position: relative; width: 300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 10px 0;}
.s_tmp_type3 .slider_btn {position: absolute; right: 0; top: 2px; z-index: 10;}
.s_tmp_type3 .slider_btn a {display: inline-block; margin: 0 1px;}
.s_tmp_type3 h5 {font-size: 14px; line-height: 20px; color: #fff; background: #326fba; text-align: center; padding: 5px 0; letter-spacing: -0.07em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type3 h5:before {content: "\""; font-size: 22px; color: rgba(255, 255, 255, 0.5); margin-right: 5px; vertical-align: middle;}
.s_tmp_type3 h5:after {content: "\""; font-size: 22px; color: rgba(255, 255, 255, 0.5); margin-left: 5px; vertical-align: middle;}
.s_tmp_type3 ul {padding: 0; border: 1px solid #326fba;}
.s_tmp_type3 ul li {border-bottom: 1px dotted #ccc;}
.s_tmp_type3 ul li:last-child {border-bottom: 0;}
.s_tmp_type3 ul li a {display: block; padding: 15px 10px; font-size: 14px; color: #222; letter-spacing: -0.03em; line-height: 20px;}
.s_tmp_type3 ul li a:after {content: ""; clear: both; display: block;}
.s_tmp_type3 ul li a .thumbnail {position: relative; display: inline-block; float: left; width: 80px; height: 55px;}
.s_tmp_type3 ul li a .thumbnail img {width: 100%; height: 100%;}
.s_tmp_type3 ul li a:hover .thumbnail img {opacity: 0.9;}
.s_tmp_type3 ul li .txt_area {display: inline-block; float: left; width: 178px; height: auto; line-height: 18px; padding: 5px 0 5px 20px;}
.s_tmp_type3 ul li .cate {display: block; color: #888; font-size: 14px; margin-bottom: 2px;}
.s_tmp_type3 ul li strong {display: block; font-size: 18px; line-height: 23px; margin-bottom: 2px; word-wrap: break-word;}
.s_tmp_type3 ul li a:hover strong {text-decoration: underline;}
.s_tmp_type3 ul li .view_btn {display: inline-block; color: #e90000; font-size: 12px; border: 1px solid #e90000; border-radius: 2px; padding: 0 7px 2px; margin-top: 5px;}

/* 사이드 템플릿 TYPE 4 */
.s_tmp_type4 {position: relative; width: 300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 10px 0;}
.s_tmp_type4 ul {border: 1px solid #c4ccd6; border-top: 2px solid #222;}
.s_tmp_type4 ul li {padding: 15px 0; border-bottom: 1px dotted #bbb; text-align: center;}
.s_tmp_type4 ul li:last-child {border-bottom: 0;}
.s_tmp_type4 ul li a {display: block; font-size: 14px; color: #222; letter-spacing: -0.07em; line-height: 20px; padding: 0 10px;}
.s_tmp_type4 ul li a:after {content: ""; clear: both; display: block;}
.s_tmp_type4 ul li a .thumbnail {display: block; width: 252px; height: 72px; margin: 0 auto; border: 1px solid #c4ccd6;}
.s_tmp_type4 ul li a .thumbnail img {width: 250px; height: 70px;}
.s_tmp_type4 ul li a:hover .thumbnail img {opacity: 0.9;}
.s_tmp_type4 ul li strong {display: block; width: 100%; height: auto; font-size: 15px;line-height: 18px; padding: 5px 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type4 ul li strong span {display: inline-block; color: #888; font-size: 13px; margin-right: 7px; font-weight: 300;}
.s_tmp_type4 ul li a:hover strong {text-decoration: underline;}

/* 사이드 템플릿 TYPE 5(보류) */
.s_tmp_type5 {position: relative; margin: 10px 0;}
.s_tmp_type5 .slider_btn {display: block; text-align: center; border-bottom: 1px solid #d0d5dc; padding: 5px 0 10px 0;}
.s_tmp_type5 .slider_btn * {display: inline-block; vertical-align: middle;}
.s_tmp_type5 .slider_btn a {cursor: pointer;}
.s_tmp_type5 .slider_btn h5 {display: inline-block; max-width: 200px; font-size: 16px; color: #222; margin: 0 5px; letter-spacing: -0.03em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type5 .slider_btn a:hover img {box-shadow: 1px 1px 1px #ccc;}
.s_tmp_type5 .grid_r_tit {margin-bottom: 0 !important;}
.s_tmp_type5 ul {border: 1px solid #d0d5dc; border-top: 2px solid #222; background: #f4f4f4;}
.s_tmp_type5 ul li {border-bottom: 1px dotted #ccc;}
.s_tmp_type5 ul li:last-child {border-bottom: 0;}
.s_tmp_type5 ul li >a {display: block; font-size: 14px; color: #222; letter-spacing: -0.03em; line-height: 20px; padding: 30px 10px; background: #fff;}
.s_tmp_type5 ul li >a:after {content: ""; clear: both; display: block;}
.s_tmp_type5 ul li >a .thumbnail {display: inline-block; float: left; width: 80px; height: 55px; margin-left: 20px;}
.s_tmp_type5 ul li >a .thumbnail img {width: 100%; height: 100%;}
.s_tmp_type5 ul li .txt_area {display: inline-block; float: left; width: 150px; height: auto; line-height: 18px; padding-left: 30px;}
.s_tmp_type5 ul li strong {display: block; color: #e92400; font-size: 20px; line-height: 25px; word-wrap: break-word;}
.s_tmp_type5 ul li >a:hover strong {text-decoration: underline;}

/* 사이드 템플릿 TYPE 6 */
.s_tmp_type6 {position: relative; width: 300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 10px 0;}
.s_tmp_type6 ul {padding: 0; border: 1px solid #c4ccd6; border-top: 2px solid #222; background: #eee;}
.s_tmp_type6 ul li {border-bottom: 1px dotted #bbb; letter-spacing: -0.09em;}
.s_tmp_type6 ul li:last-child {border-bottom: 0;}
.s_tmp_type6 ul li a {display: block; padding: 10px 20px 12px; color: #222; line-height: 20px;}
.s_tmp_type6 ul li a:after {content: ""; clear: both; display: block;}
.s_tmp_type6 ul li a .thumbnail {position: relative; display: inline-block; float: left; width: 80px; height: 55px; margin-top: 16px;}
.s_tmp_type6 ul li a .thumbnail img {width: 100%; height: 100%;}
.s_tmp_type6 ul li a:hover .thumbnail img {opacity: 0.9;}
.s_tmp_type6 ul li .txt_area {display: inline-block; float: left; width: 175px; height: auto; line-height: 18px; padding: 0 0 0 20px;}
.s_tmp_type6 ul li .sm_txt {display: -webkit-box; display: -ms-flexbox; width: 100%; color: #666; font-size: 13px; max-height: 32px; margin-bottom: 5px; line-height: 16px; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.s_tmp_type6 ul li strong {display: block; max-width: 100%; font-size: 18px; line-height: 23px; margin-bottom: 2px; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type6 ul li a:hover strong {text-decoration: underline;}
.s_tmp_type6 ul li .view_btn {display: inline-block; color: #fff; font-size: 13px; font-weight: 600; background: #e90000; border-radius: 2px; padding: 0 7px 2px; margin-top: 5px;}
.s_tmp_type6 ul li a:hover .view_btn {background: #ff2300;}

/* 사이드 템플릿 TYPE 7 */
.s_tmp_type7 {position: relative; width: 300px; font-family:  'Pretendard Variable', 'Malgun Gothic', '맑은고딕', 'dotum', '돋움'; margin: 10px 0;}
.s_tmp_type7 >ul {border-top: 2px solid #222;}
.s_tmp_type7 >ul >li {margin: 10px 0; padding: 10px 15px; border: 1px solid #c4ccd6;}
.s_tmp_type7 >ul >li:after {content: ""; clear: both; display: block;}
.s_tmp_type7 >ul >li strong {display: block; font-size: 15px; font-weight: 600; color: #2a467d; border-bottom: 1px dotted #bbb; padding-bottom: 3px; margin-bottom: 3px; letter-spacing: -0.08em;}
.s_tmp_type7 >ul .bg {background: #f3f9ff;}
.s_tmp_type7 >ul .bg strong {border-bottom: 0;}
.s_tmp_type7 .thumbnail {display: inline-block; float: left; width: 80px; height: 55px;}
.s_tmp_type7 .thumbnail img {width: 100%; height: 100%;}
.s_tmp_type7 .link_li {display: inline-block; float: left; width: 188px; height: 55px; line-height: 18px; padding: 5px 0 5px 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type7 .link_li:after {content: ""; clear: both; display: block;}
.s_tmp_type7 .link_li li {display: inline-block; float: left; width: 50%; letter-spacing: -0.1em; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type7 .link_li li a {font-size: 13px; color: #222; font-weight: 600;}
.s_tmp_type7 .link_li li a:hover {text-decoration: underline;}
.s_tmp_type7 .link_li li a:before {content: "-"; margin-right: 2px;}
.s_tmp_type7 .vedioEdit_pc {margin-top: 10px; width: 100%; letter-spacing: -0.1em;}
.s_tmp_type7 .vedioEdit_pc:after {content: ""; clear: both; display: block;}
.s_tmp_type7 .vedioEdit_pc li {position: relative; display: inline-block; float: left; width: 25%; text-align: center;}
.s_tmp_type7 .vedioEdit_pc li a img {width: 50px;}
.s_tmp_type7 .vedioEdit_pc li a span {display: block; color: #666; font-size: 13px; font-weight: 600; width: 100%; padding: 0 5%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_tmp_type7 .vedioEdit_pc li a .down_ic {display: none; position: absolute; top: 5px; left: 11px; z-index: 10; width: 40px; height: 40px;}
.s_tmp_type7 .vedioEdit_pc li a:hover .down_ic {display: block;}
.s_tmp_type7 .vedioEdit_pc li a:hover img {opacity: 0.85;}
.s_tmp_type7 .vedioEdit_pc li a:hover span {color: #222; text-decoration: underline;}

/* 뉴스피드 */
body { min-width: none; }
.wrap { max-width: 1120px; margin: 0 auto; }
.main_container { background: url(../images/bg.png) no-repeat 0% 0%; background-size: cover; padding: 10px 0 20px 0; background-attachment:fixed; }
.main_container section { border: none; }
.template_type1_2 { padding-bottom: 15px !important; border-bottom: 1px solid rgba(255,255,255,0.3) !important; }
i { font-style: normal; }

/* .flex-wrap { display: flex; flex-wrap: wrap; gap: 15px; padding: 15px; background: linear-gradient(135deg, #f7f7f7, #eef1f4,#f7f7f7); border-radius: 10px; margin-top: 10px; overflow: hidden; } */
.flex-wrap { display: flex; flex-wrap: wrap; gap: 15px; padding: 15px; background-color: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 10px; margin-top: 15px; overflow: hidden; }
.flex-wrap .feed_title { display: flex; flex: 1 1 100%; justify-content: space-between; padding: 5px 0 5px 5px; }
.flex-wrap .feed_title span { display: flex; align-items: center; gap: 5px; font-size: 15px; font-weight: 600; }
.flex-wrap .feed_title span .keyword { max-width: 450px; display: flex; overflow: hidden; margin-left: 5px; }
.flex-wrap .feed_title span .swiper-wrapper { display: flex; }
.flex-wrap .feed_title span .swiper-wrapper .swiper-slide { width: max-content; text-align: center; font-size: 13px; font-weight: 500; padding: 5px 7px; background-color: #e3e3e3; border-radius: 5px; }
.flex-wrap li { flex: 1; flex-basis: 350px; height: 300px; border-radius: 10px; border: 1px solid #fff; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px 1px 6px rgba(0,0,0,0.15); box-sizing: border-box; position: relative; transition: 0.2s; }
.flex-wrap li a { display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; }
/* .flex-wrap li:hover { transform: scale(0.96); } */
.flex-wrap > p { flex: 1; flex-basis: 350px; }
.flex-wrap .more { flex: 1 1 100%; display: flex; align-items: center; justify-content: center; }
.flex-wrap .more a { padding: 10px 20px; border-radius: 50px; background-color: #fff; font-size: 13px; font-weight: 600; transition: 0.2s; }
.flex-wrap .more a:hover { background-color: #ddd; }

.flex-wrap .ad-box { width: 100%; height: 100%; position: relative; border-radius: 10px; overflow: hidden; }
.flex-wrap .ad-box .adsbygoogle { width: 100% !important; height: 100% !important; }
.flex-wrap .ad-box .adsbygoogle div { width: 100% !important; height: 100% !important; }
.flex-wrap .ad-box .adsbygoogle iframe { width: 100% !important; height: 100% !important; }

.flex-wrap .img-text { flex-basis: calc(100% - 100% / 3 - 8px); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; }
.flex-wrap .img-text i { position: absolute; left: 0; bottom: 0; width: 100%; height: 115px; padding: 15px; display: flex; flex-direction: column; gap: 10px; background-color: rgba(0,0,0,0.6); }
.flex-wrap .img-text i span { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #fff; }
.flex-wrap .img-text i h1 { display: -webkit-box; font-size: 22px; font-weight: 600; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; }

.flex-wrap .img-box { position: relative; height: 183px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.flex-wrap .img-box img { position: absolute; width: 100%; }
.flex-wrap .text-box { height: 115px; padding: 15px; box-sizing: border-box; }
.flex-wrap .text-box span { display: flex; align-items: center; gap: 5px; font-size: 13px; margin-bottom: 10px; }
.flex-wrap .text-box h1 { display: -webkit-box; font-size: 20px; font-weight: 600; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.flex-wrap .text-box h2 { display: -webkit-box; font-size: 13px; font-weight: 400; line-height: 1.35; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 5px; }

.flex-wrap .text-content a { padding: 15px; }
.flex-wrap .text-content h1 { font-size: 20px; font-weight: 600; line-height: 1.35; margin-bottom: 10px; }
.flex-wrap .text-content span { font-size: 15px; line-height: 1.35; }

.flex-wrap .list-box { flex-basis: calc(100% - 100% / 3 - 8px); padding: 20px; }
.flex-wrap .list-box:hover { transform: scale(1); }
.flex-wrap .list-box i { width: 100%; display: flex; gap: 20px; }
.flex-wrap .list-box i dl { display: flex; flex-direction: column; width: 100%; overflow: hidden; }
.flex-wrap .list-box i dl dd { display: flex; flex-direction: row; align-items: center; height: 30px; border-bottom: 1px solid rgba(0,0,0,.1); }
.flex-wrap .list-box i dl dd:last-child { border: none; }
.flex-wrap .list-box i dl dd a { max-width: calc(100% - 10px); display: block; height: auto; font-size: 15px; color: rgba(0,0,0,.7); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.flex-wrap .list-box i dl dd a:hover { color: #005dff; text-decoration: underline; }
.flex-wrap .list-box .list-img { display: flex; min-width: 200px; flex-direction: column; gap: 15px; transition: 0.2s; }
.flex-wrap .list-box .list-img:hover { transform: scale(0.96); }
.flex-wrap .list-box .list-img .img-box { height: 210px; }
.flex-wrap .list-box .list-img .text-box { padding: 0; }

.flex-wrap .column-box:hover { transform: scale(1); }
.flex-wrap .column-box i { display: flex; flex-direction: column; gap: 8px; padding: 15px; }
.flex-wrap .column-box a { flex-direction: row; align-items: center; transition: 0.2s; }
.flex-wrap .column-box a:hover { transform: scale(0.96); }
.flex-wrap .column-box .text-box { height: 85px; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 20px; }
.flex-wrap .column-box .text-box h1 { font-size: 18px; }
.flex-wrap .column-box .img-box { min-width: 85px; height: 85px; }

@media screen and (max-width: 600px) {
  .flex-wrap .list-box { height: auto; }
  .flex-wrap .list-box i { flex-direction: column; }
}

@media screen and (max-width: 655px) {
  #section1 { display: none !important; }
}

@media screen and (max-width: 850px) {
  .feed_wrap { padding-top: 1px; }
  .wrap { padding: 0 10px !important; }
  .main_container { background: url(../images/bg.png) no-repeat 0% 0% !important; background-size: cover !important; padding: 10px 0 20px 0 !important; background-attachment:fixed !important; }
  .flex-wrap .feed_title { flex-direction: column; gap: 5px; }
  .flex-wrap .feed_title span .keyword { max-width: calc(100vw - 170px); }
  .container.main_container .grid_area .grid_c { padding: 10px 0 0 0; }
  .main_container { column-count: auto !important; column-gap: 0; background: #e7e9ec; padding-top: 0 !important;}
}