@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../fonts/NanumSquareL.eot);
 src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareL.woff) format('woff'),
      url(../fonts/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../fonts/NanumSquareEB.eot);
 src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquareEB.ttf) format('truetype');
}

@font-face {
    font-family: "SimHei";
    src: url("https://db.onlinewebfonts.com/t/090ec3fbb2be3c7b36967f0bda8e0964.eot");
    src: url("https://db.onlinewebfonts.com/t/090ec3fbb2be3c7b36967f0bda8e0964.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/090ec3fbb2be3c7b36967f0bda8e0964.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/090ec3fbb2be3c7b36967f0bda8e0964.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/090ec3fbb2be3c7b36967f0bda8e0964.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/090ec3fbb2be3c7b36967f0bda8e0964.svg#SimHei")format("svg");

	unicode-range: U+3001, U+3002, U+300C-300F, U+3041-3096,
            U+309D, U+309E, U+30A1-30FA, U+30FC,
            U+4E00-9FEA, U+3400-4DB5, U+FF5E, U+F900-FA6D;
}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		     (//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap')*/
/*@import url('https://webfontworld.github.io/pretendard/Pretendard.css');*/



.container_inner .box-stagger {display: flex;     width: 100%;    max-width: 1300px;    margin: 0 auto;}
.container_inner_m .box-stagger {display: flex;     width: 100%;      margin: 0 auto;}
.section_mode .box-stagger .mp-item {
    padding-bottom: 15px;
    padding-top: 15px;
	width:
}

.box-stagger [class^=col] {
    padding-left: 15px;
    padding-right: 15px;
}

.box-stagger [class^=col].col-6 {
    width: 50%;
}
.responsive_vod.square {
    border-radius: 6%;
    outline: 2px solid rgba(200,163,100,1);
    padding-top: 100%;
}
.responsive_vod {
    overflow: hidden;
    position: relative;
}
.box-stagger .mp-item video {
    width: 100%;
}
.responsive_vod iframe, .responsive_vod video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video_bg {width:1200px; margin:0 auto;}

/* 초기화 */
html {}
body {margin:0;padding:0;font-size:0.75em; font-family: "Noto Sans SC", sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family: "Noto Sans SC", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0; font-family: "Noto Sans SC", sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select{ font-family: "Noto Sans SC", sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all; font-family: "Noto Sans SC", sans-serif;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {

outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {

}
.placeholdersjs { color: #aaa !important; }


select::-ms-expand { display:none; }
select:focus {border-color: grey; outline: 0;}

select:disabled {
  background: #e0e0e0;
}


select {height:40px; border:1px solid #ccc; background: url("../img/select_arrow.png") no-repeat 100% 50% #fff;display: inline-block;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-repeat: no-repeat;padding-right:40px; padding:0px 40px 0px 5px;}


#bo_sch:after{display: block; content: ''; clear: both;}
/* 레이아웃 크기 지정 */

.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}

#container_wr{width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0; }
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_pop .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
#hd_pop .hd_pops img{max-width:100%}
#hd_pop .hd_pops_con {}
#hd_pop .hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
#hd_pop .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
#hd_pop .hd_pops_footer button {padding: 10px;border:0;color:#fff}
#hd_pop .hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
#hd_pop .hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

#hd_pop_main{z-index:1002;position:relative;margin:0 auto;height:0; }
#hd_pop_main .hd_pops {background:#fff;display: inline-block;}
#hd_pop_main .hd_pops img{max-width:100%;font-size:0px;}
#hd_pop_main .hd_pop_main_list{overflow: hidden; width:1081px; height:900px;}
#hd_pop_main .hd_pop_main_con{z-index:1002;position:fixed;top:20px;  margin: 0 auto;  left: 0; right: 0;width:564px; height:900px;}
#hd_pop_main_bg{background: #000; opacity: 0.7; position: fixed; width: 100%; height:100%;z-index: 1001;top:0px;}
#hd_pop_main .hd_pops_reject{position: absolute; top: 0px;right:-45px;background: transparent;border:0px;}

#hd_pop_main .bx-controls{position: relative; top:-500px;}
#hd_pop_main .bx-wrapper .bx-controls-direction a{width:50px; height: 200px; position: absolute; top:46px;  transition: all 0.25s 0.0s ease-in-out;background-size: 20px 30px;
background-position:initial;font-size:0px;
}
#hd_pop_main .bx-wrapper a.bx-prev{background-image: url(../img/hd/btn_topbanner_prev.png);left:50%; background-repeat: no-repeat; margin-left: -520px; opacity: 0; }
#hd_pop_main .bx-wrapper a.bx-next{background-image:  url(../img/hd/btn_topbanner_next.png);right:50%; background-repeat: no-repeat;margin-right: -520px; opacity: 0;}
#hd_pop_main .bx-wrapper:hover .bx-controls-direction a.bx-next{margin-right: -340px; opacity: 1;}
#hd_pop_main .bx-wrapper:hover .bx-controls-direction a.bx-prev{margin-left: -320px; opacity: 1;}



#pop_up_container{position: fixed; margin: 0 auto; z-index: 9999999999; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#pop_up_container .swiper-container{width: 100%; height: 100%;}
#pop_up_container .swiper-container .swiper-slide{
    text-align: center;
	font-size: 18px;
    width: auto;
    height: auto;
    margin-top: 3%;
}
#pop_up_container .swiper-container .swiper-slide img{width: auto; height: 800px; object-fit: cover;}
#pop_up_container .swiper-container .swiper-slide span{display: block; font-size: 14px;}






/* 상단 레이아웃 */
@media screen and (min-width: 1251px){

#hd {min-width: 1650px; width:100%;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position: relative;height:75px;zoom:1; background: #fff; border-bottom:1px solid #bebebe; transition: .25s}
#hd_wrapper.fixed_top{position: fixed; top: 0px;width:100%;z-index: 9999;min-width:1560px; background: #fff; transition: .25s}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#hd_wrapper .hd_wrapper_box{width:1560px; margin:0px auto;position:relative;}

#hd_wrapper #logo {line-height: 75px;text-align:center;}
#hd_wrapper #logo img:first-child{margin-right:10px;}

#hd_wrapper #join {top: 25px; right: 0; z-index: 1000; position: absolute;}
#hd_wrapper #join img:first-child{margin-right:10px;}

.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #ccc;background:#fff; height:51px; line-height: 50px;display:none;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1; width:1560px; border-right:1px solid #ccc;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}

#tnb li {float:right;border-left:1px solid #ccc;font-size:12px;}
#tnb li.br_line{border-right:1px solid #ccc;}
#tnb a {display:inline-block;padding:0 25px;color:#333;}
#tnb .tnb_admin a{color:#ff0000;}

#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}


/* 언어선택 버튼 - web */
#lang{position: absolute; top: 22px; right: 3%; z-index: 999}
#lang_button{width: 70px; height:30px; background: #e04641; text-align: center; border-radius: 25px 0 25px 25px; cursor: pointer;}
#lang_button span{color: #fff; line-height: 30px; font-size: 14px; font-weight: 800;}
#lang img {height:18px; width: 25px; display: inline-block;}

#lang_toggle{width: 30px; height: 0; opacity: 0; visibility: hidden; transition: .25s; text-align: center;}
#lang_toggle.on{height: auto; opacity: 1; visibility: visible;}
#lang_toggle ul li{margin: 3px 0; width: 70px; height: 30px; background: #eee; border-radius: 25px 0 25px 25px}
#lang_toggle ul li span{line-height: 30px}
#ang_toggle ul li span a{color: #e04641; font-size: 13px;}

@media screen and (max-width: 1800px){
	#lang{right: 6%;}
}
@media screen and (max-width: 1580px){
	#lang{right: 110px;}
}



/**/
.main_more {color:#e04641; font-size:18px; font-weight:bold}


/**/

/*메뉴{*/
.menu_box{top:0px;left:0;z-index:1000;position:absolute;cursor:pointer;}
.menu_box .top_menu {}
.menu_box .top_menu li{display: inline-block;padding:0px 32px; line-height: 75px;color:#a6a7a7; font-size: 20px; font-weight: bold;}
.menu_box .top_menu li span{padding-left:30px; font-size:18px; font-weight:400; color:#000}
.menu_box .top_menu li span b{font-size:18px; color:#e04641; font-weight: 400;}
.menu_box .top_menu li.tot_menu{width:222px;cursor: pointer;}
.menu_box .top_menu a{color:#333333;}
.menu_box .top_menu li.t_menu1{width:100px;}
.menu_box .top_menu li.t_menu2{width:120px;}
.menu_box .top_menu li.t_menu3{width:160px;}
.menu_box .top_menu li.t_menu4{width:165px;}
.menu_box .top_menu li .en{display: inline-block;}
.menu_box .top_menu li .ko{display: none;}
.menu_box .top_menu li:hover .en{display: none;}
.menu_box .top_menu li:hover .ko{display: inline-block;}
/*메뉴}*/


#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#e04641;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}


/* 중간 레이아웃 */
/* 중간 레이아웃 */

#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:0px  0;height:500px;font-size:1em;width:100%;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */

@media screen and (min-width: 1251px){
#ft {background:#111a18;padding:80px 0px 50px; width:100%;min-width:1560px; margin:0 auto}
#ft .inner { width:100%;max-width:1560px; margin:0 auto}
#ft h1 {padding:0px; float:left}
#ft_wr {margin:0px auto;position:relative;color:#888888;font-size:18px;}
#ft_wr #ft_copy{padding:15px 0px 20px;;}
#ft_link {margin-top:40px; }
#ft_link a{display:inline-block; color:#888888;padding:10px 0px 0px}
/*#ft_link2 {float:right; margin-top:10px;margin-bottom:50px;}*/
#ft_link2 {position: fixed;
    margin-top: 10px;
    margin-bottom: 50px;
    top: 100px;
    left: 20px;
    z-index: 9999;
}
#ft_link2 a{display:block; padding:15px 15px; text-align: center; background:#686666; border-radius: 50% 0 50% 50%; transition: all 0.15s; margin-bottom:10px}

.com_info {clear:both; padding-top:50px}
}
.clear {clear:both}
/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em;font-size:0;}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right; margin: 20px 0 70px 0;} /* 서식단계 진행 */

.btn_submit {border:0;background:#333;color:#fff;cursor:pointer;border:0}
/*.btn_submit:hover {background:#ff0072}*/

a.btn_cancel {display:inline-block;background:#fff;color:#696969;text-decoration:none;vertical-align:middle;border: 1px solid #9c9c9c;}
a.btn, .btn{height: 50px; padding: 0 32px;line-height: 50px}
button.btn_cancel {display:inline-block;background:#696969;color:#fff;text-decoration:none;vertical-align:middle;border: 1px solid #9c9c9c;}
.btn_cancel:hover {background:#fff;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#fff;color:#696969;text-decoration:none;vertical-align:middle;border: 1px solid #9c9c9c;}
/*.btn_b01:hover, .btn_b01:hover {background:#54598c}*/
a.btn_b02,.btn_b02 {display:inline-block;background:#333;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#e04641}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}
@media screen and (max-width : 1200px) {
    a.btn, .btn{height: 45px; line-height: 45px; padding: 0 20px;}
}
@media screen and (max-width : 768px) {
    a.btn, .btn{height: 40px; line-height: 38px; padding: 0 12px;}
}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 70px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:0px solid #ccc}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#333;font-size:1.083em;height:30px;line-height:30px;padding:0 5px;min-width:30px;text-decoration:none}
.pg_page:hover{background-color:#e04641;color:#fff;  border-radius:50px 0px 50px 50px}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:0px solid #bbb}
.pg_start:hover{background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;}
.pg_prev:hover{background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;}
.pg_end:hover{background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;}
.pg_next:hover{background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;}

.pg_current {display:inline-block;background:#e04641;color:#fff;height:30px;line-height:28px;padding:0 10px;min-width:30px; border-radius:50px 0px 50px 50px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

@media (max-width: 1680px){
    #hd{}
    #tnb ul{width:100%; min-width: 1280px;}
    #hd_wrapper .hd_wrapper_box{width:100%; padding:0px 15px;}
    .menu_box{float: right;}
    .menu_box .top_menu{ margin-left: 0px;}


}

.main_banner {background:url('../img/main/sec01_bg.png') no-repeat ; padding:150px 0px; width:100%; height:1450px; background-size:cover; background-position:center}
.main_banner .inner  {width:100%; max-width:1560px; min-width:1560px; margin:0 auto;}

.main_banner ul li{width:25%; float:left; padding-bottom:50px}
.main_banner ul li:nth-child(5n) {clear:both}
.main_banner ul li:first-child {padding-top:50px}
.main_banner ul li a img {transition: all 0.5s; padding-top:30px}
.main_banner ul li p {color:#fff; font-size:18px; font-weight:400; padding-top:30px}
.main_banner ul li a img:hover {padding-top:0px; padding-bottom:30px}




.main_bottom{padding:100px 0px;max-width: 1560px;text-align:center;margin:0 auto;width:100%; }
.main_bottom .main_b_layer{min-width:1560px; margin:0px auto;font-size:0px;}
.main_bottom .main_b_layer>div{vertical-align: top;}
.main_bottom h3 {color:#e04641;font-size:24px;display:inline-block;border-radius:30px;border:1px solid #e04641;padding:7px 80px;border-top-right-radius:0;margin-bottom:60px;}
.main_bottom > p {color:#111a18;font-size:20px;margin:20px 0;line-height:40px;}

.cs_info_box{width:33.333%;float:left;font-size:12px;padding:0 20px;}
.cs_info_box h2{font-size:25px;color: #111a18;text-align: center;font-weight:800;}
.cs_info_box h2 span{display: block; color: #acacac; font-size:12px; margin-top: 7px;}
.cs_info_box .tel{margin-top:30px; display: block; text-align: center; color: #272935; font-size: 35px; }
.cs_info_box .tel_line{width:40px; height:2px; background: #000; margin:25px auto; display: block;}
.cs_info_box .cs_info{font-size: 14px; margin-top:50px; margin-bottom: 5px;}

.cs_info_box .cs_info span:first-child{color:#111a18; display:block;font-weight: bold;font-size:22px;margin-top:15px;margin-bottom:5px; float:left; text-align:left; width:185px; clear: both;}
.cs_info_box .cs_info span:last-child{display:block;color: #e04641;font-weight: bold;font-size:28px;margin-top:10px; margin-bottom:5px; float:right; text-align:left; width:260px;}
.cs_info_box .cs_info_b{clear: both; display: block; margin-top:20px; font-size:18px; color: #919392;font-weight: bold;margin-top:50px; padding:50px 0 10px 0;}
.cs_info_box .cs_info_link{clear:both; padding:0 30px;width:100%; height: 65px; line-height: 65px;  display: block; background: #111a18 url(../img/main/online_arrow_icon.png) no-repeat 95% 50%; color: #fff;font-weight: bold; font-size: 22px;text-align:left;transition: all 0.25s 0.0s ease-in-out;}
.cs_info_box .cs_info_link:hover {background-color:#c8a463;transition: all 0.25s 0.0s ease-in-out;}
.cs_info_box .cs_info_link1 {float:left;margin-top:50px; width:48%; height: 65px; line-height: 65px; text-align: center; display: block; background: #fff;border:1px solid #111a18; color: #111a18;font-weight: bold; font-size: 22px;margin-bottom:17px;transition: all 0.25s 0.0s ease-in-out;}
.cs_info_box .cs_info_link1.last {float:right;}
.cs_info_box .cs_info_link1:hover {border-color:#c8a463;color:#c8a463;transition: all 0.25s 0.0s ease-in-out;}
.cs_info_box .cs_info_link2 {clear:both; padding:0 30px;width:100%; height: 65px; line-height: 65px;  display: block; background: #e04641; color: #fff;font-weight: bold; font-size: 22px;text-align:right;margin-top:17px;font-size:32px;position: relative;font-weight:800; }
.cs_info_box .cs_info_link2 strong {font-size:22px; position: absolute; left:30px;top:0px;font-weight:600;}


.main_quick_qa{clear:both;padding:150px 0px;background: #007257 url(../img/main/sec07_bg.png) no-repeat center center; width:100%;min-width:1560px;}
.main_quick_qa .main_quick_qa_box{max-width:1560px; margin: 0px auto;background:#fff url(../img/main/sec07_img.png) no-repeat bottom left;background-attachment: fixed; padding-left:41%;}
.main_quick_qa .main_quick_qa_box .main_quick_qa_box_inner {padding:60px 130px 60px 60px; background:#fff}
.main_quick_qa .qa_title{padding-bottom: 10px; }
.main_quick_qa .send_box{width:100%;}
.main_quick_qa .wr_name_box{ }
.main_quick_qa .send_box>div{vertical-align: bottom; display: block; padding-top:37px;}
.main_quick_qa .send_box>div>label{font-size:18px; color: #000;display: block; }
.main_quick_qa .send_box>div>input[type="text"]{border:0px; border-bottom: 1px solid #111a18; height:30px;padding:0px;width:100%;font-size:18px; }
.main_quick_qa .send_box .write_btn{width:165px; height: 67px;background: #666666; color:#fff; font-size:18px;border:0px;margin-right:10px;}
.main_quick_qa .kakao_send_btn{background: #111a18 url(../img/main/online_arrow_icon.png) no-repeat 95% 50%; height:67px; width:100%; color: #fff; font-size: 22px; line-height: 65px;text-align:left;    vertical-align: bottom;padding:0 30px;margin-top:20px;display:block;}
.main_quick_qa .kakao_send_btn:hover {background-color:#c8a463;transition: all 0.25s 0.0s ease-in-out;}
.main_quick_qa .agree_box{margin-top:30px;}
.main_quick_qa .agree_box label{font-size:18px; color: #000;margin-left: 5px;}
.main_quick_qa .agree_box label span{font-size:16px;display: inline-block; margin-left: 30px;color:#a6a7a7;margin-top:2px;}
.main_quick_qa .agree_box label span:after {display:block;content:"";border-bottom:1px solid #a6a7a7;margin-top:2px;}
.main_quick_qa .agree_box label a {color:#a6a7a7;}

.root_daum_roughmap .wrap_controllers {display:none}
.main_map {position: relative;width:100%;height:670px;     background:url('../img/main/main_map_bg.png') no-repeat; background-size:cover; background-position:center}
.main_map .main_map_bg {position: absolute; background:#e04641; height:305px; bottom:80px; width:49% }
.main_map .inner {width:100%; max-width:1560px; margin:0 auto;}
.main_map .map_google_box {position: absolute; top:0;left:0;width:50%;}
.map_info_box {max-width:1560px;margin:0 auto; width:100%}

@media screen and (min-width: 1251px){
.map_info_box .map_inner {width:50%;float:right;padding:90px 0 0px 80px}
}

.item_content{text-align:center}

.item_content.hospital_tour div.bg{/*background:url('../img/hd_bg/way_bg.png')  no-repeat; background-size:cover; background-position:center; height:390px; width:100%*/}

.item_content .hd_inner {background:url('../img/hd_bg/hd_bg.png')  no-repeat; background-size:cover; background-position:center; width:100%}
.item_content .hd_inner ul {display:flex; width:1560px; max-width: 100%; margin:0 auto;     justify-content: space-between;  align-content: space-between; padding:100px 0px}
.item_content .hd_inner ul li {text-align:left; }
.item_content .hd_inner ul li:first-child {padding:0px 0px 0px 32px}
.item_content .hd_inner ul li:first-child div {padding:10px 40px; display:inline-block; border-radius:50px 0px 50px 50px; border:1px solid #e84549; color:#e84549; font-size:18px; font-weight:bold}
.item_content .hd_inner ul li h2{font-family:'Pretendard'; font-weight:800; font-size:55px; line-height:55px; padding-top:35px}
.item_content .hd_inner ul li h3{font-size:24px; line-height:24px; padding:25px 0px 50px }
.item_content .hd_inner ul li p{font-size:18px; font-weight:400; line-height:22px;}
.item_content .hd_inner ul li img {width:auto !important; min-width:auto !important; max-width:auto !important;}
.item_content .hd_inner ul li:last-child { text-align:right; display: flex;  flex-direction: column;   justify-content: space-between; margin-right: 20px;}

@media screen and (max-width : 1400px) {
    .item_content .hd_inner ul li:first-child div{font-size: 16px; padding: 5px 30px;}
    .item_content .hd_inner ul li h2{font-size: 40px; line-height: 50px;}
    .item_content .hd_inner ul li h3{font-size: 20px; padding: 10px 0 50px;}
    .item_content .hd_inner ul li p{font-size: 16px;}
}
@media screen and (max-width : 768px) {
    .item_content .hd_inner ul{flex-direction: column; padding: 50px 0;}
    .item_content .hd_inner ul li:last-child{flex-direction: row; align-items: center; margin-left: 25px; margin-top: 20px;}

    .item_content .hd_inner ul li:first-child div{font-size: 14px; padding: 5px 30px;}
    .item_content .hd_inner ul li h2{font-size: 25px; line-height: 30px;}
    .item_content .hd_inner ul li h3{font-size: 17px; padding: 0px 0 30px;}
    .item_content .hd_inner ul li p{font-size: 13px;}

    .item_content .hd_inner ul li div:first-child img{width: 35px !important;}
    .item_content .hd_inner ul li div:last-child img{width: 60px !important;}

.item_content .hd_inner ul li:first-child {padding:0px 20px 0px}
}

.item_content.hospital_tour .way_btn {width:1162px; margin:0 auto; display:flex; justify-content: space-between}

.main_map .item_content{text-align:center;padding:90px 0px 0px 0px}
.map_info_box .map_inner h4 {padding-top:50px; margin-bottom:50px;font-size:23px;color:#111a18;font-weight:800;}
.map_info_box .map_inner .tel_info {font-size:50px;color:#e04641;font-weight:800;margin:30px 0 0 0;}
.map_info_box .map_inner p {font-size:23px;color:#111a18;}
.map_info_box .map_inner p img {width:100%;}
.map_info_box .map_inner p strong {display:block;margin-top:30px;}
.map_info_box .map_inner p.half {display:inline-block;width:33%;vertical-align:top;}
.map_info_box .map_inner p span {display:block;color:#babbbb;font-size:16px;}

.map_info_box .map_inner table {border-collapse: collapse; }
.map_info_box .map_inner tr td {font-size:18px; display:inline-block; padding:0px 0px; font-weight:500}
.map_info_box .map_inner tr td:first-child {font-size:18px; min-width:120px;}
.map_info_box .map_inner tr td:first-child p{color:#e04641; font-size:13px; font-weight:500}
.map_info_box .map_inner tr td:last-child {padding-left:30px}
.map_info_box .map_inner tr td:last-child p{color:#898989; font-size:16px;}
.map_info_box .map_inner tr td:nth-child(2) {width:1px; height:55px; background:#e04641;  display:inline-block}

.map_info_box .map_inner tr:first-child td:nth-child(2) {width:1px; height:40px; background:#e04641;  display:inline-block}

.map_info_box .map_inner tr:last-child td:nth-child(2) {width:1px; height:40px; background:#e04641;  display:inline-block}

.map_info_box .map_inner tr:last-child td:first-child {vertical-align: bottom;}
.map_info_box .map_inner tr:last-child td:last-child {vertical-align: bottom;}

.map_info_box .map_inner .map_btn_area {margin-top:60px;}
.map_info_box .map_inner .map_btn_area a {font-size:23px;color:#111a18;border:1px solid #111a18;padding:0 30px;line-height:65px;width:49%;display:inline-block;background: #fff url(../img/main/online_arrow_icon2.png) no-repeat 95% 50%;transition: all 0.25s 0.0s ease-in-out;}
.map_info_box .map_inner .map_btn_area a:hover {border-color:#c8a463;color:#c8a463;transition: all 0.25s 0.0s ease-in-out;background: #fff url(../img/main/online_arrow_icon3.png) no-repeat 95% 50%;}
.map_info_box .map_inner .map_btn_area a:last-child {float:right;color:#fff;background: #111a18 url(../img/main/online_arrow_icon.png) no-repeat 95% 50%;}
.map_info_box .map_inner .map_btn_area a:last-child:hover {background-color:#c8a463;transition: all 0.25s 0.0s ease-in-out;}

#gnb_all{display: none; position: absolute;  top: 74px; border-top:1px solid #ccc; left: 50%; width:1680px; max-width: 100%;  z-index: 11;   overflow:hidden;transform: translateX(-50%);   -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
#gnb_all .gnb_all_box{text-align: left;background: #fff; float:right;width:100%;box-sizing:border-box; padding-bottom:30px}
#gnb_all .gnb_all_box:after{display: block; content: ''; clear: both;box-sizing:border-box}
#gnb_all .gnb_ul{width:100%;background: #fff;}
#gnb_all .tpye1_menu{float: left;margin-top:40px;/*width:11%;*/ padding:0 15px; box-sizing:border-box}
#gnb_all .tpye1_menu>a{display: block; font-size: 18px; color: #000; line-height: 1; font-weight: bold; transition: color 0.3s ease;position: relative;}

#gnb_all .type2_menu_box{padding-top: 18px;}
#gnb_all .type2_menu_box .type2_menu>a{display: inline-block; font-size: 12px; padding: 4px 0px; line-height: 20px; transition: color 0.3s ease;position: relative;}
#gnb_all .gnb_ul_right{width:190px; float: right; padding-left: 30px;display:none;}
#gnb_all .tpye1_menu:hover > a{color: #e04641;}
#gnb_all .type2_menu_box .type2_menu>a:hover{color: #e04641;}

#gnb_all .type2_menu_box .type2_menu>a:before{display: block; position: absolute; left: 0; bottom: 4px; content: ''; width: 0; height: 1px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
#gnb_all .type2_menu_box .type2_menu>a:hover:before{width: 100%; background-color: #e04641;}
#gnb_all .gnb_ul_right .tpye1_menu{min-height: 130px;}
@media screen and (max-width: 1400px){
#gnb_all .tpye1_menu>a {font-size:15px}
#gnb_all .type2_menu_box .type2_menu>a{display: inline-block; font-size: 12px; padding: 2px 0px; line-height: 20px; transition: color 0.3s ease;position: relative;}
}

@media (max-width: 1680px){


	#gnb_all  {width: 100%;    padding: 0px 15px;}

}


/*하단메뉴*/
#b_gnb_all{border-top:1px solid #fff; background: #4c4c4c; position: relative;zoom: 1;display:none;}
.b_menu_line{position: absolute; top: 65px; width:100%; height: 1px; background: #fff;}
.b_gnb_ul{width: 1680px;margin:0px auto;}
.b_gnb_ul:after{clear: both; content: ''; display: block;}
.b_tpye1_menu{width:140px; text-align: center;float: left;}
.b_tpye1_menu>a{font-size:17px;font-weight: bold;color:#fff;line-height: 65px;}
.b_type2_menu{}
.b_type2_menu>a{line-height: 35px;color:#fff;font-size:14px;letter-spacing: -0.5px;}
.b_type2_menu_box{padding-top:15px;min-height: 265px;}

@media (max-width: 1680px){
    .b_gnb_ul{width: 1280px; padding:0px 10px;}
    .b_tpye1_menu{width:105px;}
    .b_tpye1_menu>a{font-size:14px;}
    .b_type2_menu>a{font-size:12px;}
}

.mb_0{margin-bottom: 0px !important;}

/*상단 배너*/
.top_banner_box{overflow: hidden;width: 100%; height:100%;min-width: 1280px;position: relative;text-align: center;}
.top_banner_box ul{margin:0px;}
.top_banner_box ul li a{display: block;}
.top_banner_box ul li img{width:100% !important;}
.top_banner_box .bx-wrapper .bx-pager{left: 50%; bottom:14px; margin-left: -630px; padding-top:0px;width:auto; }

.top_banner_box .bx-wrapper:hover .bx-pager.bx-default-pager a.bx-pager-link{opacity: 1;}
.top_banner_box .bx-wrapper .bx-pager.bx-default-pager a{width:6px; height: 6px;opacity: 0;}
.top_banner_box .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active{width:22px; height: 6px;}
.top_banner_box .bx-wrapper:hover .bx-pager.bx-default-pager a.bx-pager-link{opacity: 1;}

.top_banner_box .bx-controls{position: relative; top:-119px;}
.top_banner_box .bx-wrapper .bx-controls-direction a{width:20px; height: 30px; position: absolute; top:46px;  transition: all 0.25s 0.0s ease-in-out;background-size: 20px 30px;
background-position:initial;font-size:0px;
}
.top_banner_box .bx-wrapper a.bx-prev{background-image: url(../img/hd/btn_topbanner_prev.png);left:50%; margin-left: -620px; opacity: 0; }
.top_banner_box .bx-wrapper a.bx-next{background-image:  url(../img/hd/btn_topbanner_next.png);right:50%; margin-right: -620px; opacity: 0;}
.top_banner_box .bx-wrapper:hover .bx-controls-direction a.bx-next{margin-right: -630px; opacity: 1;}
.top_banner_box .bx-wrapper:hover .bx-controls-direction a.bx-prev{margin-left: -630px; opacity: 1;}

.top_banner_box .bx-wrapper .bx-pager.bx-default-pager a{
    -o-transition: all 0.25s 0.0s ease;
    -ms-transition: all 0.25s 0.0s ease;
    -moz-transition: all 0.25s 0.0s ease;
    -webkit-transition: all 0.25s 0.0s ease;
    transition: all 0.25s 0.0s ease;
}
.top_banner_box .bx-wrapper #slide_banner_top li img{height:116px;margin:0px auto;}
.top_banner_box .topbannerbtn{position: absolute; right: 10px; bottom: 10px;text-align: right; font-size: 0px;}
.top_banner_box .topbannerbtn .banner_check{    position: relative; z-index: 1; display: inline-block;  width: 27px;   height: 27px; margin-right: 8px; vertical-align: top;}
.top_banner_box .topbannerbtn .banner_check.active .banner_checkbox{background: rgba(100,100,100,0.85);}
.top_banner_box .topbannerbtn .banner_check.active .banner_checkbox img{display: inline;}
.top_banner_box .topbannerbtn .banner_check .banner_msg{position: absolute; right: 0px; top:0px; height: 25px; padding-right: 23px; border: 1px solid #777; text-align: center; background: rgba(255,255,255,0.85)}
.top_banner_box .topbannerbtn .banner_check .banner_msg i{
    white-space: nowrap;
    display: none;
    font-style: normal;
    line-height: 25px;
    font-size: 11px;
    color: #444;
}

.top_banner_box .topbannerbtn .banner_check .banner_checkbox{
        position: relative;
    z-index: 2;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #777;
    text-align: center;
    background: rgba(255,255,255,0.85);
    margin: 0px;
}
.top_banner_box .topbannerbtn .banner_check .banner_checkbox img{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}
.top_banner_box .topbannerbtn .banner_close{
    position: relative;
    display: inline-block;
    width: 27px;
    height: 27px;
    opacity: 1;
}

#quick_menu {position:fixed; top:50%; right:0; z-index:100; width:80px; margin-top:-300px;background:#e04641;padding:25px 0;border-radius:50px 0 50px 50px;}
#quick_menu li {position:relative;text-align:center;padding:10px 10px 0 10px}
#quick_menu li a {display:block; position:relative; z-index:6;border-bottom:1px solid #d9bd8a;color:#fff ;padding-bottom:10px;font-size:13px;letter-spacing:-0.5px;}
#quick_menu li:first-child a {border-bottom:0;padding-bottom:0;}
#quick_menu li img {margin-bottom:5px;}
/*#quick_menu li a .on {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease;}
#quick_menu li a:hover .on {opacity:1;}
#quick_menu span {display:inline-block; position:absolute; top:50%; left:79px; z-index:5; height:22px; min-width:70px; margin-top:-11px; font-size:12px; color:#ffffff; line-height:22px; text-align:center; background:#111a18; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
#quick_menu span:after {position:absolute; top:50%; right:-4px; width:4px; height:6px; margin-top:-3px; background:url('../img/hd/ico_arrow01.png') no-repeat center; content:'';}
#quick_menu li:hover span {left:-79px;}*/
#quick_menu li.tel {text-align:left;color:#fff;font-size:13px;}
#quick_menu li.tel p {font-size:21px;margin-top:5px;padding-bottom:10px;}
#top_btn{cursor: pointer;}


#content_layer{width:100%}

/* tab nav */
.zeta-menu-bar{width:100%; padding:10px 0 50px 0; border-bottom:1px solid #e3e3e3; background:url(../img/main/list-center.png) no-repeat center top; margin-bottom:0px; display: none;}

@media screen and (min-width:600px) {
.zeta-menu-bar {display:none}
.zeta-menu-bars {display:none}
}



.zeta-menu{width:100%; margin:0 auto;}
.zeta-menu li {float: left;position: relative; width:50%; padding:0 105px;}
.zeta-menu a { color:#4d504a; font-weight:bold;display: block; padding: 10px 20px; font-size:18px;}
.zeta-menu ul {display: none;padding: 0;position: absolute;left: 0; top: 100%; width:100%;}
.zeta-menu li.expand>ul{padding-top:25px; border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3; padding-bottom:25px; background:#fff; margin-top:10px; z-index:1}
.zeta-menu ul li { float: none;width:100%; padding-top:7px; padding-bottom:7px;}
.zeta-menu ul li:hover{background:#e3e3e3;}
.zeta-menu ul a { color:#4d504a; font-weight:bold;}
.zeta-menu li a span{display:inline-block; padding:5px 105px; background:url(../img/main/list-icon.png) no-repeat center;}
.zeta-menu ul li a{font-size:16px; color:#666; font-weight:normal;}

.text-right{text-align:right; padding-right:200px !important;}
.clear{clear:both;}
.title-text{text-align:center;}
/*.title-text img{padding-top:80px}*/
.title-img img{width:100%;}


/*체크박스 버튼*/
.chk_btn { display: inline-block;margin-right:25px; position: relative; cursor: pointer; font-size: 16px;padding-top:3px;padding-left:35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.chk_btn input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.chk_btn .checkmark { position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #eee; }
.chk_btn:hover input ~ .checkmark { background-color: #ccc;}
.chk_btn input:checked ~ .checkmark { background-color: #e04641;}
.chk_btn .checkmark:after {  content: "";  position: absolute;  display: none;}
.chk_btn input:checked ~ .checkmark:after {  display: block;}
.chk_btn .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}


/*라디오 버튼*/
.radio_btn { display: inline-block;margin-right:20px; position: relative; cursor: pointer; font-size: 14px;padding-top:3px;padding-left:30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radio_btn input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.radio_btn .checkmark { position: absolute;  top: 3px;  left: 0;  height: 20px;  width: 20px;  background-color: #eee;border-radius:50px;}
.radio_btn:hover input ~ .checkmark { background-color: #ccc;}
.radio_btn input:checked ~ .checkmark { background-color: #ff0072;}
.radio_btn .checkmark:after {  content: "";  position: absolute;  display: none;}
.radio_btn input:checked ~ .checkmark:after {  display: block;}
.radio_btn .checkmark:after {  left: 5px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width:5px;border-radius: 50px;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}


/*온라인 상담*/
.online_layer h2{font-family: '나눔고딕', NanumGothic;font-size: 36pt;text-align: center;margin: 50px 0 10px 0;}
.online_layer .online_sub_title{font-size: 1.3em;text-align: center;margin: 10px 0 50px 0;color: #666;line-height: 1.6em}
.online_layer .online_sub_title span{font-weight: 700;}
.online_layer{max-width:1200px; width:100%; margin: 0px auto;padding:20px 0px;min-height: 500px; margin-bottom:115px;}
.online_layer:after{clear: both; content: ''; display: block;}
/*.online_left{width:800px;float: left;}*/


.reservation_type{width:100%; min-height: 50px;padding:20px 20px 10px;background: #eee;border:1px solid #ccc;margin-top:5px;display: none;}
.reservation_type span{color: #333; font-weight: bold; font-size: 13px;margin-right:10px; background: #fff; border-radius: 10px; padding:10px; display: inline-block; margin-bottom: 10px;}
.reservation_type span .del_btn{background: transparent; font-size: 13px; border: 0px;padding:5px;}


.online_layer .datepicker {width:100%; text-align:center; margin:0 auto;}

.online_bg{
	width: 100%;
    background: #fff;
    padding-bottom: 70px;
}
.online_layer .datepicker .ui-datepicker-inline{
	display: block;
    border: 1px solid #eaeaea;
    box-shadow: none;
 /*   padding: 33px;*/
	background: #fff;
}
.online_layer .datepicker .ui-datepicker-header{
	padding-bottom:25px;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	font-family:'Noto Sans Kr';
	background:#585858;
	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
                position: relative;
     padding-top:15px;
}

.online_layer .datepicker .ui-datepicker-header > a {
	user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
	cursor: pointer;
	color: #222;
	font-size: 15px;
	font-weight: bold;
	font-family:'Noto Sans Kr';
	padding:0 20px;
        position: absolute;
        top:15px;

}

.online_layer .datepicker .ui-datepicker-header > a:hover {
/*	color: #ffffff;
	background-color:	#808080;*/
}

.datepicker .ui-datepicker-header > a:active {
	color: #ffffff;
	background-color:	#808080;
}
.online_layer .datepicker .ui-datepicker-header > a.ui-state-disabled{display: none;}
.online_layer .datepicker .ui-datepicker-header > a.ui-datepicker-next{margin-left: 60px;left:75%; font-size:16px; font-weight:bold; background:#fff; line-height:30px; padding:0px 10px; border-radius:25px}
.online_layer .datepicker .ui-datepicker-header > a.ui-datepicker-prev{margin-right: 60px;right:75%;  font-size:16px; font-weight:bold; background:#fff; line-height:30px; padding:0px 10px; border-radius:25px}

.online_layer .ui-datepicker-calendar{width:100%;}
.online_layer .ui-datepicker-calendar thead th{font-size: 15px; padding: 10px 29px; font-weight: bold; background: #eee; color: #000;}
.online_layer .ui-datepicker-calendar thead th:first-child{color: red;}
.online_layer .ui-datepicker-calendar thead th:last-child{color: blue;}


.online_layer .ui-datepicker-calendar tbody td.ui-state-disabled{color: #ccc; cursor: default; background:#fff}
.online_layer .ui-datepicker-calendar tbody td.ui-state-disabled:hover{background: transparent;}
.online_layer .ui-datepicker-calendar tbody td.ui-state-disabled:hover a{color: #222;}
.online_layer .ui-datepicker-calendar tbody td{font-size: 1.4em; color:#fff; padding: 38px 27px; text-align: center; border:1px solid #e1e1e1;user-select: none;-webkit-user-select: none;-moz-user-select: none;cursor: pointer; background:#e04641}
.online_layer .ui-datepicker-calendar tbody td a {color:#fff}
.online_layer .ui-datepicker-calendar tbody td.ui-datepicker-current-day{background: #fff; border:1px solid #e04641; color: #e04641}
.online_layer .ui-datepicker-calendar tbody td.ui-datepicker-current-day a{font-weight: bold; color: #e04641; font-weight:bold}
/*.online_layer .ui-datepicker-calendar tbody td.ui-datepicker-current-day:hover{background: #ff0072;color: #fff}*/
.online_layer .ui-datepicker-calendar tbody td:hover{background: none; border: 1px solid #e04641}
.online_layer .ui-datepicker-calendar tbody td:hover a{color: #e04641;}
.online_layer .online_left_btn{border:1px solid #666; font-weight: bold; font-size: 17px;padding:15px 20px;float:right; display: inline-block;text-align: center;background: #fff;vertical-align: top;margin-top:10px;}

.popup_view_bg{background: #000; position: fixed;width: 100%; height: 100%; opacity: 0.7;top:0px; left: 0px;z-index: 9999;}
.popup_view_con{position: absolute; top: 20%;z-index: 99999;left:50%;margin-left: -321px;}
.popup_view_con>div{position: relative;}
.popup_view_close_btn{position: absolute; top: 20px; right: 20px;font-style: normal;
    font-size: 28px;box-shadow: none;    outline: none;    background: transparent;z-index: 999999;border:0px;
    font-family: Arial, Baskerville, monospace;}
/*회원가*/
.membership_login{width: 1200px; margin: 100px auto;}
#fregisterform{width: 1200px; margin: 100px auto;}



.review_box{background: #fff; padding:60px 0px 30px;text-align: center; min-width:1560px;width:100%; overflow: hidden;}
.review_box h3 {color:#e04641;font-size:24px;display:inline-block;border-radius:30px;border:1px solid #e04641;padding:7px 80px;border-top-right-radius:0;margin-bottom:60px;}
.review_box > p {color:#111a18;font-size:20px;margin:20px 0;line-height:40px;}


.youtube_box {background:url('../img/main/sec02_bg.png') no-repeat center center;padding:100px 0;width:100%;min-width:1560px; background-size:cover}
.youtube_box .youtube_inner {max-width:1560px;width: 100%; margin:0 auto; position: relative;}
.youtube_box .youtube_inner .youtube_play {background:#000; float: left;  width: 924px; height:520px; padding:0; margin:0}
.youtube_box .youtube_inner .youtube_play .thumbnail-container{display: block; width: 100%; height: 100%;}
.youtube_box .youtube_inner .youtube_play #video-thumbnail{width: 100%; height: 100%;}

.youtube_play video{ width: 924px; height:520px; padding:0; margin:0; 	background:#000;}
.youtube_play iframe{ width: 924px; height:520px; padding:0; margin:0; 	background:#000; border:3px solid #e04641}
.youtube_box .youtube_inner .youtube_info {float:left;width:636px;padding:70px 80px 0px 80px;position: relative;height:560px;box-sizing:border-box;}
.youtube_box .youtube_inner .youtube_info h4 {margin-bottom:50px;}
.youtube_box .youtube_inner .youtube_info p {color:#111a18;font-size:18px;line-height:28px;letter-spacing:-1px;}
.youtube_box .youtube_inner .youtube_info a {position: absolute; bottom:70px;left:100px;}
.youtube_box .youtube_inner p.flower {position: absolute; bottom:-150px;right:0px;z-index:100;}
.youtube_box .youtube_inner p.flower img {width:250px}


.youtube_box .youtube_inner .youtube_list {float:left;width:636px;padding:0px 50px 0px;position: relative;height:560px;box-sizing:border-box;}


.on_menu  {padding-bottom:50px;}
.on_menu ul{width:100%; max-width:1200px; display:flex; justify-content:center; text-align:center}
.on_menu ul li { width:50%; background:#fafafa; ; border:1px solid #dedede  }
.on_menu ul li>a{display: block; padding:15px 0; font-size:20px}
.on_menu ul li a:hover{background:#e04641; color:#fff; font-size:20px}
.on_menu .on a{background:#e04641; color:#fff; }
.online_tit {font-size:20px; font-size:bold; color:#5f5f5f; padding-top:50px; padding-bottom:20px;}


.date_foot {font-size:18px; padding:30px 15px; border: 1px solid #eaeaea;}
.date_foot b{font-size:18px; color:#e04641}
.date_foot span{float:right; position: relative; top:-10px;}
.online_wa {font-size:16px; color:#ca0a0b; padding-top:20px;}

.privacy_write_box{background-color: #f5f5f5;padding:20px; border:1px solid #e5e5e5}
.privacy_write_box p{width:100%;overflow-y: scroll; height: 200px;border:1px solid #ccc; background: #fff;padding:5px; line-height:25px}
.privacy_write_box span {text-align:center; margin:0 auto}

.privacy_write_box table {width:100%; font-size:16px; text-align:center; border:1px solid #e5e5e5; padding:0; margin:0; border-spacing: 1px;}
.privacy_write_box table th{background:#e04641; color:#fff;  padding:15px 0px}
.privacy_write_box table td{background:#fff; padding:15px 0px}




.online_right{border-top:1px solid #585858; background: #fff;}
.online_right table th {width:200px; background:#f8f8f8; padding-left:20px;}
.online_right table{width:100%; border-spacing: 0px;}
.online_right table th{text-align: left; font-size: 20px; border-bottom:1px solid #f0f0f0}
.online_right table th span {color:#c90b0b; padding-left:5px}
.online_right table td{padding: 25px 10px; border-bottom:1px solid #f0f0f0}
.online_right table td input{border-radius:0px;}
.online_right table td select{background-color: #fff;}
.online_right table td.wr_email input[type="text"]{width:50%;}
.online_right table td.wr_hp select{width:100px;}
.online_right table td.wr_hp input[type="tel"]{width:100px;}
.online_right table td.wr_type .radio_btn{margin-right: 18px;}
.online_right table td.wr_content textarea{height:100px; resize: none;}
.online_right table td.wr_submit{text-align: right; }
.online_right table td .btn_submit{padding:15px 50px;font-size: 15px; font-weight: bold;}

.re_btn {text-align:center; font-size:18px; margin-top:30px;}
.re_btn input{padding:10px 30px;}

.cf_privacy{width: 100%; text-align:center; color: #585858;margin:15px auto ;display:inline-block;font-size: 1.2em; }



	/* table */
.table_t1 {width: 85%; border-top: 2px solid #515151; margin : 0 auto; font-size: 1.3em;}
.table_t1 table {width: 100%; line-height: 1.6; table-layout: fixed;}
.table_t1 thead th,
.table_t1 tbody th {	border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 15px 8px; text-align: center; color: #333; font-family: ngb; background: #f3f3f3; vertical-align: middle; font-size: 1.15em;}
.table_t1 thead th{font-size:1.4em; line-height:1.4em}
.table_t1 th:first-child ,
.table_t1 td:first-child  {border-left: none;}
.table_t1 tr th.bL,
.table_t1 tr td.bL {border-left: 1px solid #dedede;}
.table_t1 td {border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 20px 8px; text-align: center; vertical-align: middle;}
.table_t1 td.pad_none {padding: 0;}
.table_t1 td.aL {text-align: left;}
.table_t1 td.bold {font-family: ngb;}
.table_t1 td.td_gray{background:#f3f3f3;}
.payment_more{text-align:right;}
.payment_more img{width:100%}


/*영상*/
.top_v{width:100%; text-align:center}
.video_area{position:relative; width:100%; height:859px; background:url("/bbs/img/edge1/video_BG_01.png") no-repeat; background-position:center 0}
.video_area .video_center {
    max-width: 1560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-top: 149px;
}

.video_area01{position:relative; width:100%; height:859px; background:url("/bbs/img/edge1/video_BG_02.png") no-repeat; background-position:center 0}
.video_area01 .video_center {
    max-width: 1560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-top: 149px;
}

.video_area02{position:relative; width:100%; height:859px; background:url("/bbs/img/edge1/video_BG_03.png") no-repeat; background-position:center 0}
.video_area02 .video_center {
    max-width: 1560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-top: 149px;
}

.video_area03{position:relative; width:100%; height:859px; background:url("/bbs/img/edge1/video_BG_04.png") no-repeat; background-position:center 0}
.video_area03 .video_center {
    max-width: 1560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-top: 149px;
}

.video_area04{position:relative; width:100%; height:859px; background:url("/bbs/img/edge1/video_BG_05.png") no-repeat; background-position:center 0}
.video_area04 .video_center {
    max-width: 1560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-top: 149px;
}

.video_area05{position:relative; width:100%; height:859px; background:url("/bbs/img/edge1/video_BG_06.png") no-repeat; background-position:center 0}
.video_area05 .video_center {
    max-width: 1560px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding-top: 149px;
}
/*.video01{position:absolute; top:149px; left:160px; width:924px; height:560px; z-index:99; }*/
/*.video_text{position:absolute; top:220px; right:220px; width:25%;}*/
.video01 {
    /* position: absolute; */
    /* display: flex; */
    /* padding-top: 149px; */
    /* left: 160px; */
    /* width: 924px; */
    height: 560px;
    z-index: 99;
}
.video_text {
    /* position: absolute; */
    /* top: 220px; */
    /* right: 220px; */
    min-width: 650px;
    /* float: right; */
    text-align: center;
    margin: 0 auto;
    padding-top: 50px;
}
.video_text .tit_division{width:100%; margin:0 0 5px 0; font-size:2em; color:#888c8b;}
.video_text .tit{margin:0 0 50px 0; font-size:2em; color:#aa234c;}
.video_text .tit_img{width:100%; margin:0 0 40px 0;}
.video_text .txt{font-weight:bold; font-size:18px; color:#111; line-height: 28px; letter-spacing: -1px;}
.video01 video{ width: 924px; height:560px; padding:0; margin:0; 	background:#000;}
.video01 iframe{ width: 924px; height:560px; padding:0; margin:0; 	background:#000;}


/* tab_menu */
.mb70{margin-bottom:70px;}

.tab_menu_area {position: relative; height:48px; margin-bottom: 30px;}
.tab_menu_area .tab_menu li {float: left; margin: 0 0 20px 0; border-bottom: 1px solid #d2d2d2;}
.tab_menu_area .tab_menu li a {position: relative; text-align: center;}
.tab_menu_area .tab_menu li a:link,
.tab_menu_area .tab_menu li a:visited {display: inline-block; font-size: 18px; line-height: 18px; font-weight: bold; padding: 12px 30px 10px; text-decoration: none; color: #434343; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; height:40px;}
.tab_menu_area .tab_menu li.t2 a:link,
.tab_menu_area .tab_menu li.t2 a:visited {padding: 12px 30px 10px;}
.tab_menu_area .tab_menu li:first-child a:link,
.tab_menu_area .tab_menu li:first-child a:visited {	border-left: 1px solid #d2d2d2;}
.tab_menu_area .bL {	border-left: 1px solid #d2d2d2;}
.BL .tab_menu_area .tab_menu li a:link.active,
.BL .tab_menu_area .tab_menu li a:visited.active,
.BL .tab_menu_area .tab_menu li a:hover {color: #fff; background:#0397d7;}

.tab_menu_area .tab_menu li a:link.active .ico_arrow,
.tab_menu_area .tab_menu li a:visited.active .ico_arrow,
.tab_menu_area .tab_menu li a:hover .ico_arrow {position: absolute; z-index: 100;}
.BL .tab_menu_area .tab_menu li a:link.active .ico_arrow,
.BL .tab_menu_area .tab_menu li a:visited.active .ico_arrow,
.BL .tab_menu_area .tab_menu li a:hover .ico_arrow {background-position: 0 -8px;}

#tab_menu_area {/*padding-left: 90px;*/ padding:30px 15% 30px 15%; margin:0 auto; width:100%;}

#tab_menu_area ul {zoom:1;}
#tab_menu_area ul:after {display:block;visibility:hidden;clear:both;content:""}
#tab_menu_area li {display:inline-block;margin: 0 2px 10px 2px; width: calc(32.3% - 4px);}
#tab_menu_area a {display:block;font-size:15px;line-height:50px;padding:0 10px;min-width:112px;color:#e04641;text-align: center;border:1px solid #e04641; letter-spacing: -1px; margin:0 0 25px 0;}
#tab_menu_area a:focus, #tab_menu_area a:hover, #tab_menu_area a:active {text-decoration:none;background:#e04641;color:#fff;}
#tab_menu_area #tab_menu_on {background:#e04641;color:#fff;}


/*tab*/
		.tab_container {width:100%;   }
		.tab_menu_lay {width:1920px; margin:0 auto;}
		.tab_menu { width:1561px; margin:0 auto; justify-content:center; text-align:center;  background-color:#fff;}
		.tab_menu ul {width:1083px;  margin:0 auto;}
		.tab {list-style: none;	margin: 0; padding: 0;	overflow: hidden; display:flex; justify-content : center;}
		.t02 li {width:50%;}
		.t03 li {width:33.3%;}
		.t04 li {width:25%;}
		.t05 li {width:20%;}
		.tab li {border-top:1px solid #e04641; border-left:1px solid #e04641; border-bottom:1px solid #e04641; cursor: pointer;}
		.tab li:first-child {border-radius: 50px 0px 0px 50px }
		.tab li:last-child {border-right:1px solid #e04641; border-radius: 0px 0px 25px 0px }
		/* Style the links inside the list items */
		.tab li {display:block; color: #e04641; text-align: center; text-decoration: none; padding: 12px 0px;	font-size: 21px; background:#fff}
		.tab li:first-child a{border-radius: 50px 0px 0px 50px }
		.tab li:last-child a{border-radius: 0px 0px 25px 0px }
		/* Style the tab content */
		.tabcontent {display: none; width:100%; margin:0 auto; }

		ul.tab li.current {background-color:#e04641; color: #fff;	font-weight:bold;}
		ul.tab li.current01 {background-color:#e04641; color: #fff;	font-weight:bold;}
		.tabcontent {display: none; width:100%; margin:0 auto; }
		.tabcontent.current {display: block; text-align:center }
		.tabcontent.current01 {display: block;  text-align:center}

		.tab01 {list-style: none;	margin: 0; padding: 0;	overflow: hidden; display:flex; justify-content : center;}
		.tab01 li {border-top:1px solid #e04641; border-left:1px solid #e04641; border-bottom:1px solid #e04641; cursor: pointer;}
		.tab01 li:first-child {border-radius: 50px 0px 0px 50px }
		.tab01 li:last-child {border-right:1px solid #e04641; border-radius: 0px 0px 25px 0px }
		/* Style the links inside the list items */
		.tab01 li {display:block; color: #e04641; text-align: center; text-decoration: none; padding: 12px 0px;	font-size: 21px; background:#fff}
		.tab01 li:first-child a{border-radius: 50px 0px 0px 50px }
		.tab01 li:last-child a{border-radius: 0px 0px 25px 0px }
		ul.tab01 li.current {background-color:#e04641; color: #fff;	font-weight:bold;}
		ul.tab01 li.current01 {background-color:#e04641; color: #fff;	font-weight:bold;}

		.tabcontent01 {display: none; width:100%; margin:0 auto; }
		.tabcontent01.current {display: block; text-align:center }
		.tabcontent01.current01 {display: block;  text-align:center}

/*tab*/
@media (max-width: 600px){
		.tab_container {width:100%;   background-color: rgba( 255, 255, 255, 0 );  }
		.tab_menu_lay {width:100%; margin:0 auto; background-color: rgba( 255, 255, 255, 0 );}
		.tab_menu { width:100%; margin:0 auto; justify-content:center; text-align:center; background-color: rgba( 255, 255, 255, 0 );  padding-top:30px; }
		.tab_menu ul {width:98%;  margin:0 auto; background-color: rgba( 255, 255, 255, 0 );}
		.tab {list-style: none;	margin: 0; padding: 0;	overflow: hidden; display:flex; justify-content : center;}
		.t02 li {width:50%;}
		.t03 li {width:33.3%;}
		.t04 li {width:25%;}
		.t05 li {width:20%;}
		.tab li {border-top:1px solid #e04641; border-left:1px solid #e04641; border-bottom:1px solid #e04641; cursor: pointer;}
		.tab li:first-child {border-radius: 50px 0px 0px 50px }
		.tab li:last-child {border-right:1px solid #e04641; border-radius: 0px 0px 25px 0px }
		/* Style the links inside the list items */
		.tab li {display:block; color: #e04641; text-align: center; text-decoration: none; padding: 6px 0px; background-color: rgba( 255, 255, 255, 0 );	font-size: 11px; }
		.tab li:first-child a{border-radius: 50px 0px 0px 50px }
		.tab li:last-child a{border-radius: 0px 0px 25px 0px }
		/* Style the tab content */
		.tabcontent {display: none; width:100%; margin:0 auto; }

		ul.tab li.current {background-color:#e04641; color: #fff;	font-weight:bold;}
		.tabcontent.current {display: block; }
		.tabcontent.current01 {display: block; }
		ul.tab01 li.current {background-color:#e04641; color: #fff;	font-weight:bold;}
		.tab01 {list-style: none;	margin: 0; padding: 0;	overflow: hidden; display:flex; justify-content : center;}
		.tab01 li {border-top:1px solid #e04641; border-left:1px solid #e04641; border-bottom:1px solid #e04641; cursor: pointer;}
		.tab01 li:first-child {border-radius: 50px 0px 0px 50px }
		.tab01 li:last-child {border-right:1px solid #e04641; border-radius: 0px 0px 25px 0px }
		/* Style the links inside the list items */
		.tab01 li {display:block; color: #e04641; text-align: center; text-decoration: none; padding: 6px 0px; background-color: rgba( 255, 255, 255, 0 );	font-size: 11px; }
		.tab01 li:first-child a{border-radius: 50px 0px 0px 50px }
		.tab01 li:last-child a{border-radius: 0px 0px 25px 0px }


		.tabcontent01 {display: none; width:100%; margin:0 auto; }
		.tabcontent01.current {display: block; text-align:center }
		.tabcontent01.current01 {display: block;  text-align:center}
}


/*컨텐츠 중간 버튼*/
.link_btn{width: 100%; background-color: #eaeaea;}
.link_btn ul { text-align:center; background-color: #e04641; max-width: 1500px; width: 100%; margin: 0 auto; border-radius: 20px 20px 0 0;}
.link_btn li {display:inline-block;background:#fff; width:150px; height:40px;text-align:center; border-radius:25px 0px 30px 25px; margin:15px 7px; }
.link_btn li a {color:#e04641;   display: block; font-size:14px; font-weight:bold; line-height:40px;  }


/*.ka_map {padding-top:120px;}*/


@media (min-width: 680px){
.pc_none {display:none}
}

.on_top {width:100%; height:496px; background:url('../../../img/on_top.jpg') no-repeat; background-position:center center; }

.qa_top {width:100%; height:496px; background:url('../../../img/qa_top.jpg') no-repeat; background-position:center center; }
.mo_top {width:100%;  height:496px;  background:url('../../../img/pc_mo_top.jpg') no-repeat; background-position:center center;}



/*진료*/
.user_info_top{background-color: #f8f8f8; padding:80px 0px;}

.user_info_layer{width:1200px; max-width: 100%; margin: 0px auto;position: relative;}
.user_info_layer .online_left_btn{position: absolute; top:0px; right:0px;;border:1px solid #666; font-weight: bold; font-size: 17px;padding:15px 20px; display: inline-block;text-align: center;background: #fff;}
.u_info_title{display: block; font-size: 30px;font-weight: bold;margin-bottom: 40px;}
.user_info_box{display: table; width:100%;}
.user_info_box>div{display: table-cell; vertical-align: top;width:50%;}
.user_info_left>div{display: table; width:100%;margin-bottom: 20px;}
.user_info_left>div>span{display: table-cell;vertical-align: middle;}
.user_info_left>div>span:first-child{width:85px; font-size: 18px; font-weight: bold;}
.user_info_left>div>span .frm_input{border:2px solid #e04641; background-color: #f8f8f8;width:257px; height: 30px;font-size:18px;}
.user_info_sex{padding-left: 110px;}
.user_info_sex .radio_btn{font-size:18px;font-weight: bold;}
.user_info_sex .radio_btn .checkmark{border-radius: 0px; border:2px solid #e04641; background-color: #f6f4f0; width:20px; height: 20px; }
.user_info_sex .radio_btn .checkmark:after{left:6px;top: 2px;border-radius:0px; border: solid #e04641; border-width: 0 2px 2px 0; }
.user_info_sex .radio_btn input:checked ~ .checkmark{background-color: #f6f4f0; }

.user_info_right>div{display: table; width:100%;margin-bottom: 20px;font-size: 0px;}
.user_info_right>div>span{display: table-cell;vertical-align: middle;font-size:18px;font-weight: bold;}
.user_info_right>div>span:first-child{width:85px; font-size: 18px; font-weight: bold;}
.user_info_right>div>span .frm_input{border:2px solid #e04641; background-color: #f8f8f8;height: 30px;width:75px;margin-left: 7px;}
.user_info_hp select{border:2px solid #e04641; height: 30px; background: url(../img/select_user.png) no-repeat 97% 50% #f8f8f8;width:85px; padding: 0 5px 0 5px;}
.user_info_hp button{width:83px; height: 30px; color: #fff; background-color: #e04641;border:0px; font-size:14px;}
.user_info_right>div>span .frm_input.certification_input{width:346px;margin-left: 0px;}
.online_bg_dev{width:1200px; max-width: 100%; margin:0px auto;}
.online_date_box{margin-top: 65px;}
.onlline_title_box{font-size:30px; font-weight: bold; display: block;}
.online_date_layer{display: table; width:100%;margin-top:35px;}
.online_date_layer>div{display: table-cell; vertical-align: top; width:50%;}
.online_date_layer .datepicker{border:3px solid #e04641;width:460px;padding:30px 20px;}
.online_date_layer .datepicker .ui-datepicker-header{text-align: center;position: relative;color:#e04641; font-size:22px;margin-bottom: 45px;}
.online_date_layer .datepicker .ui-datepicker-header>a{display: block; position: absolute;cursor: pointer;top:3px;font-size:0px;width:12px; height: 18px;background-size: 100%; background-repeat: no-repeat; background-position: center;}
.online_date_layer .datepicker .ui-datepicker-next{background-image: url('../img/date_right.png'); margin-left:70px;    left: 70%;}
.online_date_layer .datepicker .ui-datepicker-prev{background-image: url('../img/date_left.png'); margin-right: 70px;right:70%;}
.online_date_layer .datepicker .ui-datepicker-calendar{width:100%;font-size:14px;}
.online_date_layer .datepicker .ui-datepicker-calendar tbody{text-align: center;}
.online_date_layer .datepicker .ui-datepicker-calendar tbody td{padding:5px;}
.online_date_layer .ui-datepicker-calendar tbody td.ui-state-disabled{color:#c4c4c4;}
.online_date_layer .ui-datepicker-calendar tbody td.ui-datepicker-current-day a{color:#e04641;}


.online_date_input{font-size:0px;margin-bottom: 20px;}
.online_date_input strong{display: inline-block; color: #e04641; font-size: 12px; font-weight: bold;width:160px; line-height: 36px; }
.online_date_input .frm_input{width:140px; border:2px solid #e04641;height: 36px;vertical-align: top;border-radius: 0px; font-size: 16px;margin-right: 20px;text-align: center;}
.online_date_time_box{font-size:0px;}
.online_date_time_box .chk_btn{font-size: 18px;width:140px; line-height: 38px; background-color: #f6f4f0;padding:0px;margin-right:20px; margin-bottom: 10px;text-align: center;}
.online_date_time_box .chk_btn.active{background-color: #e04641; color: #fff;}
.online_date_time_box .chk_btn .checkmark{display: none;}
.online_date_time_box .chk_btn.time_off{background-color: #f2f2f2;color: #939393;cursor: not-allowed;}

.online_delay_txt{margin-top:70px;margin-bottom: 100px; max-width: 100%;}
.online_delay_txt>strong{font-weight: bold; font-size: 24px; display: block; margin-bottom: 25px;}
.online_delay_txt>p{font-size: 18px; display: block;margin-bottom: 15px;}
.online_delay_txt>p>b{font-weight: normal; color: #e04641; }
.online_delay_txt>span{font-weight: bold; font-size: 15px; color: #e04641;}

.online_chk_layer{display: table; width:100%;}
.online_chk_layer>div{display: table-cell; width:50%;vertical-align: top;font-size:0px;}
.online_chk_layer>div>strong{font-size:30px; display: block; margin-bottom: 35px;}
.online_chk_layer>div .chk_btn{line-height: 38px;font-size:18px; background-color: #f6f4f0;padding:0px 10px;margin-right:10px; margin-bottom: 15px;text-align: center;font-weight: bold;}
.online_chk_layer>div .chk_btn .checkmark{display: none;}
.online_chk_layer>div .chk_btn.active{background-color: #e04641; color: #fff;}

.online_textarea{margin-top:25px;}
.online_textarea #wr_content{width:100%; border:2px solid #e04641;margin-top:45px;padding:20px;height:170px;resize: none;font-size:18px;}

.online_doctor{margin-top:50px;}
.online_sel_doctor{margin-top:40px;margin-bottom: 25px;}
.online_sel_doctor>span{display: inline-block; width:90px; line-height: 48px;font-size:24px; font-weight: bold;}
.online_sel_doctor>select{border:2px solid #e04641;vertical-align: top; font-size:18px;font-weight: bold;  background: url(../img/select_user.png) no-repeat 97% 50% #fff;width:365px;height: 48px;}
.online_doctor>p{color: #e04641; font-size: 18px; font-weight: bold;}

.online_doctor_schedule{margin-top:40px; }
.online_doctor_schedule_layer{margin-top:45px;display: table;width:100%;}
.online_doctor_schedule_layer>div{display: table-cell; width:50%;}
.online_doctor_schedule_left{border-top:2px solid #e04641;padding-top:38px;}
.online_doctor_schedule_left>div{margin-top:0;font-size:24px; font-weight: bold; height: 64px; line-height: 64px;}
.online_doctor_schedule_left>div>span{margin-left: 25px; color: #e04641; font-size: 18px;}
.online_doctor_schedule_layer>div.online_doctor_schedule_right{vertical-align: top;padding-left:30px;}
.online_doctor_schedule_layer>div.online_doctor_schedule_right table{width:100%; border-spacing: 0; border-collapse: collapse;}
.online_doctor_schedule_layer>div.online_doctor_schedule_right thead th{color: #e04641; font-size:18px;text-align: center;}
.online_doctor_schedule_layer>div.online_doctor_schedule_right tbody td{height:64px;text-align: center;}

.online_doctor_schedule_txt{font-size: 18px; line-height: 30px; color: #e04641;font-weight: bold;position: relative;margin-top:55px;}
.online_doctor_schedule_txt .am_pm_icon{position: absolute; right: 0px; top:-30px; width:80px; height: 60px; background-image: url('../img/am_pm_icon2.png'); background-size: 100%; background-repeat: no-repeat; }

.online_tip_txt{margin-top:70px;}
.online_tip_txt ul{border:2px solid #e04641; font-size: 0px;padding:40px 0px 45px 50px;margin-top:40px;}
.online_tip_txt ul li{font-size: 18px; margin-bottom: 20px;font-weight: bold;}
.online_tip_txt ul li>b{color: #e04641; }
.online_tip_txt ul li:last-child{padding-top: 30px;margin-bottom: 0px;}

.online_agree_box{margin-top:90px;margin-bottom: 50px;}
.online_agree_box ul{font-size:0px;margin-top:40px;padding:50px;background-color: #f5f5f5;}
.online_agree_box ul>li{margin-bottom: 20px;}
.online_agree_box ul>li .add_pop_view{color:#494949; font-size:16px; border:0px; background-color:transparent;margin-left: 35px; margin-top:3px;outline: none;}

.online_agree_box .chk_btn{padding-top:0px;font-weight: bold; font-size: 18px;display: block;}
.online_agree_box .chk_btn .checkmark{width:20px; height:20px;border:2px solid #e04641;background-color: #f6f4f0;}
.online_agree_box .chk_btn .checkmark:after{left:6px; top:2px;}
.online_agree_box .send_reservation{width:100%; background-color: #e04641; color: #fff;font-size: 30px; font-weight: bold; height: 60px;border:0px;}

@media screen and (max-width : 1220px) {
    .user_info_layer{padding: 0 20px;}
    .online_bg_dev{padding: 0 20px;}
    .u_info_title{font-size: 22px;}
    .onlline_title_box{font-size: 22px;}
    .online_chk_layer>div>strong{font-size: 22px;}

    .online_delay_txt>strong{font-size: 20px; margin-bottom: 15px;}
    .online_delay_txt>p{font-size: 17px;}
    .online_delay_txt>span{font-size: 14px;}

    .online_sel_doctor>span{font-size: 20px;}

    .user_info_layer .online_left_btn{font-size: 15px; padding: 8px 20px;}

    .user_info_left>div>span:first-child,
    .user_info_right>div>span:first-child{width: 70px;}

    .user_info_right>div>span .frm_input,
    .user_info_hp select,
    .user_info_sex .radio_btn,
    .user_info_left>div>span:first-child,
    .user_info_right>div>span:first-child{font-size: 15px;}

    .online_date_layer>div{display: inline-block;}
    .online_date_time_box .chk_btn{font-size: 15px; width: calc(33.3333% - 20px);}
    .online_date_input strong{font-size: 18px; width: 120px;}
    .online_date_layer .datepicker .ui-datepicker-calendar{font-size: 20px;}
    .online_date_layer .datepicker .ui-datepicker-header{font-size: 19px;}

    .online_chk_layer>div .chk_btn{font-size: 15px;}

    .online_textarea #wr_content{font-size: 15px;}

    .online_sel_doctor>select{font-size: 15px;}

    .online_doctor_schedule_layer{border-top: 2px solid #e04641;}
    .online_doctor_schedule_left{border-top: 0;}
    .online_doctor_schedule_left>div{font-size: 18px; line-height: normal;}
    .online_doctor_schedule_left>div>span{font-size: 13px; margin-left: 0px; display: block; font-weight: 300;}

    .online_doctor_schedule_layer>div{display: inline-block;}
    .online_doctor_schedule_layer>div:nth-child(1){width: 20%;}
    .online_doctor_schedule_layer>div:nth-child(2){width: 80%;}
    .online_doctor_schedule_layer>div.online_doctor_schedule_right thead th{font-size: 20px;}

    .online_doctor_schedule_txt{font-size: 15px;}

    .online_tip_txt ul{padding: 30px 20px;}
    .online_tip_txt ul li{font-size: 15px;}

    .online_agree_box .chk_btn .checkmark{width: 14px; height: 14px; top: 4px;}
    .online_agree_box .chk_btn{font-size: 15px; padding-left: 22px;}
    .online_agree_box ul>li .add_pop_view{font-size: 14px; margin-left: 22px;}

    .online_agree_box .send_reservation{font-size: 24px;}

    .online_agree_box .chk_btn .checkmark:after{left:3px; top:0px;}
}
@media screen and (max-width : 1000px) {
    .user_info_box>div{width: 100%; display: block;}
    .user_info_right>div>span .frm_input.certification_input,
    .user_info_left>div>span .frm_input{width: 100%;}
    .user_info_sex{padding-left: 0;}

    .user_info_right>div>span .frm_input{width: calc(33% - 40px);}
    .user_info_hp select{width: calc(33% - 30px);}

    .online_date_layer>div{width: 100%; display: block;}
    .online_date_layer .datepicker{width: 100%; margin-bottom: 20px;}

    .online_date_input .frm_input{width: calc(50% - 80px); font-size: 14px;}

    .online_date_layer{margin-top: 15px;}
    .u_info_title{margin-bottom: 15px;}
    .online_chk_layer>div>strong{margin-bottom: 15px;}
    .online_textarea #wr_content{margin-top: 15px;}
    .online_sel_doctor{margin-top: 15px;}
    .online_doctor>p{font-size: 14px;}

    .online_sel_doctor{margin-bottom: 10px;}

    .online_doctor_schedule_layer{margin-top: 15px;}
    
    .online_doctor_schedule_layer>div.online_doctor_schedule_right tbody td img{width: 20px;}

    .online_tip_txt ul{margin-top: 15px;}

    .online_agree_box ul{margin-top: 15px; padding: 30px 20px;}
}
@media screen and (max-width : 768px) {
    .u_info_title{font-size: 17px;}
    .onlline_title_box{font-size: 17px;}
    .online_chk_layer>div>strong{font-size: 17px;}

    .online_delay_txt>strong{font-size: 16px;}
    .online_delay_txt>p{font-size: 15px; margin-bottom: 10px;}
    .online_delay_txt>span{font-size: 12px;}

    .user_info_layer .online_left_btn{font-size: 13px; padding: 5px 10px;}

    .online_sel_doctor>span{font-size: 16px;}
    
    .user_info_left>div>span:first-child,
    .user_info_right>div>span:first-child{width: 52px;}
    
    .user_info_right>div>span .frm_input{width: calc(33% - 33px);}
    .user_info_hp select{width: calc(33% - 24px);}
    .user_info_hp button{width: 65px; font-size: 10px;}

    .user_info_right>div>span .frm_input,
    .user_info_hp select,
    .user_info_sex .radio_btn,
    .user_info_left>div>span:first-child,
    .user_info_right>div>span:first-child{font-size: 12px;}

    .online_date_time_box .chk_btn{font-size: 13px;}
    .online_date_input strong{font-size: 16px;}
    .online_date_layer .datepicker .ui-datepicker-calendar{font-size: 15px;}
    .online_date_layer .datepicker .ui-datepicker-header{font-size: 17px;}

    .online_date_input .frm_input{font-size: 13px;}
    .online_delay_txt{margin-top: 30px;}

    .online_chk_layer>div .chk_btn{font-size: 13px;}
    .online_chk_layer>div{display: block; width: 100%;}

    .online_textarea #wr_content{font-size: 13px;}

    .online_sel_doctor>select{font-size: 13px;}
    .online_doctor>p{font-size: 12px;}

    .online_doctor_schedule_left>div{font-size: 15px;}
    .online_doctor_schedule_left>div>span{font-size: 11px; white-space: nowrap;}
    .online_doctor_schedule_layer>div.online_doctor_schedule_right thead th{font-size: 15px;}

    .online_doctor_schedule_txt{font-size: 13px; line-height: 25px; margin-top: 20px;}

    .online_tip_txt ul li{font-size: 13px; font-weight: 400;}

    .online_agree_box .chk_btn{font-size: 13px;}
    .online_agree_box ul>li .add_pop_view{font-size: 12px;}

    .online_agree_box .send_reservation{font-size: 17px;}
}
@media screen and (max-width : 550px){
    .online_date_input strong{width: 100%;}
    .online_date_input .frm_input{width: calc(50% - 20px);}
    .online_date_time_box .chk_btn{font-size: 13px; width: calc(50% - 20px);}

    .online_chk_layer>div .chk_btn{width: calc(50% - 20px);}
}

  /* [toolbar] */
  #toolbar {display:flex;justify-content:space-between;align-items:center;position:fixed;left:0;bottom:0;z-index:107;width:100%;height:51px;padding:0 35px;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow: 0 -1px 16px rgba(0,0,0,.1); transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1); background:rgba(0,0,0,.784); backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px);}
  #toolbar.down {bottom: -55px;}
  #toolbar .tool_mn {width:25%; text-align:center; position:relative;}
  #toolbar .tool_mn.mn3 .num {position:absolute;left:15px;top:-15px;min-width:6px;height:15px;padding: 1px 5px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(to left, #bf7b46, #dda478);border-radius:8px;word-break:keep-all;}
  #floating {position:absolute;right:20px;bottom:140px;z-index:200;height:45px;transition:height .3s, bottom .3s;}
  #floating .blind, #floating .hide {overflow:hidden;visibility:hidden;position:absolute;left:-5000px;top:-5000px;width:0;height:0;font-size:0;line-height:0;opacity:0;}
  #floating.compair_add {bottom:130px; transition: all .3s;}
  #floating.out {display: none;}
  #floating button {display:block;width:50px;height:50px;}
  #floating .btn_float {background:url('../img/floating_open.png') no-repeat 0 0 / cover;}
  #floating .btn_top {background:url('/img_up/shop_pds/banobagi/design/images/floating/pageTop.png') no-repeat 0 0 / cover;transition:.3s cubic-bezier(0.37, 0.82, 0.77, 1.12);transform-origin:center center;transform:scale(0);transition-property:transform;}
  #floating .f_menu {overflow:hidden;position:absolute;right:0px;bottom:45px;width:205px;height:0;transition:bottom .3s ease;}
  #floating .f_menu .item {position:absolute;bottom:-80px; margin-bottom:6px;transition:all .3s ease;opacity:0;}
  #floating .f_menu .item.it1 {transition-delay:.2s;}
  #floating .f_menu .item.it2 {transition-delay:.3s;}
  #floating .f_menu .item.it3 {transition-delay:.4s;}
/*  #floating .f_menu .item.kakao {background:#fff url('/img_up/shop_pds/banobagi/design/images/floating/floating_kakao.png') no-repeat 15px center/36px;}
  #floating .f_menu .item.call {background:#fff url('/img_up/shop_pds/banobagi/design/images/floating/floating_call.png') no-repeat 15px center/37px;}*/
/*  #floating .f_menu .item a {color:#90a0a6;}*/
/*  #floating .f_menu .item p {margin-bottom:5px;font-size:15px;font-weight: 700;color:#1b2529;}*/
  #floating.open .btn_float {background-image:url('../img/floating_close.png');}
  #floating.open .f_menu {height:142px;}
  #floating.open .f_menu .item {opacity:1;}
  #floating.open .f_menu .item.it1 {bottom:335px;transition-delay:.6s;}
  #floating.open .f_menu .item.it2 {bottom:270px;transition-delay:.5s;}
  #floating.open .f_menu .item.it3 {bottom:205px;transition-delay:.4s;}
  #floating.open .f_menu .item.it4 {bottom:140px;transition-delay:.3s;}
  #floating.open .f_menu .item.it5 {bottom:75px;transition-delay:.2s;}
  #floating.open .f_menu .item.it6 {bottom:10px;transition-delay:.1s;}

  #floating.view .btn_top {margin-top:6px;transform:scale(1);}
  #floating.view .f_menu {bottom:60px;}

  #toolbar {bottom:-55px;}
  @media (max-width:768px){
    #toolbar {display:flex; bottom:0;}
    #floating {display:block;}
  }

.mobile_footer_menu_top{position: fixed; width: 75%; bottom: 70px; left: 50%; transform: translateX(-50%); background: #00000080; color: #fff; font-size: 15px; border-radius: 20px; padding: 5px 15px; max-width: 95%; text-align: center; display: none; z-index: 9;}
  @media (max-width:1250px){
    .mobile_footer_menu_top{display: block; font-size: 12px; }
  }

/* fix 메뉴바 */
.right_fix_menu{width: 100px; height: 100%; background-color: #f1f1f1; border-left: 1px solid #ddd; box-sizing: border-box; position: fixed; right: 0; top: 0; z-index: 99999;}
.right_fix_menu ul.fix_menu{width: 100%; padding: 0 5px;}
.right_fix_menu ul.fix_menu > li{padding: 5px 0;}

/* 로그인/회원가입 */
.right_fix_menu ul.fix_menu > li ul{padding-bottom: 20px; margin-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ddd;}
.right_fix_menu ul.fix_menu > li ul li{padding-bottom: 10px;}
.right_fix_menu ul.fix_menu > li ul li:last-child{padding-bottom: 0;}
.right_fix_menu ul.fix_menu > li ul li a{font-size: 14px; font-weight: 500; text-align: center; color: #e04641;}

/* 아이콘 박스 */
.right_fix_menu ul.fix_menu > li {cursor: pointer; display: block; font-size: 14px; width: 100%; text-align: center; color: #666; transition: all 0.15s;}
.right_fix_menu ul.fix_menu > li .img_wrap{width: 55px; height: 55px; border-radius: 50% 0 50% 50%; background-color: transparent; border: 2px solid #ccc; display: flex; align-items: center; justify-content: center; margin: 0 auto; transition: all 0.15s;}
.right_fix_menu ul.fix_menu > li  img{display: inline-block; filter: grayscale(99%);}

.right_fix_menu ul.fix_menu > li:hover {color: #e04641;}
.right_fix_menu ul.fix_menu > li:hover .img_wrap{border: 2px solid #e04641;}
.right_fix_menu ul.fix_menu > li:hover img{filter: grayscale(0%);}

/* 진료시간 */
.right_fix_menu ul.fix_menu > li.time{margin-top: 10px; padding-top: 20px; border-top: 1px solid #ddd; box-sizing: border-box;}
.right_fix_menu ul.fix_menu > li.time p{font-size: 16px; font-weight: 600; color: #666; padding-bottom: 5px; text-align: center;}
.right_fix_menu ul.fix_menu > li.time b{font-size: 14px; font-weight: 500; color: #e04641; text-align: center; display: block;}
.right_fix_menu ul.fix_menu > li.time span{display: block; text-align: center; font-size: 16px; padding-bottom: 5px; font-weight: 300;}

li#top_btn {
	position: fixed;
    bottom: 0; right: 0;
    width: 100px;
    height: 60px;
    line-height: 50px;
    font-size: 18px;
    background:#e04641;
    color: #fff;
    border: none;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 90999;
	text-align: center;
}
li#top_btn i{font-weight: 200;}


.relative {position:relative; overflow: hidden; height: 20px;   top: -50px; }
.relative01 {position:relative; overflow: hidden;  }
.edge_slider {position:relative; overflow: hidden; height:481px}

.slider_text {position:absolute; bottom:30px; right:0px; animation: slider_text 400s infinite linear ;  transform: translateX(0px);  overflow: hidden;}
.slider_text01 {bottom:330px;} 
.edge_slider .slider_img {position:absolute; bottom:0px; right:0px; animation: slider_img 300s infinite linear ;  transform: translateX(0px)}

.slider_text img {height:16px !important; width:auto !important; max-width:revert !important;     opacity: 0.7;}
.edge_slider img {height:481px !important; width:auto !important; max-width:revert !important}

	@keyframes slider_img {
        0%{transform: translateX(0px);}
        100%{transform: translateX(8000px);}
	}



	@keyframes slider_text {
        0%{transform: translateX(0px);}
        100%{transform: translateX(8000px);}
	}


        .package_link{width: 100%; max-width: 1360px; margin: 0 auto 20px;}
        .package_link ul{display: flex;}
        .package_link ul li{margin-right: 15px;}
        .package_link ul li a{display: inline-block; padding: 10px 15px; background-color: #f7f8f8; border-bottom: 1px solid #e84549; box-sizing: border-box; color: #000; font-size: 17px; font-weight: 500;}
        .package_link ul li a span{color: #e84549;}

		.package_bg{width: 100%; background: url(../../../data/editor/2304/edge_package_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 150px 150px 100px; box-sizing: border-box;}
        .package_bg .pkg_wrap_ctt{ background-color: #fff; box-shadow: 2px 2px 4px #acacac; border-radius: 10px; padding: 40px 20px;}
        .package_bg .pkg_wrap_ctt .logo_mark{text-align: center;}
		.package_bg .pkg_wrap_ctt .logo_mark img{width: 100px !important;}
        .package_bg .pkg_wrap_ctt .pkg_tit{font-size: 35px; line-height: 50px; font-weight: bold; text-align: center; margin: 30px 0 40px;}
        .package_bg .pkg_wrap_ctt .pkg_tit span{font-size: 20px; line-height: 30px; font-weight: 300; color: #e84549; display: block;}
        .package_bg .pkg_wrap_ctt .pkg_img_ctt > img{width: 100%}

		.package_bg .pkg_wrap_ctt .pkg_img_ctt ul{margin: 15px 70px 40px; display: flex; flex-wrap: wrap;}
        .package_bg .pkg_wrap_ctt .pkg_img_ctt ul li{margin-right: 15px; margin-bottom: 5px;}
		.package_bg .pkg_wrap_ctt .pkg_img_ctt ul li:last-child{margin-right: 0px;}
        .package_bg .pkg_wrap_ctt .pkg_img_ctt ul li a{display: inline-block; padding: 10px 15px; background-color: #f7f8f8; border-bottom: 1px solid #e84549; box-sizing: border-box; color: #000; font-size: 17px; font-weight: 500;}
        .package_bg .pkg_wrap_ctt .pkg_img_ctt ul li a span{color: #e84549;}

		.package_bg .pkg_wrap_ctt .pkg_img_ctt ul.float_right{justify-content: flex-end;}
		.package_bg .bottom_w_logo{text-align: center;}
        .package_bg .bottom_w_logo img{width: 40px !important; margin-top: 50px;}

		.package_bg .pkg_wrap_ctt .pkg_img_ctt.three{display: flex; justify-content: space-around; margin: 50px 0 60px;}
		.package_bg .pkg_wrap_ctt .pkg_img_ctt.three a{width: 25%;}
		.package_bg .pkg_wrap_ctt .pkg_img_ctt.three a img{width: 100%;}


        .package_bg .pkg_wrap_ctt .pkg_img_ctt.thr_plus{display: flex; justify-content: center; margin: 50px 0 60px;  align-items: center;}
		.package_bg .pkg_wrap_ctt .pkg_img_ctt.thr_plus .plus{padding: 0 50px;}





.main_blog {background:url('../img/main/main_blog_bg_01.png') no-repeat #fafafa top; background-size:cover; height:860px; position: relative; overflow: hidden; padding-top:50px}
.main_blog .inner {position: relative;}
.main_blog ul li:first-child{float:left; padding-top:200px}
.main_blog ul li:last-child img{position: absolute;  right: -65px; z-index:1}
.main_blog .edge_title , .main_blog .edge_sub_title{text-align:left}
.main_blog .edge_title {margin:0px; line-height:60px}
.main_blog .edge_title:after {top: 115px;}
.main_blog .main_blog_bg {background:url('../img/main/main_blog_bg.png') no-repeat #e84549 left top ; position: absolute;  bottom:0px; width:100%; height:257px; left:calc(50vw - 710px); z-index:0; border-radius:40px 0px 0px}
.main_blog .main_blog_bg a {margin:20px 0px 0px 20px; display: block;}
.main_blog .inner {
    width: 100%;
    max-width: 1402px;
    min-width: 1402px;
    margin: 0 auto;
}

@media screen and (max-width : 1468px) {
    .main_blog .main_blog_bg{left: 20px;}
    .main_blog .inner{min-width: 450px;}
}
@media screen and (max-width : 1250px) {
    .main_blog .edge_title {line-height: 40px;}
    .main_blog .edge_title:after {top: 72px;}
    .main_blog ul li:last-child img{right: -0%; max-width: 60%; bottom: -880px;}
}
@media screen and (max-width : 900px){
    .main_blog {height: 600px;}
    .main_blog ul li:first-child{padding-top: 60px;}
    .main_blog ul li:last-child img{right: 3%; bottom: -615px; max-width: 55%;}
}