/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*noto-snas*/

@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/Noto_Sans_KR/notosanskr-thin-webfont.eot');
  src: url('fonts/Noto_Sans_KR/notosanskr-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Noto_Sans_KR/notosanskr-thin-webfont.woff2') format('woff2'),
         url('fonts/Noto_Sans_KR/notosanskr-thin-webfont.woff') format('woff'),
         url('fonts/Noto_Sans_KR/notosanskr-thin-webfont.svg#noto_sans_krthin') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/Noto_Sans_KR/notosanskr-light-webfont.eot');
  src: url('fonts/Noto_Sans_KR/notosanskr-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Noto_Sans_KR/notosanskr-light-webfont.woff2') format('woff2'),
         url('fonts/Noto_Sans_KR/notosanskr-light-webfont.woff') format('woff'),
         url('fonts/Noto_Sans_KR/notosanskr-light-webfont.svg#noto_sans_krlight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/Noto_Sans_KR/notosanskr-regular-webfont.eot');
  src: url('fonts/Noto_Sans_KR/notosanskr-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Noto_Sans_KR/notosanskr-regular-webfont.woff2') format('woff2'),
         url('fonts/Noto_Sans_KR/notosanskr-regular-webfont.woff') format('woff'),
         url('fonts/Noto_Sans_KR/notosanskr-regular-webfont.svg#noto_sans_kr_regularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/Noto_Sans_KR/notosanskr-medium-webfont.eot');
  src: url('fonts/Noto_Sans_KR/notosanskr-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Noto_Sans_KR/notosanskr-medium-webfont.woff2') format('woff2'),
         url('fonts/Noto_Sans_KR/notosanskr-medium-webfont.woff') format('woff'),
         url('fonts/Noto_Sans_KR/notosanskr-medium-webfont.svg#noto_sans_krmedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/Noto_Sans_KR/notosanskr-bold-webfont.eot');
  src: url('fonts/Noto_Sans_KR/notosanskr-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Noto_Sans_KR/notosanskr-bold-webfont.woff2') format('woff2'),
         url('fonts/Noto_Sans_KR/notosanskr-bold-webfont.woff') format('woff'),
         url('fonts/Noto_Sans_KR/notosanskr-bold-webfont.svg#noto_sans_krbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
   font-family: 'Noto Sans KR';
   src: url('fonts/Noto_Sans_KR/notosanskr-black-webfont.eot');
   src: url('fonts/Noto_Sans_KR/notosanskr-black-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/Noto_Sans_KR/notosanskr-black-webfont.woff2') format('woff2'),
	 url('fonts/Noto_Sans_KR/notosanskr-black-webfont.woff') format('woff'),
	 url('fonts/Noto_Sans_KR/notosanskr-black-webfont.svg#noto_sans_krblack') format('svg');
  font-weight: 900;
  font-style: normal;
} 

/*나눔스퀘어 NanumSquare*/

@font-face {
    font-family: 'Nanum Square';
    src: url('fonts/NanumSquare/NanumSquareOTFL00.eot');
    src: url('fonts/NanumSquare/NanumSquareOTFL00.eot?#iefix') format('embedded-opentype'),
        url('fonts/NanumSquare/NanumSquareOTFL00.woff2') format('woff2'),
        url('fonts/NanumSquare/NanumSquareOTFL00.woff') format('woff'),
        url('fonts/NanumSquare/NanumSquareOTFL00.ttf') format('truetype'),
        url('fonts/NanumSquare/NanumSquareOTFL00.svg#NanumSquareOTFL00') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nanum Square';
    src: url('fonts/NanumSquare/NanumSquareOTFR00.eot');
    src: url('fonts/NanumSquare/NanumSquareOTFR00.eot?#iefix') format('embedded-opentype'),
        url('fonts/NanumSquare/NanumSquareOTFR00.woff2') format('woff2'),
        url('fonts/NanumSquare/NanumSquareOTFR00.woff') format('woff'),
        url('fonts/NanumSquare/NanumSquareOTFR00.ttf') format('truetype'),
        url('fonts/NanumSquare/NanumSquareOTFR00.svg#NanumSquareOTFR00') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Nanum Square';
    src: url('fonts/NanumSquare/NanumSquareOTFB00.eot');
    src: url('fonts/NanumSquare/NanumSquareOTFB00.eot?#iefix') format('embedded-opentype'),
        url('fonts/NanumSquare/NanumSquareOTFB00.woff2') format('woff2'),
        url('fonts/NanumSquare/NanumSquareOTFB00.woff') format('woff'),
        url('fonts/NanumSquare/NanumSquareOTFB00.ttf') format('truetype'),
        url('fonts/NanumSquare/NanumSquareOTFB00.svg#NanumSquareOTFB00') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nanum Square';
    src: url('fonts/NanumSquare/NanumSquareOTFEB00.eot');
    src: url('fonts/NanumSquare/NanumSquareOTFEB00.eot?#iefix') format('embedded-opentype'),
        url('fonts/NanumSquare/NanumSquareOTFEB00.woff2') format('woff2'),
        url('fonts/NanumSquare/NanumSquareOTFEB00.woff') format('woff'),
        url('fonts/NanumSquare/NanumSquareOTFEB00.ttf') format('truetype'),
        url('fonts/NanumSquare/NanumSquareOTFEB00.svg#NanumSquareOTFEB00') format('svg');
    font-weight: 900;
    font-style: normal;
}



/* common */
* {  padding: 0; margin: 0; box-sizing:border-box;   }
li{ list-style: none; }
body {font-family: 'Nanum Square', 'Noto Sans KR', sans-serif; color:#222425; font-size: 12px; }
a{ text-decoration: none; }
img{ border: none; vertical-align:middle; }
table{ table-layout:fixed; border-collapse:collapse; border-spacing: 0px; }
address{ font-style: normal; }
fieldset{ border: none; }
legend{ position: absolute; left: -999em; }
input[type=button], input[type=submit], input[type=reset], input[type=image], button, label{ cursor: pointer; outline:none; } 
label.away{ position: absolute; left: -999em; }


.inner_1200 { width: 100%; max-width: 1200px; margin: 0 auto;}
a { font-family: inherit; font-size: inherit; color: inherit; }
.clearfix:after { content:""; display:block; clear:both; }

.only_mob { display: none; }



.w1200 { width:1200px; margin: 0 auto; overflow:hidden; }
.w1220 { width:1220px; margin: 0 auto; overflow:hidden; }
.w1300 { width:1300px; margin: 0 auto; overflow:hidden; }
.w1400 { width:1400px; margin: 0 auto; overflow:hidden; }
.w1600 { width:1600px; margin: 0 auto; overflow:hidden; }
.w1760 { width:1760px; margin: 0 auto; overflow:hidden; }
.wfull { width:100%; min-width:1200px; overflow:hidden; }



.w100 { width:100% !important;; }
.w90 { width:90% !important; }
.w80 { width:80% !important; }
.w70 { width:70% !important; }
.w60 { width:60% !important; }
.w50 { width:50% !important; }
.w40 { width:40% !important; }
.w30 { width:30% !important; }
.w20 { width:20% !important; }
.w10 { width:10% !important; }


.mart5 { margin-top: 5px !important; } 
.mart10 { margin-top: 10px !important; } 
.mart20 { margin-top: 20px !important; } 
.mart30 { margin-top: 30px !important; } 
.mart40 { margin-top: 40px !important; } 
.mart50 { margin-top: 50px !important; } 
.mart60 { margin-top: 60px !important; } 
.marr5 { margin-right: 5px !important; } 
.marr10 { margin-right: 10px !important; } 
.marr20 { margin-right: 20px !important; } 
.marr30 { margin-right: 30px !important; } 
.marr40 { margin-right: 40px !important; } 
.marr50 { margin-right: 50px !important; } 
.marr60 { margin-right: 60px !important; } 
.marl5 { margin-left: 5px !important; } 
.marl10 { margin-left: 10px !important; } 
.marl20 { margin-left: 20px !important; } 
.marl30 { margin-left: 30px !important; } 
.marl40 { margin-left: 40px !important; } 
.marl50 { margin-left: 50px !important; } 
.marl60 { margin-left: 60px !important; } 
.marb5 { margin-bottom:: 5px !important; } 
.marb10 { margin-bottom: 10px !important; } 
.marb20 { margin-bottom: 20px !important; } 
.marb30 { margin-bottom: 30px !important; } 
.marb40 { margin-bottom: 40px !important; } 
.marb50 { margin-bottom: 50px !important; } 
.marb60 { margin-bottom: 60px !important; } 

.padt5 { padding-top: 5px !important; } 
.padt10 { padding-top: 10px !important; } 
.padt20 { padding-top: 20px !important; } 
.padt30 { padding-top: 30px !important; } 
.padt40 { padding-top: 40px !important; } 
.padt50 { padding-top: 50px !important; } 
.padt60 { padding-top: 60px !important; } 
.padr5 { padding-right: 5px !important; } 
.padr10 { padding-right: 10px !important; } 
.padr20 { padding-right: 20px !important; } 
.padr30 { padding-right: 30px !important; } 
.padr40 { padding-right: 40px !important; } 
.padr50 { padding-right: 50px !important; } 
.padr60 { padding-right: 60px !important; } 
.padl5 { padding-left: 5px !important; } 
.padl10 { padding-left: 10px !important; } 
.padl20 { padding-left: 20px !important; } 
.padl30 { padding-left: 30px !important; } 
.padl40 { padding-left: 40px !important; } 
.padl50 { padding-left: 50px !important; } 
.padl60 { padding-left: 60px !important; } 
.padb5 { padding-bottom: 5px !important; } 
.padb10 { padding-bottom: 10px !important; } 
.padb20 { padding-bottom: 20px !important; } 
.padb30 { padding-bottom: 30px !important; } 
.padb40 { padding-bottom: 40px !important; } 
.padb50 { padding-bottom: 50px !important; } 
.padb60 { padding-bottom: 60px !important; } 

.acenter { text-align:center !important;; }
.aright { text-align:right !important;; }
.aleft { text-align:left !important;; }

.none { display: none !important; }
.away { position:absolute; left: -999em; }
i { font-style:normal; }



body.on { overflow: hidden; }





/*메뉴*/
.menu_bg { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top:0;  z-index: 9; display:none; }




 /*팝업*/
.pop_bg { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top:0;  z-index: 100; display:none; }
.pop_con { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; width: 100%; max-width: 1200px; padding: 40px; border-radius: 10px; overflow: hidden; z-index:101; display:none;  }
.pop_con img{ max-width: 100%; }
.pop_con .pop_close	{ position: absolute; right: 40px; top: 40px; background: transparent; border:0; border-radius: 50%; z-index: 1; width: 40px; height: 40px; border-radius: 50%; background: #c8104f; }
.pop_con .pop_close i { font-size: 22px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pop_con .pop_title { font-size: 30px; font-weight: 900; letter-spacing: -0.09rem; margin-bottom: 30px;  }
.pop_con .pop_title h4 { padding-left: 30px; position: relative; }
.pop_con .pop_title h4:before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; border: 6px solid #c8104f; box-sizing:border-box; }
.pop_con .pop_title	.pop_info { margin-top: 10px; padding-left: 30px; font-size:18px; color: #73787d; font-weight: normal; }
.pop_con .pop_content { max-height: calc(100vh - 300px); overflow-y:auto; padding-bottom: 50px; }


 /* 팝업 ( 니코틴의존도 ) */ 
.pop_con.test_pop { max-width: 500px; text-align: center; }
.pop_con .pop_content { padding-bottom: 0 !important;  }
.pop_con.test_pop .test_pop_title { margin-bottom: 30px; }
.pop_con.test_pop .test_pop_title h4 { font-size: 40px; }
.pop_con.test_pop .test_result { padding: 30px; background: #f9f9f9; border-radius: 15px; font-size: 16px; }

.pop_con.test_pop .test_result .score { font-size: 30px; color:#c8104f;  padding-bottom: 20px; }
.pop_con.test_pop .score span { font-weight: 900; font-size: 40px; }

.pop_con.test_pop .score_bottom .b_title { font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.pop_con.test_pop .score_bottom {padding: 30px 0 0; line-height: 1.5; font-size: 15px; }

  
 /*팝업 (제품상세)*/
.pop_con .pop_img { padding: 25px 10px; background: #f6f7f9; text-align: center; margin-bottom: 40px;}
.pop_con .pop_img img {  max-width: 100%; }
/*box-shadow: -5px 5px 25px rgba(0,0,0,0.1);*/
.pop_con .prd_pop_table { border-top: 2px solid #48bed2; border-bottom: 1px solid #e8eced; font-size: 18px; }
.pop_con .prd_pop_table dl { border-bottom: 1px solid #e8eced; overflow: hidden; padding: 15px 0; }
.pop_con .prd_pop_table .dl_50_wrap dl { float:left; width: 50%; border-right: 1px solid #e8eced; }
.pop_con .prd_pop_table .dl_50_wrap dl:nth-child(2n) { border-right: 0; }
.pop_con .prd_pop_table .dl_50_wrap:last-child dl { border-bottom:0; }


.tb_black .pop_con .prd_pop_table{ border-top-color: #005cb9 !important }

.tb_red .pop_con .prd_pop_table { border-top-color: #e21b41 !important; }

.tb_purple .pop_con .prd_pop_table { border-top-color: #7f62a8 !important }

.tb_red .prd_pop_table { border-top-color: #e21b41 !important; }

.tb_purple .prd_pop_table { border-top-color: #7f62a8 !important; }

.tb_blue .prd_pop_table { border-top-color: #005cb9 !important; }


.tb_pink.pop_con .prd_pop_table { border-top-color: #cf2447 !important; }
.tb_blue_r.pop_con .prd_pop_table { border-top-color: #3875b5 !important; }
.tb_green.pop_con .prd_pop_table { border-top-color: #409875 !important; }
.tb_mint_r.pop_con .prd_pop_table { border-top-color: #37bfb3 !important; }

.tb_pink.prd_pop_table { border-top-color: #cf2447 !important; }
.tb_blue_r.prd_pop_table { border-top-color: #3875b5 !important; }
.tb_green.prd_pop_table { border-top-color: #409875 !important; }
.tb_mint_r.prd_pop_table { border-top-color: #37bfb3 !important; }

.tb_pink.add_con { border-top-color: #cf2447 !important; }
.tb_blue_r.add_con { border-top-color: #3875b5 !important; }
.tb_green.add_con { border-top-color: #409875 !important; }
.tb_mint_r.add_con { border-top-color: #37bfb3 !important; }







.pop_con .prd_pop_table dl dt, .pop_con .prd_pop_table dl dd { float: left; }
.pop_con .prd_pop_table dl dt { width: 130px; color: #73787d; padding-left: 20px;}
.pop_con .prd_pop_table dl dd { width: calc(100% - 130px); font-weight: 900; }


 .pop_con .add_con { padding-top: 100px; }


 /*팝업 (제품상세) - 레이아웃 변경 */
 .pop_con .pop_img { float:left; width: calc(40% - 10px); margin-right: 20px; }
 .pop_con .prd_pop_table { float: right; width: calc(60% - 10px);}
 .pop_con .prd_pop_table .dl_50_wrap dl { float: none; border-right: none; width: 100%; }
 .pop_con .prd_pop_table .dl_50_wrap:last-child dl { border-bottom: 1px solid #e8eced }
 .pop_con .add_con { clear: both; }




 /*팝업 (약국찾기)*/
 .pharmacy_pop_bg { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top:0;  z-index: 100; display:none; }
.pop_con .search_wrap { text-align:center; padding: 30px 0; /* border: 5px solid #f6f7f9; */ border-radius: 0; margin-bottom: 20px; }
.pop_con .search_wrap #select_order, .pop_con .search_wrap #par_search { display: inline-block; vertical-align: middle;}
.pop_con .search_wrap #select_order { width: 170px; height: 40px; line-height: 40px; padding: 0 15px; padding-right: 40px; background: url('../images/common/select_arr.png') no-repeat right 50%; margin-right: 6px; border: 2px solid #cf2447; border-right:0; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.pop_con .search_wrap #par_search { width: 300px; border: 2px solid #cf2447; padding: 0 15px; height: 40px; line-height: 40px;}
.pop_con .search_wrap .search_btn { background: transparent; border:0; text-align: center; width: 40px; height: 40px; }
.pop_con .search_wrap .search_btn img { max-width: 100%; }	


.pop_con .map_wrap { border-radius: 10px; overflow: hidden; margin-bottom: 40px; }
.pop_con .map_wrap > #map { width : 100% !important; height: 420px;  }


.pop_con .search_table .search_table_info { font-size: 15px; margin-bottom: 10px; font-family: 'Noto Sans KR', sans-serif;}
.pop_con .search_table .search_table_info .update { color: #73787d; }

.pop_con .search_table table { width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #222425; font-size:15px;}
.pop_con .search_table table th, .pop_con .search_table table td { padding: 15px 10px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pop_con .search_table table th:last-child, .pop_con .search_table table td:last-child { border-right: 0; } 
.pop_con .search_table table th { font-weight: normal; color: #73787d; }
.pop_con .search_table table td { color: #222425; font-weight: 900; }
.pop_con .search_table table td.addr  { text-align: left; position: relative; padding-right: 10px; }
.show_map { float: right; width: 80px; height: 22px; line-height: 22px; text-align: center; background: #cf2447; color: #fff; font-weight: bold; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; border-radius: 11px; border:0; margin-top: 10px; }




/* 팝업 (약국찾기) - 레이아웃 수정 */
.pop_con.pharmacy_pop .pop_content { overflow-y: hidden; padding-bottom: 0; max-height: 100%;}
.pharmacy_pop.pop_con .map_wrap	 { float: left; width: calc(40% - 10px); margin-right: 20px; }
.pharmacy_pop.pop_con .search-area { float: left; width: calc(60% - 10px); 
 margin-right: 0; overflow-y: auto; height: 420px; }
 .pharmacy_pop.pop_con .search-area > div { padding-bottom: 10px; }


/*paging*/
.paging { text-align: center; padding-top: 50px; font-family: 'Noto Sans KR', sans-serif;  }
.paging > span { display: inline-block; vertical-align: middle; }
.paging .page { display: inline-block; width: 40px; height: 40px; font-size: 15px; border: 1px solid  #f2f7fa; border-radius: 1px; margin: 0 3px; padding: 8px 0; text-align: center; }
.paging .page i { font-size: 12px; }

.paging .page.current { background: #cf2447; color:#fff;}
.paging_num { margin: 0 16px; display: inline-block;  }

.paging .first, .paging .prev, .paging .next, .paging .last { background: #f6f7f9; border: 1px solid #e6eaec;  color: #3b3d3e; vertical-align:middle; }






/* added on request  */
.sec04_ex { box-shadow: 0px 20px 45px rgba(0,0,0,0.15) !important }
.sec03_ex_wrap { width:100% }
.sec03_ex .img_wrap { display:inline-block; border-radius:50%; box-shadow:0px 2px 30px rgba(0,0,0,0.4); margin-bottom: 30px;  }
.sec03_ex .img_wrap img { width:100%; height:auto; }





/*반응형  ======================================================================================================================================================*/
@media(max-width : 1200px){
.inner_1200 { width: 100%; padding: 0 20px; }



/*팝업*/
.pop_con { width: calc(100% - 30px); max-height:95%;}


}


/*ipad pro ~ ipad*/
@media (max-width: 1024px){
.only_pc { display: none; }
.only_mob { display: block; }

/* added on request  */
.sec03_ex .img_wrap img { max-width: 150px !important; width:100% !important }
.sec03_txt { margin: 0 !important }
/*
.sec_his .his_graph li.on .year:after { transition:.1s; background: url('../images/common/bullet.png') no-repeat 50%; width: 20px; height: 20px; left: -110px; }
.sec_his .his_graph li:after { transition:.8s; content:''; display:block; width:1px; height:0; background:#005cb9; position:absolute; left: -100px; top: 30px;  }
.sec_his .his_graph li:last-child:after { display: none; }
.sec_his .his_graph li.on:after { transition:1s;  height:100% }

.sec_his .his_graph li.on:after {  }
*/





							 
/*팝업*/
 .pop_con { padding: 20px; }
 .pop_con .pop_close { top: 20px; right: 20px; width: 30px; height: 30px; }
 .pop_con .pop_title{ font-size: 25px; background-size: 15px; }
 .pop_con .pop_close i { font-size: 18px; }

 /*팝업 (제품소개)*/
 .pop_con .prd_pop_table { font-size: 15px; }
 .pop_con .prd_pop_table .dl_50_wrap dl { float: none; width: 100%; border-right: none; } 
 .pop_con .prd_pop_table dl dt { width: 100px; padding-left: 10px; }
 .pop_con .prd_pop_table dl dd { width: calc(100% - 100px); }

.pop_con .prd_pop_table .dl_50_wrap:last-child dl {border-bottom: 1px solid #e8eced;}
.pop_con .prd_pop_table .dl_50_wrap:last-child dl:last-child { border-bottom: 0; }


 /* 팝업 ( 니코틴의존도 ) */
 .pop_con.test_pop .test_pop_title { margin-bottom: 20px; }
 .pop_con.test_pop .test_pop_title h4 { font-size: 25px; }
 .pop_con.test_pop .test_result .score { font-size: 25px; }
 .pop_con.test_pop .score span { font-size: 30px; }
 .pop_con.test_pop .test_result { font-size: 15px; } 

 .pop_con.test_pop .score_bottom { padding: 15px 0 0; font-size: 14px;; }
 .pop_con.test_pop .score_bottom .b_title { font-size: 17px; margin-bottom:5px;}



 /*팝업 (제품상세) - 레이아웃 변경 */
 .pop_con .pop_img { float:none; width: 100%; margin-right: 0; }
 .pop_con .prd_pop_table { float: none; width: 100%;}
/*  .pop_con .prd_pop_table .dl_50_wrap dl { float: none; border-right: none; width: 100%; }
 .pop_con .prd_pop_table .dl_50_wrap:last-child dl { border-bottom: 1px solid #e8eced }
 .pop_con .add_con { clear: both; } */




 /*팝업 (약국찾기)*/
 .pop_con .pop_title .pop_info { font-size: 15px; }
 .pop_con .search_wrap { padding: 20px 0; }

  .pop_con .map_wrap { margin-bottom: 20px; }
  .pop_con .search_table .search_table_info { font-size: 13px; word-spacing:-1px; }
  .pop_con .search_table table { font-size: 13px;}
  .pop_con .search_table table th, .pop_con .search_table table td { padding: 10px;} 
  .pop_con .search_table table td.addr { padding-right: 0; }
  .show_map { width: 90px; margin-top: 10px; }

  /* 팝업 (약국찾기) - 레이아웃 수정 */
	.pop_con.pharmacy_pop { max-height: 95%; }
	.pop_con .pop_title .pop_info { display: none; }
	.pop_con .search_wrap { padding: 0; }

	.pop_con.pharmacy_pop .pop_content { overflow-y: hidden; padding-bottom: 0; height: auto; }
	.pop_con .map_wrap > #map { height: 220px;  }
	.pharmacy_pop.pop_con .map_wrap	 { float: none; width: 100%; margin-right: 0; }
	.pharmacy_pop.pop_con .search-area { float: none; width: 100%; 
	 margin-right: 0; overflow-y: auto; height: calc(100vh - 550px); /* padding-bottom: 50px;  */}
	 .pharmacy_pop.pop_con .search-area > div { padding-bottom: 20px; }

}


@media (max-width: 767px) {
	/*paging*/
	.paging { margin-top: 30px; }
	 .paging .page { width: 30px; height: 30px; padding: 6px 0; font-size: 12px; margin: 0 2px;}
	 .paging_num { margin: 0 5px; }
	 .paging .page i { font-size: 10px; }


	 /*팝업 (약국찾기)*/
	 /* .pop_con .pop_title .pop_info { padding-left:0; font-size: 14px;}
	 .pop_con .search_wrap { border-width: 2px; padding: 20px 10px; }
	 .pop_con .search_wrap #select_order { display: block; margin: 0 auto 10px; }
	 
	 .pop_con .search_wrap #par_search { width: calc(100% - 45px); float: left; }
	 .pop_con .search_wrap .search_btn { float: left; padding: 7px; } */
	 .pop_con .map_wrap > #map { height: 250px; }

	 .pop_con .search_table table { font-size: 13px; }
	 .pop_con .search_table table th, .pop_con .search_table table td { padding: 10px 5px; }


	.sec03_ex_wrap .sec03_ex { margin-bottom: 20px !important }
	.sec03_ex .img_wrap img { max-width: 120px !important; width:100% !important }
	.sec04_ex .sec04_txt { width: 100% !important }
	.sec04_ex { padding-left: 100px !important }

	.sec04_ex > img { display: none !important }

	.sec04_ex_wrap > div:nth-child(1) { background: #fff url(/images/main/sec04_pic01.png) no-repeat -15px top; background-size: 130px auto; }
	.sec04_ex_wrap > div:nth-child(2) { background: #fff url(/images/main/sec04_pic02.png) no-repeat -15px top; background-size: 130px auto; }
	.sec04_ex_wrap > div:nth-child(3) { background: #fff url(/images/main/sec04_pic03.png) no-repeat -22px top; background-size: 130px auto; }


	/* 팝업 - 약국찾기 - 변경된 레이아웃 */
	.pop_con .map_wrap > #map { height: 200px; }
	.pop_con .search_wrap { overflow: hidden; }
	.pop_con .search_wrap #select_order { padding: 0 5px; width: 140px; float: left; }
	.pop_con .search_wrap #par_search { width: calc(100% - 190px); float: left; }
	.pop_con .search_wrap .search_btn { float: left; padding: 7px; }
	.pharmacy_pop.pop_con .search-area { height: 100%; max-height: calc(100vh - 500px); }


}

@media (max-width: 414px) {

	.sec03_ex .img_wrap img { max-width: 85px !important; }

}


@media (max-width: 360px) {

	.sec03_ex .img_wrap img { max-width: 80px !important;  }

}