@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 반응형 최고급형 B
Part : 서브
Last edit : 2021.04.09
Author : Gautech(PDH)

관련폰트 :
font-family: 'Gyeonggi_Title_Light', sans-serif;
font-family: 'Gyeonggi_Title_Medium', sans-serif;
font-family: 'Gyeonggi_Title_Bold', sans-serif;
font-family: 'Gyeonggi_TitleV', sans-serif;
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,600,700,900)
font-family: 'NanumSquareRound', sans-serif; (400,500,700,900)
font-family: 'Roboto', sans-serif; (300,400,500,700,900)

--------------------------------------------------------- */





/* 서브 start ----------------------------------- */


.wrap_list { padding:0 0 0 81px;}



/* 서브 비주얼 */

.container_visual { width:100%; height:81px;}
.list_left_fixed { position:fixed; left:0; top:80px; bottom:0; width:81px; background-color:#fff; z-index:100; border-right:1px solid rgba(0,0,0,0.1); padding:10px 5px;}
.list_left_fixed_a { display:block; width:100%; height:auto; margin:0 0 5px 0; padding:50px 5px 10px 5px; border-radius:5px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:50% 10px; background-size:auto 30px; text-align:center;}
.list_left_fixed_a1 { background-image:url(/images/main/cont_bn_icon01.png);}
.list_left_fixed_a2 { background-image:url(/images/main/cont_bn_icon02.png); background-position:50% 10px; background-size:80% auto;}
.list_left_fixed_a3 { background-image:url(/images/main/cont_bn_icon03.png);}
.list_left_fixed_a4 { background-image:url(/images/main/cont_bn_icon04.png);}
.list_left_fixed_a5 { background-image:url(/images/main/cont_bn_icon05.png);}
.list_left_fixed_a6 { background-image:url(/images/main/cont_bn_icon06.png);}
.list_left_fixed_txt1 { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:13px; font-weight:700;}
.list_left_fixed_txt2 { font-size:12px;}
.menu_on3, .list_left_fixed_a:hover { background-color:#2b7a5a; color:#fff;}


/* 서브탭 start */

.sub_menu_wrap { width:100%; height:61px; border-bottom:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.sub_menu { position:relative; width:100%; height:60px; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:60px; height:60px; background-image:url(/images/icon/home.jpg); background-repeat:no-repeat; background-position:center; border-right:1px solid rgba(0,0,0,0.1);}
.icon_print { position:absolute; right:0; top:0; width:60px; height:60px; background-image:url(/images/icon/print.jpg); background-repeat:no-repeat; background-position:center; border-left:1px solid rgba(0,0,0,0.1);}
.icon_home>a, .icon_print>a { display:block; height:100%; width:100%; text-indent:-9999px;}

.sub_tab { display:none; width: calc(100% - 120px); margin-left:60px; height:60px; line-height:60px; padding:0 30px; text-align:left;}
.sub_depth1 { display:inline-block; vertical-align:middle; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:100% 50%; padding:0 13px 0 0; margin:0 9px 0 0; font-size:14px;}
.sub_depth2 { display:inline-block; vertical-align:middle; font-size:0;}
.sub_depth2_link { display:inline-block; vertical-align:middle; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%; padding:0 11px 0 0; margin:0 9px 0 0; font-size:14px; font-weight:500;}
.sub_depth2_link:last-child { background-image:none;}
.menu_on { display:block !important;}
.menu_on2 { color:#ff9939; font-weight:500;}

.list_top_box { width: calc(100% - 60px); margin-left:60px; height:60px; line-height:60px; padding:0 10px; text-align:left; font-size:0;}
.list_top_box_p { display:inline-block; vertical-align:middle; margin-right:8px;}
.list_top_box_select { height:40px; padding-left:15px; border:1px solid rgba(0,0,0,0.1); font-size:13px; border-radius:5px;}
.list_top_box_select2 { height:40px; padding:0 50px 0 15px; border:1px solid rgba(0,0,0,0.1); font-size:13px; border-radius:5px; line-height:40px; background: url(/images/icon/ar_box_down.png) no-repeat 100% 50%; background-size: auto 100%; position:relative; cursor:pointer;}
.list_top_box_a { display:inline-block; vertical-align:middle; height:40px; width:40px; background-image:url(/images/icon/refresh.png); background-size:100% auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px;}

.view_condition_wrap { display:none; top:0px; left:0px; position:fixed; width:100vw; height:100vh; z-index:500; background-color:rgba(0,0,0,0.8);}
.view_condition_active { display:block !important;}
.view_condition_box { position:absolute; top:40%; left:50%; height:400px; margin-top:-200px; width:600px; margin-left:-300px; background-color:#fff; border-radius:20px; padding:30px; font-size:0;}
.view_condition_close { display:inline-block; vertical-align:middle; width:100%; text-align:right; margin-bottom:0px;}
.view_condition_close>p { display:inline-block; background-image:url(/images/icon/nav_btn2.png); background-size:100%; width:14px; height:14px; cursor:pointer; text-indent:-9999px;}
.view_condition_checkbox_wrap {}
.view_condition_checkbox_wrap>p { display:inline-block; vertical-align:middle; width:20%; font-size:13px !important; text-align:left; padding:5px 0;}
.view_condition_checkbox_wrap>p:nth-child(7) { width:40%;}
.view_condition_checkbox { display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:6px;}

.list_top_search { position: fixed; top:21px; left:200px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:20px; width:17%; min-width:220px; height:40px; margin:0 0 14px 0; z-index:300;}
.list_top_search_input { display:inline-block; border:none; height:38px; width:calc(100% - 38px); font-size:13px; padding:0 10px 0 15px;}
.list_top_search_btn { display:inline-block; border:none; height:38px; width:38px; background-image:url(/images/icon/icon_search.jpg); background-repeat:no-repeat; background-position:center; background-size:18px auto; text-indent:-9999px;}

.depth3_tab { width:100%; max-width:1400px; height:auto; padding:0; margin:0; font-size:0;}
.depth3_tab>a { display:inline-block; vertical-align:top; font-size:18px; text-align:center; padding:16px 0; background-color:#eee; font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#2b7a5a;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1200px; border-bottom:1px solid #e1ded8;}
.sub_container { position: relative; width:1200px; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}

.sub_title { position:relative; width:94%; font-family: 'Gyeonggi_Title_Bold', 'IBM Plex Sans JP', sans-serif; margin:0 auto 30px auto; padding:40px 0 20px 0; font-size:28px; letter-spacing:-0.02em; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:inline-block; font-family: 'NanumSquareRound','IBM Plex Sans JP',sans-serif; font-size:14px; font-weight:400; color:#999; padding-left:20px; letter-spacing:0;}
.box100per { width:94%; margin:0 auto; padding:0 20px 40px 20px;}

.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1 { font-family:'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:34px; line-height:1.2; margin:40px 0 20px 0; letter-spacing:-0.04em; color:#333;}
.in_title1_txt { font-size:16px; line-height:1.2; font-weight:400;  margin-bottom:30px; letter-spacing:-0.04em; color:#777;}
.in_title2 { font-size:30px; line-height:36px; font-weight:400;  margin:30px 0 20px 0; letter-spacing:-0.06em;}
.in_title2_txt { font-size:16px; line-height:22px; font-weight:400;  margin-bottom:20px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:20px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}



/* 서브01 */

.sub_container_search { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_container_search:after { display:block; content:""; clear:both;}

.box100per_search { position:relative; width:100%; height:calc(100vh - 140px); min-height:760px; margin:0 auto; padding:0; font-size:0;}

.search_left { display:inline-block; vertical-align:top; width:45%; height:calc(100vh - 140px); min-height:760px; overflow:hidden; background-color:rgba(0,0,0,0.05);}
.search_right { display:inline-block; vertical-align:top; width:55%; height:calc(100vh - 240px); min-height:660px; overflow-y:auto; background-color:rgba(0,0,0,0.05); padding:20px;}

.search_left_map { width:100%; height:100vh;  min-height:760px; position:relative; background-image:url(/images/sub/search_map_bg.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; background-color:#bfe7e7;}
.search_left_map>img {}

.search_right_box { background-color:rgba(255,255,255,1); border-radius:15px; padding:40px; margin-bottom:20px; font-size:0;}
.search_right_box:last-child { margin-bottom:0;}
.search_right_box_top { padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:18px; font-weight:700; line-height:1;}
.search_right_chk { display:inline-block; vertical-align:middle; width:16px; height:16px; margin-bottom:2px;}
.search_right_box_top>span { display:inline-block; vertical-align:middle; margin-left:6px; color:#2b7a5a;}
.search_right_box_title { background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0 1px; font-size:16px; font-weight:700; padding:0 0 0 25px; margin:15px 0 10px 0;}
.search_right_box_in { display:inline-block; vertical-align:middle; width:20%; min-width:170px; font-size:13px; padding:0 5px 5px 0;}
.search_right_chk2 { display:inline-block; vertical-align:middle; width:14px; height:14px; margin-bottom:2px;}
.search_right_box_in>span { display:inline-block; vertical-align:middle; line-height:1; margin-left:6px;}
.search_right_box_in2 { display:inline-block; vertical-align:middle; width:33.333333333%; min-width:260px; font-size:13px; padding:0 5px 5px 0;}
.search_right_box_in2>span { display:inline-block; vertical-align:middle; line-height:1; margin-left:6px;}

.search_right_bottom { position:absolute; right:0; bottom:0; width:55%; height:100px; background-color:#ddd; z-index:1; padding:20px 0 0 20px;}
.search_right_btn { display:inline-block; padding:14px 30px 10px 30px; font-size:22px; font-weight:700; color:#fff; background-color:#2b7a5a; border-radius:5px;}
.search_right_btn>span { display:inline-block; vertical-align:middle; font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP', sans-serif; font-weight:400; line-height:1; padding-bottom:5px;}

.search_left_line { overflow-y:auto; background-color:rgba(0,0,0,0.08); padding:20px;}
.search_left_box { background-color:rgba(255,255,255,1); border-radius:15px; padding:40px; margin-bottom:20px;}
.search_left_box:last-child { margin-bottom:0;}
.search_left_box_top { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; padding:0 0 10px 0; margin:0 0 30px 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:18px; line-height:1;}
.search_left_box_link_wrap { display:inline-block; vertical-align:top; width:33.333333333%; min-width:220px;}
.search_left_box_link { display:inline-block; vertical-align:top; width:100%; height:50px; font-size:16px; margin:0 5px 10px 0; background-repeat:no-repeat; background-position:0% 0%; background-size:42px auto; padding:0 0 0 50px;}
.search_left_box_link>span { display:block; font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif;}
.search_left_box_link:last-child { margin-bottom:0;}

.sub_container_list { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_container_list:after { display:block; content:""; clear:both;}

.box100per_list { position:relative; width:94%; height:auto; margin:0 auto; padding:0 0 40px 0; font-size:0;}
.list_box_wrap { display:inline-block; vertical-align:top; width:49%; margin:0 0.5%;}
.list_box_wrap_m { display:none;}

.list_table_top { width:100%; height:60px; position:relative; border-top:3px solid rgba(0,0,0,0.8);}
.list_table_top0 { float:left; display:grid; align-items:center; height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); padding:0 8px; background-color:rgba(0,0,0,0.05);}
.list_table_top1 { width:12%; border-left:1px solid rgba(0,0,0,0.1); text-align:center;}
.list_table_top2 { width:30%;}
.list_table_top3 { width:8%; text-align:center;}
.list_table_top4 { width:15%; text-align:center;}
.list_table_top5 { width:8%; text-align:center;}
.list_table_top6 { width:12%; text-align:center;}
.list_table_top7 { width:15%; text-align:center;}
.list_table_top0>p { display:inline-block; font-size:12px;}

.list_table_li { display:block; width:100%; height:200px; position:relative; margin: 10px 0 0 0; border-top: 1px solid rgba(0,0,0,0.1);}
.list_table_li0 { float:left; display:grid; align-items:center; height:160px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); padding:0 10px; background-color:#fff;}
.list_table_li1 { width:12%; border-left:1px solid rgba(0,0,0,0.1); text-align:center;}
.list_table_li2 { width:30%;}
.list_table_li2>p>img { width:30px; height:auto; margin-right:4px;}
.list_table_li3 { width:8%; text-align:center;}
.list_table_li4 { width:15%; text-align:center;}
.list_table_li5 { width:8%; text-align:center;}
.list_table_li6 { width:12%; text-align:center;}
.list_table_li7 { width:15%; text-align:center;}
.list_table_li8 { width:12%; border-left:1px solid rgba(0,0,0,0.1); height:40px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1);}
.list_table_li9 { width:88%; height:40px; border-bottom:1px solid rgba(0,0,0,0.1);}
.list_table_li0>p { display:inline-block; font-size:12px; word-break:break-all;}
.list_table_li1>p>img { display:inline-block; vertical-align:middle; width:100%; height:auto; margin:0 0 4px 0;}
.list_table_li2>p { /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.list_table_li2>p>img { display:inline-block; vertical-align:middle; width:30px; height:auto; margin:4px 4px 0 0;}
.list_table_li9>p { /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

.list_table_li:hover>.list_table_li0 { background-color:#f4faee;}

.list_box_paging { width:100%; padding:20px; margin:20px 0; text-align:center; font-size:14px;}


.box100per_view { position:relative; width:94%; height:auto; margin:0 auto; padding:0 0 40px 0;}

.view_box_top { position:relative; width:100%; margin:0 auto 20px auto; font-size:0; line-height:1;}
.view_box_top_txt1 { display:inline-block; vertical-align:bottom; font-size:18px; margin:0 5px 0 0; padding:0 0 4px 0;}
.view_box_top_txt1_1 { display:inline-block; vertical-align:bottom; font-size:36px; margin-bottom:-6px; font-family: 'Gyeonggi_Title_Bold','IBM Plex Sans JP',sans-serif; color:#ff9939;}
.view_box_top_txt1_2 { display:inline-block; vertical-align:bottom; font-size:24px; margin-bottom:-4px; font-family: 'Gyeonggi_Title_Bold','IBM Plex Sans JP',sans-serif; color:#ff9939;}
.view_box_top_txt2 { display:inline-block; vertical-align:bottom; font-size:18px; margin:0 5px 0 0; padding:0 0 5px 0;}
.view_box_top_txt3 { display:inline-block; vertical-align:bottom; font-size:18px; padding:0 0 5px 0;}
.view_box_top_txt4 { display:inline-block; position:absolute; top:50%; margin-top:-12px; right:0%; font-size:13px; font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; padding:10px 0 10px 25px; background-image: url(/images/icon/Lowestprice2.png); background-repeat:no-repeat; background-position:0 50%; background-size:20px auto; color:#5fab2f; cursor:pointer;}

.view_lowestprice_wrap { display:none; position:fixed; width:100vw; height:100vh; z-index:500; background-color:rgba(0,0,0,0.8);}
.view_lowestprice_active { display:block !important;}
.view_lowestprice_box { position:absolute; top:50%; left:50%; height:600px; margin-top:-300px; width:800px; margin-left:-400px; background-color:#fff; border-radius:20px; padding:40px; font-size:0;}
.view_lowestprice_icon { display:inline-block; vertical-align:middle; width:50%; font-size:13px; font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; padding:10px 0 10px 25px; background-image: url(/images/icon/Lowestprice2.png); background-repeat:no-repeat; background-position:0 50%; background-size:20px auto; color:#5fab2f;}
.view_lowestprice_close { display:inline-block; vertical-align:middle; width:50%; text-align:right;}
.view_lowestprice_close>p { display:inline-block; background-image:url(/images/icon/nav_btn2.png); background-size:100%; width:14px; height:14px; cursor:pointer; text-indent:-9999px;}
.view_lowestprice_txt1 { font-size:14px; padding:20px 0;}
.view_lowestprice_txt_box { border:1px solid rgba(0,0,0,0.2); padding:20px; font-size:0; border-radius:3px; width:100%; margin:10px 0 30px 0;}
.view_lowestprice_txt2 { width:100%; font-size:15px; padding:0 0 10px 0; font-weight:700;}
.view_lowestprice_txt3 { display:inline-block; vertical-align:middle; padding:0 10px 10px 20px; background-image:url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0 1px; font-size:13px;}
.view_lowestprice_input { width:100%;}

.view_box_qa { display: inline-block; width:90px; height:90px; background-image:url(/images/icon/qa.png); background-repeat:no-repeat; background-position:center 7px; background-size:44px auto; padding:52px 5px 5px 5px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; line-height:1; font-size:14px; margin:4px;}
.view_box_qa>span { display:inline-block; font-size:9px;}
.view_box_qa:hover { background-color:#333; color:#fff;}

.view_box_jjim { display: inline-block; width:90px; height:90px; background-image:url(/images/icon/jjim.png); background-repeat:no-repeat; background-position:center 7px; background-size:40px auto; padding:52px 5px 5px 5px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; line-height:1; font-size:14px; margin:4px;}
.view_box_jjim2 { display: inline-block; width:90px; height:90px; background-image:url(/images/icon/jjim_off.png); background-repeat:no-repeat; background-position:center 7px; background-size:40px auto; padding:52px 5px 5px 5px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; line-height:1; font-size:14px; margin:4px;}
.view_box_jjim>span { display:inline-block; font-size:9px;}
.view_box_jjim2>span { display:inline-block; font-size:9px;}
.view_box_jjim:hover { background-color:#333; color:#fff;}
.view_box_jjim2:hover { background-color:#333; color:#fff;}

.view_box_photo { position:relative; width:100%; margin:0 auto; font-size:0;}
.view_box_photo_mask { position:relative; display:inline-block; vertical-align:top; margin:1%; width:31.333333333%; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px; overflow:hidden;}
.view_box_photo_mask_img { position:absolute; top:0; left:0; bottom:0; right:0; z-index:100;}
.view_box_photo_mask_img>img { width:100%; height:auto;}
.view_box_photo_mask>img { width:100%; height:auto;}

.view_box_photo2_title { background-image:url(/images/icon/ar_15x15.png); background-position:15px 4px; background-repeat:no-repeat; padding:5px 0 5px 35px; font-size:16px; line-height:1; font-weight:500; margin:20px 0 0 0;}
.view_box_photo2 { width:100%; margin:0 0 15px 0;}
.view_box_photo2_in { position:relative; width:100%; margin:0; padding:15px;}
.view_box_photo2_in>img { width:100%; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px; overflow:hidden;}

/* 좌우 화살표 */
.view_box_photo2 .slick-prev { position:absolute; left:15px; top:50%; margin-top:-23px; background-image: url(/images/icon/btn_left.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.view_box_photo2 .slick-next { position:absolute; right:15px; top:50%; margin-top:-23px; background-image: url(/images/icon/btn_right.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.view_box_photo2 .slick-prev:hover, .view_box_photo2 .slick-prev:focus, .view_box_photo2 .slick-next:hover, .view_box_photo2 .slick-next:focus {opacity: 1;}

.view_box_map_btn { display:inline-block; vertical-align:middle; border:1px solid rgba(0,0,0,0.2); border-radius:5px; padding:5px 10px 3px 10px; margin-left:10px;}
.view_box_icon>img { display:inline-block; vertical-align:middle; width:60px; height:auto; margin:4px 4px 0 0;}

.view_box_in_table_title { background-image: url(/images/icon/ar_18x18.png); background-size:15px auto; background-position:0 3px; background-repeat:no-repeat; padding:5px 0 5px 20px; font-size:14px; line-height:1; font-weight:500; margin:0 0 10px 0; text-align:left; color:#444;}

.view_box_center { width:100%; margin:20px 0 40px 0;}
.view_box_center_in { border:2px solid rgba(0,153,102,1); padding:40px; margin:0 0 20px 0; font-size:0;}
.view_box_center_title { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:24px; margin:0 0 10px 0; font-weight:700;}
.view_box_center_title2 { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:18px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding:0 0 0 25px; margin:0 0 5px 0;}
.view_box_center_title3 { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:16px; background-image: url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0% 4px; padding:0 0 0 22px; margin:20px 0 5px 0;}
.view_box_center_title2_50 { display:inline-block; vertical-align:top; width:50%;}
.view_box_center_txt { font-size:14px;}
.view_box_center_btn { display:inline-block; vertical-align:middle; font-size:12px; padding:3px 10px; border:1px solid rgba(0,0,0,0.2); border-radius:3px; margin:0 0 0 10px;}
.view_box_center_img { font-size:0; margin:10px 0 0 0;}
.view_box_center_line { border-bottom:2px dotted rgba(0,153,102,1); margin:30px 0;}

.view_box_bottom { width:100%; padding:0; text-align:center;}
.view_box_bottom_btn { display:inline-block; padding:14px 30px 10px 30px; font-size:22px; font-weight:700; color:#fff; background-color:#999; border-radius:5px;}


.box100per { position:relative; width:94%; height:auto; margin:0 auto; padding:0 0 40px 0;}



/* 서브02 */

.sub02_01_box { width:100%; padding:60px; background-image:url(/images/sub/sub02_01_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto 100%; background-color:rgba(0,0,0,0.02);}
.sub02_01_box_title { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:24px; letter-spacing:-0.06em; margin:0 0 10px 0; background-image:url(/images/icon/ar_18x18.png); background-position:0% 6px; background-repeat:no-repeat; padding:0 0 0 25px;}
.sub02_01_box_in { width:70%; background-color:#fff; padding:50px 50px 45px 50px; border:1px solid rgba(0,0,0,0.2); border-radius:15px; font-size:0; margin:0 auto 30px 0;}
.sub02_01_box_in2 { width:70%; padding:20px 30px 0 30px; margin:0 auto 0 0; font-size:0;}
.sub02_01_box_in3 { width:100%; background-color:#fff; padding:50px 50px 45px 50px; border:1px solid rgba(0,0,0,0.2); border-radius:15px; font-size:0; margin:0 auto 30px 0;}
.sub02_01_box_in_txt { width:100%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 7px; background-size:5px auto; padding:0 0 5px 10px; font-size:15px;}
.sub02_01_box_in_txt2 { width:100%; background-image:url(/images/icon/mark.jpg); background-repeat:no-repeat; background-position:0% 0px; padding:0 0 5px 20px; font-size:13px;}
.sub02_01_box_in_txt3 { display:inline-block; vertical-align:top; width:33.333333333%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 7px; background-size:5px auto; padding:0 0 5px 10px; font-size:15px;}
.sub02_01_box_in_txt2>span { color:#1a750e; text-decoration:underline;}
.sub02_01_box_in_left { display:inline-block; vertical-align:top; width:25%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 7px; background-size:5px auto; padding:0 0 5px 10px; font-size:15px;}
.sub02_01_box_in_right { display:inline-block; vertical-align:top; width:75%; padding:0 0 5px 0; font-size:15px;}

.sub02_02_box { width:100%; padding:60px; background-image:url(/images/sub/sub02_02_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto; background-color:rgba(0,0,0,0.02);}

.sub02_03_box { width:100%; padding:60px; background-image:url(/images/sub/sub02_03_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto; background-color:rgba(0,0,0,0.02);}
.sub02_03_img { margin:0 0 20px 0;}
.sub02_03_img>img {}
.sub02_03_title { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:24px; margin:0 0 20px 0;}
.sub02_03_txt { font-size:15px; margin:0 0 20px 0;}
.sub02_03_icon { display:inline-block; vertical-align:middle; background-image:url(/images/icon/mark.jpg); background-repeat:no-repeat; background-position:0% 0px; padding:0 0 5px 20px; font-size:13px;}
.sub02_03_img_wrap { display:inline-block; vertical-align:top; text-align:center;}
.sub02_03_img_wrap1 { width:37%;}
.sub02_03_img_wrap2 { width:63%;}
.sub02_03_img_wrap3 { width:100%;}
.sub02_03_img2 { display:inline-block; vertical-align:middle; width:50%;}
.sub02_03_img2>img { height:220px; width:auto;}
.sub02_03_txt2 { font-size:15px;}
.sub02_03_txt3 { display:inline-block; vertical-align:middle; width:50%; font-size:15px; text-align:left;}
.sub02_03_img3 { display:inline-block; vertical-align:middle; width:50%;}
.sub02_03_img3>img { height:383px; width:auto;}

.sub02_04_box { width:100%; padding:60px; background-image:url(/images/sub/sub02_04_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto; background-color:rgba(0,0,0,0.02);}
.sub02_04_img { display:inline-block; vertical-align:middle; width:47%;}
.sub02_04_img>img { width:100%; height:auto;}
.sub02_04_txt { display:inline-block; vertical-align:middle; width:45%; margin:0 0 0 8%; font-size:15px; text-align:left;}




/* 서브04 */

.sub04_01_tw { width:50%;}
.support01_img { width:100%;}
.support01_img>img { width:100%; height:auto;}

.sub04_lowestprice_box { width:100%; padding:60px; font-size:0; background-image:url(/images/sub/sub04_06_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-color:rgba(0,0,0,0.02); margin-bottom:40px;}
.sub04_lowestprice_txt1 { font-size:15px; padding:0 0 30px 0; width:55%; margin:0 auto 0 0;}
.sub04_lowestprice_txt_box { border:1px solid rgba(0,0,0,0.2); background-color:#fff; padding:30px; font-size:0; border-radius:3px; width:55%; margin:10px auto 30px 0; border-radius:3px;}
.sub04_lowestprice_txt2 { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; width:100%; font-size:18px; padding:0 0 20px 0;}
.sub04_lowestprice_txt3 { display:inline-block; vertical-align:middle; padding:0 30px 10px 20px; background-image:url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0 2px; font-size:15px;}
.sub04_lowestprice_input { width:100%;}



/* 서브05 */

.sub05_01_box { width:100%; padding:60px; background-image:url(/images/sub/sub05_01_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-color:rgba(0,0,0,0.02);}
.sub05_01_box_title { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:30px; margin:0 0 25px 0; color:#55d29f; letter-spacing:-0.06em;}
.sub05_01_box_txt { width:100%; font-size:15px; padding:0 38% 0 0; margin:0 0 40px 0;}
.sub05_01_box_txt_in { width:100%; text-align:right; padding:0;}
.sub05_01_box_title2 { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP',sans-serif; font-size:24px; letter-spacing:-0.06em; margin:0 0 10px 0; background-image:url(/images/icon/ar_18x18.png); background-position:0% 6px; background-repeat:no-repeat; padding:0 0 0 25px;}
.sub05_01_box_in { width:100%; background-color:#fff; padding:50px; border:1px solid rgba(0,0,0,0.2); border-radius:15px; font-size:0; margin-bottom:30px;}
.sub05_01_box_in_left { display:inline-block; vertical-align:top; width:30%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 7px; background-size:5px auto; padding:0 0 5px 10px; font-size:15px;}
.sub05_01_box_in_right { display:inline-block; vertical-align:top; width:70%; padding:0 0 5px 0; font-size:15px;}
.sub05_01_box_in_txt { display:inline-block; vertical-align:top; width:100%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 7px; background-size:5px auto; padding:0 0 5px 10px; font-size:15px;}

.sub05_02_tw { width:33.333333333%;}
.sub05_02_box { width:100%; font-size:0; border:1px solid rgba(0,0,0,0.1); padding:50px;}
.sub05_02_box_img { display:inline-block; vertical-align:top; width:50%;}
.sub05_02_box_img>img { width:100%; height:auto;}
.sub05_02_box_txt { display:inline-block; vertical-align:top; width:50%; padding:0 0 0 40px;}
.sub05_02_box_title { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP', sans-serif; font-size:18px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding:0 0 0 25px; margin:0 0 5px 0;}
.sub05_02_box_txt2 { padding:0 0 0 25px; font-size:14px;}




/* 서브06 */

.sub06_01_box_in { position:relative; width:100%; height:auto; margin:0 0 80px 0;}

.login_wrap { width:100%; margin:0 auto;}
.login_top_box { border:1px solid rgba(0,102,204,0.2); border-radius:3px; background-color:rgba(0,102,204,0.05); width:100%; padding:30px 40px; margin:0 auto 20px auto;}
.login_top_box_txt1 { font-size:16px; margin-bottom:10px;}
.login_top_box_txt2 { font-size:13px;}
.login_top_box_txt2>a { text-decoration:underline; color:#09C;}

.login_btn_wrap { padding:0; text-align:center;}
.login_btn { display:inline-block; width:100%; text-align:center; background-color:#2b7a5a; color:rgba(255,255,255,1); font-size:22px; padding:15px 40px; border-radius:3px; margin:0 auto;}




.img_watermark {
    z-index: 999;
    background: url("");
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}





/* 767 ~ 320까지 모바일 설정 */

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



/* 서브 start ----------------------------------- */


.wrap_list { padding:60px 0 0 0;}



/* 서브 비주얼 */

.container_visual { height:auto; min-height:60px;}
.list_left_fixed { position:relative; left:auto; top:auto; bottom:auto; width:100%; background-color:#fff; z-index:100; border-right:none; border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 5px; font-size:0;}
.list_left_fixed_a { display:inline-block; width: calc(33.333333333% - 10px); height:auto; max-height:100px; max-width:100px; margin:5px; padding:50px 5px 10px 5px; border-radius:5px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:50% 10px; background-size:auto 30px; text-align:center;}
.list_left_fixed_a1 {}
.list_left_fixed_a2 { background-position:50% 10px; background-size:80% auto;}
.list_left_fixed_a3 {}
.list_left_fixed_a4 {}
.list_left_fixed_a5 {}
.list_left_fixed_a6 {}
.list_left_fixed_txt1 { font-size:12px; font-weight:700;}
.list_left_fixed_txt2 { font-size:12px;}
.menu_on3, .list_left_fixed_a:hover { background-color:#2b7a5a; color:#fff;}


/* 서브탭 start */

.sub_menu_wrap { width:100%; height:auto; min-height:40px; border-bottom:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.sub_menu { position:relative; width:100%; height:auto; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:40px; height:100%; background-image:url(/images/icon/home.jpg); background-repeat:no-repeat; background-position:center; background-size:100%; border-right:1px solid rgba(0,0,0,0.1);}
.icon_home>a, .icon_print>a { display:block; height:100%; width:100%; text-indent:-9999px;}

.sub_tab { display:none; width: calc(100% - 40px); margin-left:40px; height:auto; line-height:1.5; padding:10px; text-align:left;}
.sub_depth1 { display:inline; vertical-align:middle; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:100% 50%; padding:0 8px 0 0; margin:0 4px 0 0; font-size:11px;}
.sub_depth2 { display:inline; vertical-align:middle; font-size:0;}
.sub_depth2_link { display:inline-block; vertical-align:middle; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%; padding:0 6px 0 0; margin:0 6px 0 0; font-size:11px; font-weight:500;}
.sub_depth2_link:last-child { background-image:none;}
.menu_on { display:block !important;}
.menu_on2 { color:#ff9939; font-weight:500;}

.list_top_box { width: calc(100% - 40px); margin-left:40px; margin-top:-60px; height:auto; line-height:1.5; padding:10px; text-align:left; font-size:0;}
.list_top_box_p { display:inline-block; vertical-align:middle; margin:0 5px 5px 0;}
.list_top_box_select { height:30px; padding:0 28px 0 10px; border:1px solid rgba(0,0,0,0.1); font-size:12px; border-radius:5px;}
.list_top_box_select2 { height:30px; padding:0 28px 0 10px; border:1px solid rgba(0,0,0,0.1); font-size:12px; border-radius:5px; line-height:30px; background: url(/images/icon/ar_box_down.png) no-repeat 100% 50%; background-size: auto 100%; position:relative; cursor:pointer;}
.list_top_box_a { display:inline-block; vertical-align:middle; height:30px; width:30px; background-image:url(/images/icon/refresh.png); background-size:100% auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px; margin-bottom:5px;}

.view_condition_wrap { display:none; top:0px; left:0px; position:fixed; width:100vw; height:100vh; z-index:500; background-color:rgba(0,0,0,0.8);}
.view_condition_active { display:block !important;}
.view_condition_box { position: relative; top:auto; left:auto; height:auto; width:94%; margin:3% auto; background-color:#fff; border-radius:5px; padding:30px 20px; font-size:0;}
.view_condition_close { display:inline-block; vertical-align:middle; width:100%; text-align:right; margin-bottom:20px;}
.view_condition_close>p { display:inline-block; background-image:url(/images/icon/nav_btn2.png); background-size:100%; width:14px; height:14px; cursor:pointer; text-indent:-9999px;}
.view_condition_checkbox_wrap {}
.view_condition_checkbox_wrap>p { display:inline-block; vertical-align:middle; width:50%; font-size:12px !important; text-align:left; padding:5px 0;}
.view_condition_checkbox_wrap>p:nth-child(7) { width:50%;}
.view_condition_checkbox { display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:6px;}

.list_top_search { display:none; position: fixed; top:15px; left:150px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); border-radius:15px; width:17%; min-width:130px; height:30px; margin:0; z-index:201;}
.list_top_search_input { display:inline-block; border:none; height:28px; width:calc(100% - 30px); font-size:11px; padding:0 5px 0 10px;}
.list_top_search_btn { display:inline-block; border:none; height:28px; width:30px; background-image:url(/images/icon/icon_search.jpg); background-repeat:no-repeat; background-position:center; background-size:14px auto; text-indent:-9999px;}

.depth3_tab { width:100%; max-width:1400px; height:auto; padding:0; margin:0; font-size:0;}
.depth3_tab>a { display:inline-block; vertical-align:top; font-size:14px; text-align:center; padding:16px 0; background-color:#eee;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#2b7a5a;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px; border-bottom:1px solid #e1ded8;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}

.sub_title { position:relative; width:94%; margin:0 auto 20px auto; padding:25px 0 10px 0; font-size:22px; letter-spacing:-0.02em; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:block; font-size:12px; font-weight:400; color:#999; padding:5px 0 0 0; letter-spacing:0;}
.box100per { width:94%; margin:0 auto; padding:0 20px 40px 20px;}

.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1 { font-size:24px; line-height:1.2; margin:30px 0 10px 0; letter-spacing:-0.04em; color:#333;}
.in_title1_txt { font-size:12px; line-height:1.2; font-weight:400;  margin-bottom:20px; letter-spacing:-0.04em; color:#777;}
.in_title2 { font-size:20px; line-height:36px; font-weight:400;  margin:30px 0 10px 0; letter-spacing:-0.06em;}
.in_title2_txt { font-size:12px; line-height:22px; font-weight:400;  margin-bottom:20px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:16px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 40px; height: 40px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}



/* 서브01 */

.sub_container_search { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_container_search:after { display:block; content:""; clear:both;}

.box100per_search { position:relative; width:100%; height:auto; min-height:1px; margin:0 auto; padding:0; font-size:0;}

.search_left { display:inline-block; vertical-align:top; width:100%; height:auto; min-height:1px; overflow:hidden; background-color:rgba(0,0,0,0.05);}
.search_right { display:inline-block; vertical-align:top; width:100%; height:auto; min-height:1px; overflow-y:auto; background-color:rgba(0,0,0,0.05); padding:10px;}

.search_left_map { width:100%; height:auto;  min-height:1px; position:relative; background-image:url(/images/sub/search_map_bg.jpg); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto; background-color:#bfe7e7;}
.search_left_map>img {}

.search_right_box { background-color:rgba(255,255,255,1); border-radius:10px; padding:25px 20px 15px 20px; margin-bottom:10px; font-size:0;}
.search_right_box:last-child { margin-bottom:0;}
.search_right_box_top { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:15px; font-weight:700; line-height:1.2;}
.search_right_chk { display:inline-block; vertical-align:middle; width:13px; height:13px; margin:0 2px 4px 0;}
.search_right_box_top>span { display:inline-block; vertical-align:middle; margin-left:6px; color:#2b7a5a;}
.search_right_box_title { background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0 1px; font-size:16px; font-weight:700; padding:0 0 0 25px; margin:15px 0 10px 0;}
.search_right_box_in { display:inline-block; vertical-align:middle; width:20%; min-width:170px; font-size:13px; padding:0 5px 5px 0;}
.search_right_chk2 { display:inline-block; vertical-align:middle; width:14px; height:14px; margin-bottom:2px;}
.search_right_box_in>span { display:inline-block; vertical-align:middle; line-height:1; margin-left:6px;}
.search_right_box_in2 { display:inline-block; vertical-align:middle; width:auto; min-width:1px; font-size:12px; padding:0 15px 5px 0;}
.search_right_box_in2>span { display:inline-block; vertical-align:middle; line-height:1; margin-left:6px;}

.search_right_bottom { position:relative; right:auto; bottom:auto; width:100%; height:auto; background-color:#ddd; z-index:1; padding:0;}
.search_right_btn { display:inline-block; width:100%; padding:14px 30px 10px 30px; font-size:18px; font-weight:700; color:#fff; background-color:#2b7a5a; border-radius:0; text-align:center;}
.search_right_btn>span { display:inline-block; vertical-align:middle; font-weight:400; line-height:1; padding-bottom:5px;}

.search_left_line { overflow-y:auto; background-color:rgba(0,0,0,0.08); padding:10px;}
.search_left_box { background-color:rgba(255,255,255,1); border-radius:10px; padding:25px 20px 15px 20px; margin-bottom:10px;}
.search_left_box:last-child { margin-bottom:0;}
.search_left_box_top { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:15px; line-height:1;}
.search_left_box_link_wrap { display:inline-block; vertical-align:top; width:50%; min-width:1px; margin-bottom:20px;}
.search_left_box_link { display:inline-block; vertical-align:top; width:100%; height:35px; font-size:12px; margin:0 5px 10px 0; background-repeat:no-repeat; background-position:0% 0%; background-size:31px auto; padding:0 0 0 40px;}
.search_left_box_link>span { display:block;}
.search_left_box_link:last-child { margin-bottom:0;}

.sub_container_list { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_container_list:after { display:block; content:""; clear:both;}

.box100per_list { position:relative; width:94%; height:auto; margin:0 auto; padding:0 0 40px 0; font-size:0;}


.list_box_wrap { display:none;}
.list_box_wrap_m { display:inline-block; vertical-align:top; width:100%; margin:0;}

.list_table_top_m { width:100%; height:60px; position:relative; border-top:3px solid rgba(0,0,0,0.8);}
.list_table_top0_m { float:left; display:grid; align-items:center; height:60px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); padding:0 5px; background-color:rgba(0,0,0,0.05);}
.list_table_top1_m { width:44%; border-left:1px solid rgba(0,0,0,0.1); text-align:center;}
.list_table_top2_m { width:28%; text-align:center;}
.list_table_top3_m { width:28%; text-align:center;}
.list_table_top0_m>p { display:inline-block; font-size:11px;}

.list_table_li_m { display:block; width:100%; height:260px; position:relative; margin: 10px 0; border-top: 1px solid rgba(0,0,0,0.1);}
.list_table_li0_m { float:left; display:grid; align-items:center; height:220px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); padding:0 5px; background-color:#fff;}
.list_table_li1_m { width:44%; border-left:1px solid rgba(0,0,0,0.1);}
.list_table_li1_m>p>span { display:block; margin-bottom:5px;}
.list_table_li1_m>p>span>img { width:60px; height:auto; margin-right:4px;}
.list_table_li2_m { width:28%; text-align:center;}
.list_table_li3_m { width:28%; text-align:center;}
.list_table_li4_m { width:30%; border-left:1px solid rgba(0,0,0,0.1); height:40px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1);}
.list_table_li5_m { width:70%; height:40px; border-bottom:1px solid rgba(0,0,0,0.1);}
.list_table_li0_m>p { display:inline-block; font-size:11px; word-break:break-all;}
.list_table_li1_m>p>img { display:inline-block; vertical-align:middle; width:100%; height:auto; margin:0 0 4px 0;}
.list_table_li1_m>p { /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.list_table_li1_m>p>img { display:inline-block; vertical-align:middle; width:30px; height:auto; margin:4px 4px 0 0;}
.list_table_li5_m>p { /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.list_table_li_m:hover>.list_table_li0_m { background-color:#f4faee;}
.list_box_paging { width:100%; padding:10px 0; margin:10px 0; text-align:center; font-size:11px;}


.box100per_view { position:relative; width:94%; height:auto; margin:0 auto; padding:0 0 40px 0;}

.view_box_top { position:relative; width:100%; margin:0 auto 10px auto; font-size:0; line-height:1;}
.view_box_top_txt1 { display:inline-block; vertical-align:middle; font-size:13px; margin:0 5px 0 0; padding:0 0 5px 0;}
.view_box_top_txt1_1 { display:inline-block; vertical-align:middle; font-size:22px; margin-bottom:0; color:#ff9939;}
.view_box_top_txt1_2 { display:inline-block; vertical-align:middle; font-size:18px; margin-bottom:0; color:#ff9939;}
.view_box_top_txt2 { display:inline-block; vertical-align:middle; font-size:14px; margin:0 5px 0 0; padding:0 0 5px 0;}
.view_box_top_txt3 { display:inline-block; vertical-align:middle; font-size:14px; padding:0 0 5px 0;}
.view_box_top_txt4 { display:block; position:relative; top:auto; margin-top:auto; right:auto; font-size:13px; padding:10px 0 10px 25px; background-image: url(/images/icon/Lowestprice2.png); background-repeat:no-repeat; background-position:0 50%; background-size:20px auto; color:#5fab2f; cursor:pointer;}

.view_lowestprice_wrap { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:500; background-color:rgba(0,0,0,0.8);}
.view_lowestprice_active { display:block !important;}
.view_lowestprice_box { position:relative; top:auto; left:auto; height:auto; width:94%; margin:3% auto; background-color:#fff; border-radius:5px; padding:30px 20px; font-size:0;}
.view_lowestprice_icon { display:inline-block; vertical-align:middle; width:50%; font-size:13px; padding:10px 0 10px 25px; background-image: url(/images/icon/Lowestprice2.png); background-repeat:no-repeat; background-position:0 50%; background-size:20px auto; color:#5fab2f;}
.view_lowestprice_close { display:inline-block; vertical-align:middle; width:50%; text-align:right;}
.view_lowestprice_close>p { display:inline-block; background-image:url(/images/icon/nav_btn2.png); background-size:100%; width:14px; height:14px; cursor:pointer; text-indent:-9999px;}
.view_lowestprice_txt1 { font-size:12px; padding:15px 0;}
.view_lowestprice_txt_box { border:1px solid rgba(0,0,0,0.2); padding:20px; font-size:0; border-radius:3px; width:100%; margin:0 0 20px 0;}
.view_lowestprice_txt2 { width:100%; font-size:12px; padding:0 0 10px 0; font-weight:700;}
.view_lowestprice_txt3 { display:inline-block; vertical-align:middle; padding:0 10px 10px 20px; background-image:url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0 1px; font-size:12px;}
.view_lowestprice_input { width:100%;}

.view_box_qa { display: inline-block; width:90px; height:auto; background-image:none; padding:10px 5px 7px 5px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; line-height:1; font-size:14px; margin:4px;}
.view_box_qa>span { display:inline-block; font-size:9px;}
.view_box_qa:hover { background-color:#333; color:#fff;}

.view_box_jjim { display: inline-block; width:90px; height:auto; background-image:none; padding:10px 5px 7px 5px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; line-height:1; font-size:14px; margin:4px;}
.view_box_jjim2 { display: inline-block; width:90px; height:auto; background-image:none; padding:10px 5px 7px 5px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; line-height:1; font-size:14px; margin:4px;}
.view_box_jjim>span { display:inline-block; font-size:9px;}
.view_box_jjim2>span { display:inline-block; font-size:9px;}
.view_box_jjim:hover { background-color:#333; color:#fff;}
.view_box_jjim2:hover { background-color:#333; color:#fff;}

.view_box_photo { position:relative; width:100%; margin:0 auto; font-size:0;}
.view_box_photo_mask { position:relative; display:inline-block; vertical-align:top; margin:5px 0; width:100%; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px; overflow:hidden;}
.view_box_photo_mask_img { position:absolute; top:0; left:0; bottom:0; right:0; z-index:100;}
.view_box_photo_mask_img>img { width:100%; height:auto;}
.view_box_photo_mask>img { width:100%; height:auto;}

.view_box_photo2_title { background-image:url(/images/icon/ar_15x15.png); background-size:10px auto; background-position:15px 4px; background-repeat:no-repeat; padding:5px 0 5px 30px; font-size:13px; line-height:1; font-weight:500; margin:10px 0;}
.view_box_photo2 { width:100%; margin:0 0 15px 0;}
.view_box_photo2_in { position:relative; width:100%; margin:0; padding:0;}
.view_box_photo2_in>img { width:100%; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:5px; overflow:hidden;}

/* 좌우 화살표 */
.view_box_photo2 .slick-prev { position:absolute; left:0; top:50%; margin-top:-23px; background-image: url(/images/icon/btn_left.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.view_box_photo2 .slick-next { position:absolute; right:0; top:50%; margin-top:-23px; background-image: url(/images/icon/btn_right.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.view_box_photo2 .slick-prev:hover, .view_box_photo2 .slick-prev:focus, .view_box_photo2 .slick-next:hover, .view_box_photo2 .slick-next:focus {opacity: 1;}

.view_box_map_btn { display:inline-block; vertical-align:middle; border:1px solid rgba(0,0,0,0.2); border-radius:5px; padding:5px 10px 3px 10px; margin-left:10px; font-size:10px;}
.view_box_icon>img { display:inline-block; vertical-align:middle; width:50px; height:auto; margin:4px 4px 0 0;}

.view_box_in_table_title { background-image: url(/images/icon/ar_18x18.png); background-size:15px auto; background-position:0 3px; background-repeat:no-repeat; padding:5px 0 5px 20px; font-size:14px; line-height:1; font-weight:500; margin:0 0 10px 0; text-align:left; color:#444;}

.view_box_center { width:100%; margin:20px 0 30px 0;}
.view_box_center_in { border:1px solid rgba(0,153,102,1); padding:20px; margin:0 0 10px 0; font-size:0;}
.view_box_center_title { font-size:18px; margin:0 0 5px 0; font-weight:700;}
.view_box_center_title2 { font-size:16px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; background-size:14px auto; padding:0 0 0 18px; margin:0 0 5px 0;}
.view_box_center_title3 { font-size:15px; background-image: url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0% 4px; background-size:12px auto; padding:0 0 0 16px; margin:10px 0 5px 0;}
.view_box_center_title2_50 { display:inline-block; vertical-align:top; width:100%;}
.view_box_center_txt { font-size:12px;}
.view_box_center_btn { display:inline-block; vertical-align:middle; font-size:10px; padding:3px 10px; border:1px solid rgba(0,0,0,0.2); border-radius:3px; margin:0 0 0 10px;}
.view_box_center_img { font-size:0; margin:10px 0 0 0;}
.view_box_center_img>img { width:90px; height:auto;}
.view_box_center_line { border-bottom:2px dotted rgba(0,153,102,1); margin:20px 0;}

.view_box_bottom { width:100%; padding:0; text-align:center;}
.view_box_bottom_btn { display:block; text-align:center; padding:14px 30px 10px 30px; font-size:18px; font-weight:700; color:#fff; background-color:#999; border-radius:5px;}


.box100per { position:relative; width:94%; height:auto; margin:0 auto; padding:0;}



/* 서브02 */

.sub02_01_box { width:100%; padding:30px 20px; background-image:url(/images/sub/sub02_01_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:100% auto; background-color:rgba(0,0,0,0.02);}
.sub02_01_box_title { font-size:18px; letter-spacing:-0.06em; margin:0 0 10px 0; background-image:url(/images/icon/ar_18x18.png); background-size:14px auto; background-position:0% 4px; background-repeat:no-repeat; padding:0 0 0 20px;}
.sub02_01_box_in { width:100%; background-color:#fff; padding:20px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; font-size:0; margin:0 auto 20px 0;}
.sub02_01_box_in2 { width:100%; padding:10px 0 0 0; margin:0 auto 0 0; font-size:0;}
.sub02_01_box_in3 { width:100%; background-color:#fff; padding:20px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; font-size:0; margin:0 auto 20px 0;}
.sub02_01_box_in_txt { width:100%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 4px; background-size:4px auto; padding:0 0 5px 8px; font-size:12px;}
.sub02_01_box_in_txt2 { width:100%; background-image:url(/images/icon/mark.jpg); background-size:14px auto; background-repeat:no-repeat; background-position:0% 0px; padding:0 0 5px 18px; font-size:12px;}
.sub02_01_box_in_txt3 { display:inline-block; vertical-align:top; width:100%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 4px; background-size:4px auto; padding:0 0 5px 8px; font-size:12px;}
.sub02_01_box_in_txt2>span { color:#1a750e; text-decoration:underline;}
.sub02_01_box_in_left { display:inline-block; vertical-align:top; width:30%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 4px; background-size:4px auto; padding:0 0 5px 8px; font-size:12px;}
.sub02_01_box_in_right { display:inline-block; vertical-align:top; width:70%; padding:0 0 5px 0; font-size:12px;}

.sub02_02_box { width:100%; padding:30px 20px; background-image:url(/images/sub/sub02_02_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:100% auto; background-color:rgba(0,0,0,0.02);}

.sub02_03_box { width:100%; padding:30px 20px; background-image:url(/images/sub/sub02_03_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:100% auto; background-color:rgba(0,0,0,0.02);}
.sub02_03_img { margin:10px 0; position:relative;}
.sub02_03_img>img { width:100%; height:auto;}
.sub02_03_title { font-size:18px; margin:0 0 10px 0;}
.sub02_03_txt { font-size:12px; margin:0 0 20px 0;}
.sub02_03_icon { display:inline-block; vertical-align:middle; background-image:url(/images/icon/mark.jpg); background-repeat:no-repeat; background-size:14px auto; background-position:0% 0px; padding:0 0 5px 18px; font-size:12px;}
.sub02_03_img_wrap { display:inline-block; vertical-align:top; text-align:center;}
.sub02_03_img_wrap1 { width:100%;}
.sub02_03_img_wrap2 { width:100%;}
.sub02_03_img_wrap3 { width:100%;}
.sub02_03_img2 { display:inline-block; vertical-align:middle; width:100%;}
.sub02_03_img2>img { height:auto; width:100%;}
.sub02_03_txt2 { font-size:12px;}
.sub02_03_txt3 { display:inline-block; vertical-align:middle; width:100%; font-size:12px; text-align:center;}
.sub02_03_img3 { display:inline-block; vertical-align:middle; width:100%; margin-bottom:20px;}
.sub02_03_img3>img { height:auto; width:70%;}

.sub02_04_box { width:100%; padding:30px 20px; background-image:url(/images/sub/sub02_04_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:100% auto; background-color:rgba(0,0,0,0.02);}
.sub02_04_img { display:inline-block; vertical-align:middle; width:100%; margin:10px 0 30px 0; text-align:center;}
.sub02_04_img>img { width:100%; height:auto;}
.sub02_04_txt { display:inline-block; vertical-align:middle; width:100%; margin:0; font-size:12px; text-align:left;}




/* 서브04 */

.sub04_01_tw { width:50%;}
.support01_img { width:100%; position:relative;}
.support01_img>img { width:100%; height:auto;}

.sub04_lowestprice_box { width:100%; padding:20px; font-size:0; background-image:url(/images/sub/sub04_06_bg.png); background-repeat:no-repeat; background-position:100% 0%; background-size:60% auto; background-color:rgba(0,0,0,0.02); margin-bottom:0;}
.sub04_lowestprice_txt1 { font-size:12px; padding:0 0 20px 0; width:55%; margin:0 auto 0 0;}
.sub04_lowestprice_txt_box { border:1px solid rgba(0,0,0,0.2); background-color:#fff; padding:20px; font-size:0; border-radius:3px; width:100%; margin:0 auto 10px 0; border-radius:3px;}
.sub04_lowestprice_txt2 { width:100%; font-size:16px; padding:0 0 10px 0;}
.sub04_lowestprice_txt3 { display:block; vertical-align:middle; padding:0 0 7px 17px; background-image:url(/images/icon/ar_15x15.png); background-size:12px auto; background-repeat:no-repeat; background-position:0 1px; font-size:12px;}
.sub04_lowestprice_input { width:100%;}



/* 서브05 */

.sub05_01_box { width:100%; padding:30px 20px; background-image:url(/images/sub/sub05_01_bg.png); background-repeat:no-repeat; background-position:100% 0%;  background-size:80% auto; background-color:rgba(0,0,0,0.02);}
.sub05_01_box_title { font-size:22px; margin:0 0 15px 0; color:#55d29f; letter-spacing:-0.06em;}
.sub05_01_box_txt { width:100%; font-size:13px; padding:0; margin:0 0 20px 0;}
.sub05_01_box_txt_in { width:100%; text-align:right; padding:0;}
.sub05_01_box_title2 { font-size:18px; letter-spacing:-0.06em; margin:0 0 10px 0; background-image:url(/images/icon/ar_18x18.png); background-position:0% 3px; background-repeat:no-repeat; background-size:16px auto; padding:0 0 0 22px;}
.sub05_01_box_in { width:100%; background-color:#fff; padding:20px; border:1px solid rgba(0,0,0,0.2); border-radius:5px; font-size:0; margin-bottom:20px;}
.sub05_01_box_in_left { display:inline-block; vertical-align:top; width:40%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 4px; background-size:4px auto; padding:0 0 5px 8px; font-size:12px;}
.sub05_01_box_in_right { display:inline-block; vertical-align:top; width:60%; padding:0 0 5px 0; font-size:12px;}
.sub05_01_box_in_txt { display:inline-block; vertical-align:top; width:100%; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0% 4px; background-size:4px auto; padding:0 0 5px 8px; font-size:12px;}

.sub05_02_tw { width:50%;}
.sub05_02_tw:nth-child(1) { width:100%;}
.sub05_02_box { width:100%; font-size:0; border:1px solid rgba(0,0,0,0.1); padding:20px;}
.sub05_02_box_img { display:inline-block; vertical-align:top; width:100%; position:relative; margin-bottom:20px;}
.sub05_02_box_img>img { width:100%; height:auto;}
.sub05_02_box_txt { display:inline-block; vertical-align:top; width:100%; padding:0;}
.sub05_02_box_title { font-size:15px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 3px; background-size:14px auto; padding:0 0 0 20px; margin:0 0 5px 0;}
.sub05_02_box_txt2 { padding:0 0 0 20px; font-size:12px;}




/* 서브06 */

.sub06_01_box_in { position:relative; width:100%; height:auto; margin:0 0 80px 0;}

.login_wrap { width:100%; margin:0 auto;}
.login_top_box { border:1px solid rgba(0,102,204,0.2); border-radius:3px; background-color:rgba(0,102,204,0.05); width:100%; padding:20px 30px; margin:0 auto 20px auto;}
.login_top_box_txt1 { font-size:14px; margin-bottom:10px;}
.login_top_box_txt2 { font-size:12px;}
.login_top_box_txt2>a { text-decoration:underline; color:#09C;}

.login_btn_wrap { padding:0; text-align:center;}
.login_btn { font-family: 'Gyeonggi_Title_Medium','IBM Plex Sans JP', sans-serif; display:inline-block; width:100%; text-align:center; background-color:#2b7a5a; color:rgba(255,255,255,1); font-size:16px; padding:10px 40px; border-radius:3px; margin:0 auto;}




.img_watermark {
    z-index: 999;
    background: url("");
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



}