@charset "utf-8";
@import url(../fonts/fonts.css);
@import url("../S-Core-Dream-light/s-core-dream.css"); 

@font-face {
  font-family: "GmarketSans";
  font-weight: 300;
  src: url(./GmarketSansLight.woff2) format(woff);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 500;
  src: url(./GmarketSansMedium.woff2) format(woff);
}
@font-face {
  font-family: "GmarketSans";
  font-weight: 800;
  src: url(./GmarketSansBold.woff2) format(woff);
}

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.95em;font-family: "GmarketSans", sans-serif !important; background:#fff;height:100%}
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; word-break: keep-all}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:0.9em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:0.9em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family: "s-core-dream-light", sans-serif !important;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break: keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none; word-break: keep-all}

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

 *:focus { outline:none; }

#wrap { position:relative; margin:0; padding:0; }

/* 팝업레이어 */ 
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative;background:#333}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:10px 10px;height:56px;text-align:center}
#logo img{vertical-align:middle;max-height:100%;width:auto}

#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:45px;width:45px;border:0;background-size:70%;color:#333;background:none; font-size: 18px;; z-index:11}
#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4);
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}

#gnb a {display:block;}
.gnb_1dli{position:relative;line-height:40px;}
.gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d; text-decoration:none; color:#efefef}
.gnb_1da:focus { outline:none; text-decoration:none; color:#efefef}
.gnb_2dul {display:none; background:#c4a516; color:#efefef}
.gnb_2da {border-bottom:1px dotted #f3f3f3;background:url(../img/mobile/btn_next.png) no-repeat 25px 10px;padding-left:50px; color:#efefef}
#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%  
#222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#pc_sch { position: absolute; right: 120px; top: 5px;z-index: 9999; text-align:center;padding:0}
#pc_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#pc_sch form {position:relative;padding-right:40px;}
#pc_sch #sch_stx {width:120px;height:40px;background:#fff;padding-left:10px;border: #ece6e6 solid 1px; border-radius:3px 0 0 3px;color:#333}
#pc_sch #sch_submit {position:absolute;top:0;right:1px;width:40px;height:40px;border-radius:0 3px 3px 0;border: #ece6e6 solid 1px;cursor:pointer;color:#333;background:#fff;font-size:1.25em}

#hd_sch {text-align:center;padding:20px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}

#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em}
#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4);
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%  
#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

#hd_nb{margin:20px;}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a{display:block;color:#717171;padding:20px 0}
#hd_nb li i{font-size:20px;}
#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

.m_topbg { width: 100%; height: 80px; position: fixed; top: 0; left: 0; background: rgba(255,255,255,1); z-index: 99; border-bottom: #d8d8d8  solid 1px}
.logo_m { position:relative; max-width:80px; height:auto; margin:10px auto 0; z-index:10 }
.mainimage{width:100%; height:auto; position:relative; z-index:1; }

.subimgwrap { position:relative; width:100%; height:270px;  }
.s_text { width:70%; height:auto; position:absolute;   bottom: 30px;  right: 30px;   z-index:1; text-align: center }
.s_text02 { position:absolute; width:250px; height:auto;   bottom: 20px;  right: 2px;   z-index:1; text-align: center }
.s_text03 { position:absolute; width:250px; height:auto;  bottom: 20px;  right: 2px;   z-index:1; text-align: center }
.s_text04 { position:absolute; width:250px; height:auto;  bottom: 20px;   right: 2px;   z-index:1; text-align: center }		
.s_text05 { position:absolute; width:250px; height:auto;  bottom: 20px;  right: 2px;   z-index:1; text-align: center }

.subimg01{width:100%; height:270px; position:relative; background:url(../image/sub/subimg.jpg) no-repeat center center; z-index:1;}
.subimg02{width:100%; height:270px; position:relative; background:url(../image/sub/subimg03.jpg) no-repeat center center; background-size: cover;  z-index:1;}	
.subimg03{width:100%; height:270px; position:relative; background:url(../image/sub/subimg02.jpg) no-repeat center center; background-size: cover;  z-index:1;}	
.subimg04{width:100%; height:270px; position:relative; background:url(../image/sub/subimg04.jpg) no-repeat center center; background-size: cover;  z-index:1;}	



.idx_text { width:300px; height:88px; position:absolute;   top: 0;  left: 0; right:0; bottom:0;  margin:auto;  z-index:1000 }
.idxtop { position:absolute; width:50px; height:50px; right:2px; top:2px; z-index:15    }
.idxlogin { width:90px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5); padding:1px; border:0px solid #ddd; border-radius:25px; margin-bottom:10px; font-size:11px; color:#FFF }
.idxlogin a { color:#FFF }
.facwrap { position:relative; width:100%; height: auto; background: url(../image/index/idx_fac.jpg) repeat-x center top }
.fac { width:100%; height:auto; margin:0 auto; position:relative }
.f_text  a { display:block;  width:160px; position:absolute; left:50%; top:110px;  margin: 0 0 0 -40px;  font-size:20px; font-weight:bold; color:#FFF  }

.dropbtn_lang { display:block; position:absolute; right:5px; top:8px;
    background-color: #000;
    border: none; width:30px; height:30px;
    cursor: pointer; background:url(../image/index/btn_m01.png); background-size:30px 30px
}


.dropdown_lang{
    position:absolute; right:6px; width:46px; height:30px; z-index:10; text-align:center; top:6px
}

.dropdown-content {
    display: none;
    position: absolute; right:0px; top:40px;
    background: rgba(0,0,0,0.7); border-radius: 8px;
    z-index: 10;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

	.top_info {width: auto;  position: absolute; right: 5px; top: 0; z-index:6; }

	.global_tel {display: block; width: 20px; height: auto; position: absolute; top: 15px; right: 0; }
	.global_tel a { display: block;color: #FC0; font-size: 22px}



.show0 {display: block;}

.idxroom { max-width:160px; height:40px;  margin:20px auto 10px; position:relative }
.idxroom h1 { display:block; width:100%; position: relative; text-align:center; font-size:16px; font-weight:bold}

	.maintext {width: 70%; height: auto; position: absolute; top: 165px; left: 50%; margin: 0 0 0 -35%; z-index: 11}
	.mainkarma {display: none; width: 70%; height: auto; position: absolute; bottom: -80px; left: 50%; margin: 0 0 0 -35%; z-index: 11}

	.mainkar { width: 100%; height: auto; position: relative; margin: 30px auto 30px; overflow: hidden}
	.mainkar01 { width: 100%; height: auto; position: relative; float: none; background: url("../image/index/mainkar_01.jpg"); padding: 100px 0 100px; overflow: hidden}
	.mainkar02 { width: 100%; height: auto; position: relative; float: none; background: url("../image/index/mainkar_02.jpg"); padding: 100px 0 100px; overflow: hidden}	
	.mainkar03 { width: 100%; height: auto; position: relative; float: none; background: url("../image/index/mainkar_03.jpg"); padding: 100px 0 100px; overflow: hidden}
	.v_bar {display: none; width: 1px; height: 100px; position: absolute; left: 50%; top: 70px; margin: 0; z-index: 9; background: #fff}
	.mainkar01 h1 a { display: block; font-size: 20px; font-weight: 800; width: 100%; text-align: center; color: #fff}	
	.mainkar01 h3 a { display: block; font-size: 15px; font-weight: 500; width: 100%; text-align: center; margin-top: 20px; color: #fff}	
	.mainkar02 h1 a { display: block; font-size: 20px; font-weight: 800; width: 100%; text-align: center; color: #fff}	
	.mainkar02 h3 a { display: block; font-size: 15px; font-weight: 500; width: 100%; text-align: center; margin-top: 20px; color: #fff}		
	.mainkar03 h1 a { display: block; font-size: 20px; font-weight: 800; width: 100%; text-align: center; color: #fff}	
	.mainkar03 h3 a { display: block; font-size: 15px; font-weight: 500; width: 100%; text-align: center; margin-top: 20px; color: #fff}		

    .mainbbswrap { width: 100%; height: auto; position: relative; background: #f3f3f3; padding-top: 85px; border-bottom: 10px solid #a63e19; border-top: 10px solid #a63e19; background-size: cover; overflow: hidden}
    .mainbbs { width: 100%; height: inherit; position: relative; margin: 0 auto; padding: 20px }
    .mainbbs01 a { display: block; width: 100%; height: auto; float: none; border: solid 1px #737171; border-radius: 12px; padding: 40px; color: #000; font-weight: bold; font-size: 20px; margin-top: 50px; text-align: center; line-height: 2.3}
    .mainbbs02 a { display: block; width: 100%; height: auto; float: none; border: solid 1px #737171; border-radius: 12px; padding: 40px; color: #000; font-weight: bold; margin-left: 0; font-size: 20px; margin-top: 20px; text-align: center; line-height: 2.3}   
    .mainbbs03 { display: block; width: 100%; height: auto; float:none; border: solid 1px #737171; border-radius: 12px; padding: 40px; color: #000; font-weight: bold; margin-left: 0; font-size: 20px; margin-top: 20px; text-align: center; line-height: 1.6 }     

    .mainbbstel { color: #efb1ae; font-size: 20px}
    .main_title_big { font-size: 30px; font-weight: bold; color:#08491e}
    .mainbbs p { font-size: 16px; text-align: center; font-weight: 400; color: #000; line-height: 1.6; word-break: keep-all}
    .mainbbstel { display: block; color: #08491e; font-size: 18px; font-weight: bold; margin-bottom: 5px}    
    .mainicon { font-size: 50px; color: #08491e; font-weight: bold}
    .ptext { line-height: 1.3; font-size: 15px}



.bbswrap { width:100%; height:auto; background:url(../image/index/bbswrap.jpg) repeat ; color:#FFF; position:relative;   }
.bbs { width:100%; height:inherit; margin:0 auto; padding-top:20px; position:relative }
.idxevent { width:100%; height:auto; float: none  }
.idxevent .eventtext {display:block; width:80px; position: relative; left:50%; margin:0 0 0 -40px;   font-size:18px; color:#000; font-weight:bold; padding:15px 0}
.idxtel { max-width:100%; height:auto; float:none;  }

.subhead01 { width:100%; height:auto; padding:40px 0; }
.subhead01text { text-align:center; padding-bottom:15px; }
.subhead01text h1 { color:#000; font-weight:bold; font-size:28px;padding-top:15px; }

.idxsubtitle { margin:30px auto 10px }
.idxsubtitle  h1 {  font-size:25px; color:#000;  font-weight:bold; text-align:center}
.idxsubtitle  h3 {  text-align:center; font-size:14px; font-weight:100 }

.sub01wrap { width:100%; height:auto; background:url(../image/sub/s0101_bg.jpg) center  top no-repeat; position:relative}
.sub01 { color:#000; width:100%; text-align:center; line-height:20px; font-size:18px; padding: 200px 5px 0; margin:0 auto; }
.sub01 .sub_b  { color:#cba56b; }
.sub01_s {  color:#686868; width:100%; text-align:center; line-height:20px; font-size:13px; padding:55px 5px 0; margin:0 auto}


.nsubmenuwrapall {width:100%; height:40px;  position:relative; background:#fff; border: 1px solid #dddddd  }
.nsubmenu { width:100%; margin:-1px auto 0;   position:relative;}
.nsubmenuwrap { position: relative; height:40px; }
.nsubmenuwrap ul { margin:0; padding:0  }
.ngnbmenu { display:block;  width:47%; height:40px; float:left; line-height:40px; text-align:left; margin-right:-1px; position:relative;}
.ngnbmenu ul { padding:0;}
.gr_path { width:auto; height:40px;  }
.bo_path { width:auto; height:40px }


#gr_path { width:100%;   position:absolute; left:0; top:40px; z-index:3;  box-sizing:border-box; }
#bo_path {  width:100%;   position:absolute; left:0; top:40px; z-index:3;  box-sizing:border-box;border-left:solid 1px #678fb2;border-bottom:solid 1px #678fb2}
.i_home  { display:block;width:5%; float:left;  text-align:center;  height:40px; line-height:40px; text-align:center; font-size:14px;}
.i_home a { color:#000; display:block; text-align:center;  border-right:solid 1px #dddddd;}
.home_path  { display:block; width:5%; height:40px; line-height:40px; text-align:center; font-size:14px;  margin:0 auto   }

.nsubmenuwrap li.ngnbmenu { border-right:solid 0px #debf94 }
.nsubmenuwrap li.ngnbmenu > a {display:block;  padding-left:25px; font-size:12px; color:#000;   position:relative; z-index:3; border-right:solid 1px #dddddd; box-sizing:border-box; text-decoration:none; cursor:pointer}
.i_icon { position:absolute; height:39px; width: auto; right:10px; top:0; line-height:39px;  text-align:center; padding-left:10px; padding-top:10px; color:#000; border-right:solid 0px debf94 }
.nsubmenuwrap li.ngnbmenu:last-child > a  { display:block; width:100%; top:1px; height:39px;   padding-left:25px;  font-size:12px;  position:relative;  box-sizing:border-box; text-decoration:none; cursor:pointer; border-left:solid 1px ##dddddd; color: #ec635e }



.de_menu {background:#efefef; display:none; border:solid 1px #fefefe; }
.de_menu li { height:40px; line-height:40px;border-bottom:solid 1px #fefefe; list-style: none; color:#333}
.de_menu li:last-child {border-bottom:solid 0px #fefefe;}
.de_menu li:hover { background:#fff; list-style-type:none }
.de_menu li a { display:block; color:#333; font-size:12px; padding:0 ; text-indent:25px; box-sizing:border-box;text-decoration:none}
.de_menu li a:hover { color:#333 ;text-decoration:none}

.idx_air { width:100%; height:auto; background:url(../image/index/idx_air3.jpg) center top repeat; position:relative}

	.infowrap {width: 100%; height: 100%; background: url("../image/index/bbs_bg.jpg") center top repeat-x; background-size: cover; position: relative}
	.info {width: 100%; height: 100%; margin:0; position: relative; padding: 0 10px}

	.ksbbswrap {width: 100%; height: auto; background: url("../image/index/ksbbs_bg.jpg") no-repeat center top; background-size: cover; position: relative; padding: 30px 0 }	
	.ksbbs {width: 100%; height: inherit; position: relative; margin: 0 auto}
	.ksbbs01 {width: 100%; height: inherit; float: none; margin-left: 0; padding-top: 50px }
	.ksbbs02 { width: 100%; height: inherit; float:none; margin-left: 0}
	.ksbbbs0201 {width: 100%; height: 170px; position: relative; padding: 50px 10px 0}
	.ksbbbs0202 {width: 100%; height: 130px; position: relative; margin-top:  100px}



	.btn_sns {width: 50px; height: 50px; padding: 0; margin-left: 10px; }	



.main01wrap { width: 100%; height: auto; background: #e5e5e5 url("../image/index/main_clinic_bg.png") no-repeat 100px center; position: relative; margin: 30px 0 }	
.main01 { width: 100%; height: auto; margin: 0 auto; position: relative}	
.main_imp {width: 100%; height: auto; float: none; margin-top: 10px}	
.main_kyo {width: 100%; height: auto; float: none; margin-left: 0; margin-top: 10px}	
.main_child {width: 100%; height: auto; float: left; margin-left: 0; margin-top: 10px}	

.idx_05wrap {width: 100%; height: auto;  position: relative; padding: 30px 0; margin: 0;background: url("../image/index/item_mbg.jpg") no-repeat left center;  background-size: cover}
.idx_05 {width: 100%; height: auto;  position: relative}
.idx_05title { width: 100%; text-align: center; margin: 30px 0; font-size: 30px; font-weight: bold; color: #3f3a39}

	.idx_eonmwrap {width: 100%; height: 650px; background: url("../image/index/idx_biz_mbg.jpg") no-repeat left top; background-size: cover; position: relative; padding: 2px 0}
	.idx_eonm {width: 100%; height: auto; position: relative; margin: 0 auto}
	.eonmp {font-size: 15px; padding: 30px 20px; line-height: 20px; color: #333}
	.clickwrap {width: 100%; margin: 0 auto}
	.goclick2 a {display:block; width:190px; height: 45px; border: 1px solid #848484; line-height: 45px; text-align: center; margin-top: 20px; float: none; margin-left: 10px  }
    .goclick2 a:hover {background: #0D1C55; color: #fff }
	
	.idx_bizwrap {width: 100%; height: 1100px; background: url("../image/index/idx_bizbg.jpg") no-repeat center top; position: relative; padding: 30px 20px;}
	.idx_biz {width: 100%; height: auto; position: relative; margin: 0 auto}
	.idx_bizleft { width: 100%; height: auto; float: none}
	.idx_bizright { width: 100%; height: auto; float: none; position: relative}	
	.idx_biztitle {width: 100%; text-align: left; margin: 30px 0; font-size: 25px; font-weight: bold; color: #3f3a39}
	.idx_bizimg { width: 100%; height: 310px; position: relative; margin-top: 0}
	.map01 {width: 334px; height: 560px; position: relative;  background: url("../image/index/idx_bizmap.png") no-repeat center top; z-index: 1}
	.mapgo {width: 310px; height: 50px; position: absolute; left: 30px; top: 80px; z-index: 5  }
	.mapgo1 {width: 310px; height: 50px; position: absolute; left: 30px; top: 150px; z-index: 5  }
	.mapgo2 {width: 310px; height: 50px; position: absolute; left: 30px; top: 220px; z-index: 5  }
	.mapgo3 {width: 310px; height: 50px; position: absolute; left: 30px; top: 290px; z-index: 5  }	
	.bizp {font-size: 16px; padding: 10px 0; line-height: 25px; color: #333}
	
.idx_infowrap {width: 100%; height: 1000px; position: relative; padding: 20px 20px;background: #4a4a4a}
	.idx_infoinner {width: 100%; height: auto; position: relative; margin: 0 auto; }
	.idx_info {width: 100%; height: auto; float: none; background: url("../image/index/idx_info_mbg.jpg");padding: 20px}
	.idx_bbs {width: 100%; height: auto; float: none;  margin-left: 0; padding-top: 20px; padding-left: 20px}
	.idx_infotitle {width: 100%; text-align: left; margin: 40px 0; font-size: 30px; font-weight: bold; color: #fff}
	.infop {font-size: 16px; padding: 10px 0; line-height: 25px; color: #fff; line-height: 35px}
	.icon { color: #ec635e; padding: 0 10px; }
    .c_time { padding: 0 32px; }

	.idx_bbsleft {width: 100%; height: 305px; position: relative; float: none}
	.idx_bbsright {width: 100%; height: 305px; position: relative; float: none}
	.bbsbanner a { display: block; width: 255px; height: 40px; line-height: 40px; text-align: center; color: #174e7a; font-weight: bold; background: #fff; margin-top: 30px; margin-left: 15px}
	.bbsbanner a:hover {background: #174e7a; color: #fff}
	.bbsbanner_01 a {display: block; width: 255px; height: 40px; line-height: 40px; text-align: center; color: #174e7a; font-weight: bold; background: #fff; margin-top: 30px; margin-left: 15px}
	.bbsbanner_01 a:hover {background:#0D2F9B ; color: #fff}	

	.ebbswrap {width: 100%; height: auto; position: relative}
	.ebbs { width: 100%; height: inherit; position: relative; padding-top: 30px}
	.ebbs_left { width: 100%; height: auto; float: none}
	.ebbs_right { width: 100%; height: auto; float: none; margin-left: 0; margin-top: 20px}

	.eservicewrap {width: 100%; height: auto; background: url("../image/index/eservice_bg.jpg") no-repeat center top; position: relative}
	.eservice {width: 100%; height: inherit; position: relative; }
	.ebar {width: 24px; height: 4px; position: absolute; background: #ec635e; top: 65px; left: 50%;  margin: 0 0 0 -65px}
	.etitle { font-size: 25px; width: 100%; text-align: center; padding-top: 78px}
	.etitle_2 {font-size: 18px; width: 100%; text-align: center; padding-top: 15px; color: #636363}
	.etitle_3 {font-size: 14px; width: 100%; text-align: center; padding: 10px 10px; color: #636363; font-weight: 200}	
	.eservice_01 a { display: block; width: 280px; height: 110px; position: relative; float: none; margin: 30px auto 0; background: url("../image/index/eservice_01.png"); text-align: center; font-size: 16px; color: #fff; padding-top: 30px}
	.eservice_02 a {display: block; width: 280px; height: 110px; position: relative; float: none; margin: 10px auto 0; background: url("../image/index/eservice_02.png"); text-align: center;  font-size: 16px; color: #fff; padding-top: 30px}
	.eservice_03 a {display: block; width: 280px; height: 110px; position: relative; float: none; margin: 10px auto 20px; background: url("../image/index/eservice_03.png"); text-align: center;  font-size: 16px; color: #fff; padding-top: 30px}	
	.eservice_01 a:hover {opacity: 0.8}
	.eservice_02 a:hover {opacity: 0.8}
	.eservice_03 a:hover {opacity: 0.8}	






.mainbar { width: 100%; height: 100%; background: url("../image/index/com_bg.jpg") no-repeat center top; position: relative; clear: both }
	.com {width: 100%; height: 100%; position: relative; margin: 0 auto; padding: 50px 0 }
	.com_logo {width: 180px; height: 50px; position: relative; margin: 30px auto}
	.com_text {width: 100%; height: auto; position: relative; margin: 30px auto}
	.com_01 {width: 100%; height: 100%; position: relative; padding-bottom: 10px}
	.com_02 {width: 100%; height: 100%; position: relative; padding-bottom: 10px}
    .com_03 {width: 100%; height: 100%; position: relative; }

.aroundtext	{width: 150px; height:75px; position: relative; margin: 30px auto}

	.bn_time {width:100%; height: auto; position:relative; }
	.bn_tel {width:100%; height: auto; position: relative; }
	.bn_naver {display:none}
	.bn_kakao {display:none}

.m_bann {width: 35px; height: auto; position: absolute; top: 5px; right: 10px}
.btn_quick {display: none}
.tailwrap { width:100%; height:auto; padding:0 30px; position:relative; background:#2b2b2b; color:#ababab; font-size:14px   }
.tail_info {width: 100%;  height: 50px; position: relative; border-bottom: #6C6868 solid 1px; background:#2b2b2b; line-height: 50px}	
	.tail_info ul {width:100%; height: 50px; margin: 0 auto; text-align: center}	
	.tail_info ul li:first-child a {width: 45%; float: left; text-align: right }
	.tail_info ul li:last-child  a{width: 45%; float: left; text-align: left;  padding-left: 10%  }
	.tail_info ul li a { color: #FFFFFF; font-size: 14px}	
.tail_in { width:100%; height:auto; padding: 15px 0  }
	.tail_logo {width: 139px; height: 34px; margin: 10px auto}	
.tail_copy { width:100%; height:auto; position:relative;  text-align:left; font-size: 13px;}
.tail_copy .family a { display:block; width:160px; height:30px; line-height:30px;  color:#FFF; position: relative; left:50%; top: 0; margin:0 0 20px -80px; text-align:center;  }
.tail_copy  ul li { line-height:25px;   }
.tail_copy  li a { color:#FFF; font-weight:bold; text-decoration: underline}
.tail_copy .tail_co { width:1200px; height:30px; line-height:30px;  position:relative; margin:0 auto; border-bottom: 1px #f4f4f4 solid }
.tail_copy .tail_co li { width:300px; float:left; padding-left:2px; text-align:center  }
.tail_copy .tail_co li a { color:#FFF; font-weight:bold  }
.tail_iq { width:100%; height:auto; padding:10px 20px; text-align:center   }
.tail_iq .tel {display: block; text-align:center }
.tail_iq .tel a {display: block; font-size:18px; color:#ca9956; text-align:center }

.pc_tail { display:none}
.pc_menu { display:none }
.air_pc { display:none }
.katok {position:fixed; bottom: 52px; right: 1px; width: auto; z-index: 11}

.m_tel  {display: block; position: relative; left: 30px; font-size: 20px; font-weight: bold; color: #A4C50D; }
.m_tel a {display: block; font-size: 20px; font-weight: bold; color: #A4C50D; }

.bannwrap {display: none}

.mobile_size {display: block}
.pc_size {display: none}

.sns_link_m {width: 40px; height: auto; position: fixed; bottom: 100px; right: 20px; z-index: 10 }

.pc_map {display: none}
.tablet_map {display: none}
.mobile_map {display: block; margin: 15px 0}
.quick {display: none}
.quick_m {display: block; text-align: center}

.ntable { width:100%; margin-top:2px; border-collapse:collapse; text-align: center; }
.ntable td { padding:0; }
.ntable .t_head { background:#f5f5f5; font-weight:bold; font-family:'Nanum Gothic',sans-serif;font-size:13px; text-decoration: none; color:#141414; width:160px  }	

.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}

.pc {display: none}

@media (min-width:768px) {
	.container {
		width:750px
	}
}
@media (min-width:992px) {
	.container {
		width:970px
	}
}
@media (min-width:1200px) {
	.container {
		width:1230px
	}
}
@media (min-width:1200px) {
	.container_w {
		width:100%
	}
}


@media screen and (min-width: 960px) {
.pc_map {display: none}
.tablet_map {display: block; margin: 15px 0}
.mobile_map {display: none}
	.bn_time {width:100%; height: auto; position:relative; }
	.bn_tel {width:100%; height: auto; position: relative; }
	.bn_naver {display:none}
	.bn_kakao {display:none}
.quick {display: none}	
.quick_m {display: none}
.pc {display: none}
}
@media screen and (min-width: 1280px) {
.pc {display: block}
.mobile {display: none}
.mobile_menu { display:none }
.pc_menu { display:block }
.pc_tail { display:block }
.m_tail { display:none }
.air_mobile { display:none }
.air_pc { display:block } 
	
.mobile_size {display: none}
.pc_size {display: block}

.pc_map {display: block}
.tablet_map {display: none}
.mobile_map {display: none}	
.quick_m {display: none}
	
.quick  {display: block; width: 190px; height: 50px; position: fixed; right: 50px; top: 380px; z-index: 1000111}	
	
	.quick img:hover {opacity: 0.8}

    
  	.btn_quick {display: block; width: 190px; height: auto; position: fixed; bottom: 120px; right: 1px; z-index: 99}
	.btn_sns {width: 50px; height: 50px; padding: 0; margin-bottom: 10px; }	  
    
	.topmenuwrap { width: 100%; height: 40px; color: #fff; background: #333; position: relative}
	.topmenu { width: 1300px; height: inherit; position: relative; margin: 0 auto}    
	.topmenu ul { width: auto; position: absolute; right: 0}
	.topmenu ul li { width: object-fit; padding: 0 15px; float: left}
	.topmenu ul li a { width: object-fit; display: block; color: #fff; font-size: 14px; line-height: 40px}
	
.i_blank {width: 100%; height: 80px; position: relative}
	
	
	  
.header { /*2015-11-11 header속성 수정*/
	position:relative; 
	z-index:98;
	width:100%;
	height:150px; 
	background: #fff
}
/*	.header:hover {background:rgba(0,0,0,0.7); transition: all ease 1.5s 0s}*/
	
	
.head_inner {
	position:relative;
	width:1200px; height:150px;
	/* height:285px;*/
	margin: 0 auto
}
.header .logo {
		position:absolute;
		left:50px;top:35px;
		font-size:0; width:160px; height: 88px; 
	}
		.head_inner .logo img {width:100%;}

	.head_inner .logo_e {
		position:absolute;
		left:0;top:35px;
		font-size:0;
	}
		.head_inner .logo_e img {width:150px;}
	
	
.header.down {
	position:fixed; top:0px; left:0;
	min-width:1000px;
	background:rgba(255,255,255,1); z-index:100; color:#000; 	border-bottom:#f3f3f3 solid 1px; 	 transition: 0.35s;
}

.header.down .logo {display: block; width:160px; height: 88px;  }




/* GNB */
.gnb {

}
.gnb-list {
	overflow:hidden; width:800px;
	position:absolute;
	left: 550px;top:0;
	z-index:999;   list-style:none
}

.gnb-item {
	float:left; 	
}
	.gnb-item:hover {color: #000}
	.gnb-item .title {
		display:block; width: auto;
		height:150px;
		padding:0 60px 0 0 ;
		color:#000 ;
		font-size:18px;
		font-family: 'GmarketSans', 'Noto Sans KR', sans-serif;  text-decoration:none; font-weight: bold;
		line-height:150px; text-align:left;   
	}
	.header.down .gnb-item .title {color: #000}
	.header.down .menuright li a {color: #000}
    .header.down .sear .hd_right_btn button {color: #000}
      
      
	.gnb-item:hover .title span {
		display:block; 		height:150px;
		border-bottom:0 solid #006fbd;
	}
	.gnb-item .gnb-depth2 {
		display:none; 
		padding-top:10px; list-style:none

	}
		.gnb-item .gnb-depth2 li {}
		.gnb-item .gnb-depth2 li a {
			display:block; width: auto; border: 0 solid #000;  line-height: 25px;
			color:#fff; font-family: 'GmarketSans', 'Noto Sans KR', sans-serif; font-size:13px; text-decoration:none; left:0;  top:-40px; position:relative; 
		}
		.gnb-item .gnb-depth2 li a:hover, .gnb-item .gnb-depth2 li a.active {
			color:#ffb75a ;
			text-decoration:none;
		}
.gnb-add {
	display:none;
	position:absolute;
	top:100px; left: 50%;
	height:145px; width:800px; margin: 0 0 0 -130px;
	background:rgba(51,51,51,0.9) ; z-index:99
}
.gnb_img { width:472px; height:140px; position:absolute; left:50%; margin: 0 0 0 134px; bottom: -1px }	
	

	

	
	.maintext {width: 607px; height: 203px; position: absolute; top: 215px; left: 50%; margin: 0 0 0 -303px; z-index: 11}
	.mainkarma {display: block; width: 1052px; height: 345px; position: absolute; bottom: -130px; left: 50%; margin: 0 0 0 -526px; z-index: 11}
	
	.mainkar { width: 1200px; height: 500px; position: relative; margin: 150px auto 50px}
	.mainkar01 { width: 400px; height: 500px; position: relative; float: left; background: url("../image/index/mainkar_01.jpg"); padding: 295px 0 0}
	.mainkar02 { width: 400px; height: 500px; position: relative; float: left; background: url("../image/index/mainkar_02.jpg"); padding: 295px 0 0}	
	.mainkar03 { width: 400px; height: 500px; position: relative; float: left; background: url("../image/index/mainkar_03.jpg"); padding: 295px 0 0}
	.v_bar {display: block; width: 1px; height: 100px; position: absolute; left: 50%; top: 150px; margin: 0; z-index: 9; background: #fff}
	.mainkar01 h1 a { display: block; font-size: 30px; font-weight: 800; width: 100%; text-align: center; color: #fff}	
	.mainkar01 h3 a { display: block; font-size: 20px; font-weight: 500; width: 100%; text-align: center; margin-top: 30px; color: #fff}	
	.mainkar02 h1 a { display: block; font-size: 30px; font-weight: 800; width: 100%; text-align: center; color: #fff}	
	.mainkar02 h3 a { display: block; font-size: 20px; font-weight: 500; width: 100%; text-align: center; margin-top: 30px; color: #fff}		
	.mainkar03 h1 a { display: block; font-size: 30px; font-weight: 800; width: 100%; text-align: center; color: #fff}	
	.mainkar03 h3 a { display: block; font-size: 20px; font-weight: 500; width: 100%; text-align: center; margin-top: 30px; color: #fff}		
	
	
	.booknewwrap { width: 100%; height: auto; position: relative; }	
	.booknew { width: 1200px; height: auto; position: relative; margin: 0 auto}

    .mainbbswrap { width: 100%; height: 660px; position: relative; background: #f3f3f3; padding-top: 85px; border-bottom: 10px solid #a63e19; border-top: 10px solid #a63e19}
    .mainbbs { width: 1200px; height: inherit; position: relative; margin: 0 auto; padding: 0 }
    .mainbbs01 a { display: block; width: 280px; height: 190px; float: left; border: solid 1px #737171; border-radius: 12px; padding: 40px; color: #000; font-weight: bold; font-size: 20px; margin-top: 80px; text-align: center; line-height: 2.3}
    .mainbbs02 a { display: block; width: 280px; height: 190px; float: left; border: solid 1px #737171; border-radius: 12px; padding: 40px; color: #000; font-weight: bold; margin-left: 25px; font-size: 20px; margin-top: 80px; text-align: center; line-height: 2.3}   
    .mainbbs03 { display: block; width: 280px; height: 190px; float: left; border: solid 1px #737171; border-radius: 12px; padding: 40px; color: #000; font-weight: bold; margin-left: 25px; font-size: 20px; margin-top: 80px; text-align: center; line-height: 1.6 }     

    .mainbbstel { color: #efb1ae; font-size: 25px}
    .main_title_big { font-size: 50px; font-weight: bold; color: #08491e}
    .mainbbs p { font-size: 20px; text-align: center; font-weight: 400; color: #000; line-height: 2.2}
    .mainbbstel { display: block; color: #08491e; font-size: 22px; font-weight: bold; margin-bottom: 5px}    
    .mainicon { font-size: 50px; color: #08491e; font-weight: bold}
    .ptext { line-height: 1.3; font-size: 15px}
    
	.kstitle  {width: 100%; margin-top: 30px; text-align: center; font-size: 28px; color: #fff; }	
	.kstitle a {color: #fff}
	.kstitle a:hover {color: #2e2d2b}	
	.ks01 {width: 100%; margin-top: 30px; text-align: center}
	.ks01:hover {opacity: 0.6}	
	
	
	.e_quick {width: 160px; height: auto; position: fixed;top: 200px; right: 30px; z-index: 99}
	
	.ebbswrap {width: 100%; height: 350px; position: relative}
	.ebbs { width: 1200px; height: inherit; position: relative; margin: 0 auto; padding-top: 50px; background: url("../image/index/new_icon.png") no-repeat center top}
	.ebbs_left { width: 600px; height: auto; float: left}
	.ebbs_right { width: 550px; height: auto; float: left; margin-left: 50px;  margin-top: 0}
	.enewswrap {width: 100%; height: auto; position: relative; clear: both; margin: 30px 0}
	.enews {width: 1200px; height: auto; position: relative; margin: 0 auto; background: url("../image/index/new_icon.png") no-repeat 44% 2%}
	
	.eservicewrap {width: 100%; height: 470px; background: url("../image/index/eservice_bg.jpg") no-repeat center top; position: relative}
	.eservice {width: 1200px; height: inherit; position: relative; margin: 0 auto}
	.ebar {width: 24px; height: 4px; position: absolute; background: #ec635e; top: 75px; left: 505px}
	.etitle { font-size: 35px; width: 100%; text-align: center; padding-top: 78px}
	.etitle_2 {font-size: 20px; width: 100%; text-align: center; padding-top: 15px; color: #636363}
	.etitle_3 {font-size: 18px; width: 100%; text-align: center; padding-top: 25px; color: #636363; font-weight: 200}	
	.eservice_01 a { display: block; width: 280px; height: 110px; position: relative; float: left; margin-top: 50px; margin-left: 100px; background: url("../image/index/eservice_01.png"); text-align: center; font-size: 18px; color: #fff; padding-top: 30px}
	.eservice_02 a {display: block; width: 280px; height: 110px; position: relative; float: left; margin-top: 50px; margin-left: 30px; background: url("../image/index/eservice_02.png"); text-align: center;  font-size: 18px; color: #fff; padding-top: 30px}
	.eservice_03 a {display: block; width: 280px; height: 110px; position: relative; float: left; margin-top: 50px; margin-left: 30px; background: url("../image/index/eservice_03.png"); text-align: center;  font-size: 18px; color: #fff; padding-top: 30px}	
	.eservice_01 a:hover {opacity: 0.8}
	.eservice_02 a:hover {opacity: 0.8}
	.eservice_03 a:hover {opacity: 0.8}	

	.ksbbswrap {width: 100%; height: 500px; background: url("../image/index/ksbbs_bg.jpg") no-repeat center top; position: relative}	
	.ksbbs {width: 1200px; height: inherit; position: relative; margin: 0 auto}
	.ksbbs01 {width: 500px; height: inherit; float: left; margin-left: 25px; padding-top: 90px }
	.ksbbs02 { width: 550px; height: inherit; float: left; margin-left: 50px }
	.ksbbbs0201 {width: 550px; height: 170px; position: relative; padding-top: 90px}
	.ksbbbs0202 {width: 550px; height: 130px; position: relative; margin-top:  100px}
	
.mainimage{width:100%; height:auto; position:relative; z-index:1; }
	
.main01wrap { width: 100%; height: 660px; background: #e5e5e5 url("../image/index/main_clinic_bg.png") no-repeat 100px center; position: relative; margin: 30px 0 }	
.main01 { width: 1200px; height: 660px; margin: 0 auto; position: relative}	
.main_imp {width: 500px; height: 660px; float: left; margin-top: 0}	
.main_kyo {width: 680px; height: 320px; float: left; margin-top: 0; margin-left: 20px}	
.main_child {width: 680px; height: 320px; float: left; margin-left: 20px; margin-top: 20px}	

.mainbar { width: 100%; height: 660px; background: url("../image/index/com_bg.jpg") no-repeat center top; position: relative;  clear: both }
	.com {width: 1200px; height: 660px; position: relative; margin: 0 auto}
	.com_logo {width: 423px; height: 115px; position: absolute; top: 45px; left: 388px}
	.com_text {width: 918px; height: 124px; position: absolute; top: 195px; left: 135px}
	.com_01 {width: 385px; height: 270px; position: absolute; top: 356px; left: 0px}
	.com_02 {width: 385px; height: 270px; position: absolute; top: 356px; left: 407px}
	.com_03 {width: 385px; height: 270px; position: absolute; top: 356px; left: 816px}
	
.aroundtext	{width: 300px; height:150px; position: relative; margin: 50px auto}
	
.main_aroundwrap {width: 100%; height: 750px; position: relative; background: url("../image/index/around_bg.jpg") no-repeat center top}	
	.main_around {width: 1200px; height: 750px; margin: 0 auto; position: relative}


	.bannwrap {display: block; width: 1200px; height: 110px; margin: 0 auto; position: relative}
	

		.top_tel {display: none}
.idx_text { position:absolute; width:503px; height:148px;   top: 50%;  left: 50%; margin:-74px 0 0 -252px;   z-index:1000 }
.idxtop { position:absolute; width:100px; height:65px; right:50px; top:15px; z-index:100    }
.idxlogin { width:90px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5); padding:1px; border:0px solid #ddd; border-radius:25px; margin-bottom:10px; font-size:11px; color:#FFF }
.idxlogin a { color:#FFF }
	

.idx_05wrap {width: 100%; height: 750px; background: url("../image/index/item_bg.jpg") no-repeat center center; position: relative; padding: 30px 0; margin: 0 }
.idx_05 {width: 1100px; height: auto; margin: 0 auto; position: relative}
.idx_05title { width: 100%; text-align: center; margin: 30px 0; font-size: 45px; font-weight: bold; color: #3f3a39}
	

	.idx_eonmwrap {width: 100%; height: 550px; background: url("../image/index/idx_eonm.jpg") no-repeat center top; position: relative; padding: 30px 0}
	.idx_eonm {width: 1100px; height: auto; position: relative; margin: 0 auto}
	.eonmp {font-size: 16px; padding: 50px 0; line-height: 25px; color: #333}
	.clickwrap {width: 640px; margin: 0 auto}
	.goclick2 a {display:block; width:190px; height: 45px; border: 1px solid #848484; line-height: 45px; text-align: center; margin-top: 40px; float: left; margin-left: 10px  }
    .goclick2 a:hover {background: #0D1C55; color: #fff }
	
	.idx_bizwrap {width: 100%; height: 680px; background: url("../image/index/idx_bizbg.jpg") no-repeat center top; position: relative; padding: 30px 0;}
	.idx_biz {width: 1100px; height: auto; position: relative; margin: 0 auto}
	.idx_bizleft { width: 550px; height: auto; float: left}
	.idx_bizright { width: 550px; height: auto; float: left; position: relative}	
	.idx_biztitle {width: 100%; text-align: left; margin: 30px 0; font-size: 35px; font-weight: bold; color: #3f3a39}
	.idx_bizimg { width: 455px; height: 310px; position: relative; margin-top: 0}
	.map01 {width: 334px; height: 560px; position: absolute; left: 100px; top: 60px;  background: url("../image/index/idx_bizmap.png") no-repeat center top; z-index: 1}
	.mapgo {width: 310px; height: 50px; position: absolute; left: 30px; top: 80px; z-index: 5  }
	.mapgo1 {width: 310px; height: 50px; position: absolute; left: 30px; top: 150px; z-index: 5  }
	.mapgo2 {width: 310px; height: 50px; position: absolute; left: 30px; top: 220px; z-index: 5  }
	.mapgo3 {width: 310px; height: 50px; position: absolute; left: 30px; top: 290px; z-index: 5  }	
	.bizp {font-size: 16px; padding: 10px 0; line-height: 25px; color: #333}
	
	.idx_infowrap {width: 100%; height: 510px; position: relative; background: url("../image/index/idx_infobg.jpg") no-repeat center top}
	.idx_infoinner {width: 1100px; height: auto; position: relative; margin: 0 auto}
	.idx_info {width: 440px; height: 350px; float: left; background: url("../image/index/idx_info_mbg.jpg") center top;}
	.idx_bbs {width: 650px; height: auto; float: left;  margin-left: 10px; padding-top: 90px; padding-left: 50px}
	.idx_infotitle {width: 100%; text-align: left; margin: 40px 0; font-size: 30px; font-weight: bold; color: #fff}
	.infop {font-size: 16px; padding: 10px 0; line-height: 25px; color: #fff; line-height: 35px}
	.icon { color: #ec635e}

	.idx_bbsleft {width: 300px; height: 330px; position: relative; float: left}
	.idx_bbsright {width: 300px; height: 305px; position: relative; float: left}
	.bbsbanner_01 a {display: block; width: 255px; height: 55px; line-height: 55px; text-align: center; color: #174e7a; font-weight: bold; background: #fff; position: absolute; bottom: 27px}
	.bbsbanner_01 a:hover {background:#0D2F9B ; color: #fff}	
	.bbsbanner a { display: block; width: 255px; height: 55px; line-height: 55px; text-align: center; color: #174e7a; font-weight: bold; background: #fff; margin-top: 50px; margin-left: 15px}
	.bbsbanner a:hover {background:#0D2F9B ; color: #fff}
	
	
.subimgwrap { position:relative; width:100%; height:270px; margin-top:0  }
.s_text { position:absolute; width:371px; height:84px;   top: 130px;  left: 50%; margin:0 0 0 80px;   z-index:5;  }
.s_text02 { position:absolute; width:544px; height:176px;   top: 180px;  left: 50%; margin:0 0 0 160px;   z-index:5;  }	
.s_text03 { position:absolute; width:421px; height:41px;   top: 300px;  left: 50%; margin:0 0 0 160px;   z-index:5;  }	
.s_text04 { position:absolute; width:354px; height:176px;   top: 180px;  left: 50%; margin:0 0 0 220px;   z-index:5;  }		
.s_text05 { position:absolute; width:471px; height:86px;   top: 280px;  left: 50%; margin:0 0 0 -580px;   z-index:5;  }			
.subimg01{width:100%; height:270px; position:relative; background:url(../image/sub/subimg.jpg) no-repeat center center;  z-index:1;}
.subimg02{width:100%; height:270px; position:relative; background:url(../image/sub/subimg03.jpg) no-repeat center center;  z-index:1;}	
.subimg03{width:100%; height:270px; position:relative; background:url(../image/sub/subimg02.jpg) no-repeat center center;  z-index:1;}	
.subimg04{width:100%; height:270px; position:relative; background:url(../image/sub/subimg04.jpg) no-repeat center center;  z-index:1;}	
	
.idxroom { width:242px; height:65px; margin:60px auto 10px; position:relative }
.idxroom h1 { width:242px; font-size:35px; color:#000;  font-weight:700; position:absolute; left:50%; top:50px; margin: 0 0 0 -121px; text-align:center}





.idxsubtitle { margin:70px auto 10px }
.idxsubtitle  h1 {  font-size:65px; color:#000;  font-weight:bold; text-align:center}
.idxsubtitle  h3 {  text-align:center; font-weight:100; font-size: 22px }
.subhead01 { width:100%; height:auto; padding:40px 0;  }
.subhead01text { text-align:center;  padding-bottom:15px; }
.subhead01text h1 { color:#000; font-weight:bold; font-size:36px; padding-top: 15px; }
	.subheadtitle_bar {width: 100px; height: 4px; margin: 20px auto; background: #ccc; }
	
.sub01wrap { width:100%; height:760px; background:url(../image/sub/s0101_bg.jpg) center  top no-repeat; position:relative}
.sub01 { color:#000; width:1100px; text-align:center; line-height:60px; font-size:36px; padding-top: 222px; margin:0 auto}
.sub01 .sub_b  { color:#cba56b; }
.sub01_s {  color:#686868; width:1100px; text-align:center; line-height:25px; font-size:15px; padding-top: 75px; margin:0 auto}


.bbswrap { width:100%; height:540px; background:url(../image/index/bbswrap.jpg) repeat ; color:#FFF; position:relative;   }
.bbs { width:1100px; height:inherit; margin:0 auto; padding-top:100px; position:relative }
.idxevent { width:400px; height:auto; float:left ; position:relative }
.idxevent .eventtext {display:block; width:80px; position:absolute; left:40px; top:-70px; font-size:34px; color:#000; font-weight:bold; z-index:11}
.idxtel { max-width:622px; height:auto; float:left; margin-left:78px }

.nsubmenuwrapall {width:100%; height:50px;  position:relative; background:#fff; border: 1px solid #dddddd  }
.nsubmenu { width:1200px; margin:-1px auto 0;   position:relative;}
.nsubmenuwrap { position: relative; height:50px; }
.nsubmenuwrap ul { margin:0; padding:0  }
.ngnbmenu { display:block; width:262px; height:50px; float:left; line-height:50px; text-align:left; margin-right:-1px; position:relative;}
.ngnbmenu ul { padding:0;}

.gr_path { width:auto; height:50px; }
.bo_path { width:auto; height:50px }
.i_home { width:80px; float:left; float:left;  text-align:center;  height:50px; line-height:50px; text-align:center; font-size:18px;}
.i_home a { color:#000; display:block; text-align:center;border-left:solid 1px #dddddd;   }


#gr_path {  width:100%; position:absolute; left:0; top:50px;  z-index:3; box-sizing:border-box;border-right:solid 1px #dddddd; border-left:solid 1px #dddddd;border-bottom:solid 1px #dddddd}
#bo_path {  width:100%; position:absolute; left:0; top:50px; z-index:90;  box-sizing:border-box;border-right:solid 1px #dddddd; border-left:solid 1px #dddddd;border-bottom:solid 1px #dddddd}

.nsubmenuwrap li.ngnbmenu {  }
.nsubmenuwrap li.ngnbmenu > a {display:block;  width:100%; padding-left:25px;  font-size:15px; color:#000;  font-weight:700; position:relative; z-index:3;  box-sizing:border-box; text-decoration:none; cursor:pointer;border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; margin-left: -1px }
.i_icon { position:absolute; height:49px; width: auto; right:10px; top:0; line-height:49px;  text-align:center; padding-left:10px; padding-top:19px; color: #000 }
.nsubmenuwrap li.ngnbmenu:last-child > a  { display:block;  width:100%; top:1px; height:49px;  padding-left:25px; font-size:15px; font-weight:700; position:relative; z-index:3;  box-sizing:border-box; text-decoration:none; cursor:pointer; color:#ec635e; border-right:solid 1px #dddddd}



.de_menu {background:#f3f3f3; display:none; border:solid 1px #fefefe; }
.de_menu li { height:50px; line-height:50px;border-bottom:solid 1px #fefefe; list-style: none; color:#333}
.de_menu li:last-child {border-bottom:solid 0px #fefefe;}
.de_menu li:hover { background:#fff; list-style-type:none }
.de_menu li a { display:block; color:#333; font-size:14px; padding:0 ; text-indent:25px; box-sizing:border-box;text-decoration:none}
.de_menu li a:hover { color:#333 ;text-decoration:none}





.infowrap {width: 100%; height: 330px; margin: 40px 0; position: relative}
.info {width: 1200px; height: inherit; margin:0 auto; position: relative; padding: 0}
	.bn_time {width:480px; height: 330px; position: absolute; left: 0; top: 0 }
	.bn_tel {width:470px; height: 330px; position: absolute; left: 480px; top: 0 }
	.bn_naver {display: block;  width:268px; height: 160px; position: absolute; left: 950px; top: 0 }
	.bn_kakao {display: block;  width:268px; height: 160px; position: absolute; left: 950px; top: 160px }
	

.tailwrap { width:100%; height:auto; padding:0 40px; position:relative; background:#2b2b2b; color:#ababab; font-size:14px   }
.tail_info {width: 100%;  height: 50px; position: relative; border-bottom: #6C6868 solid 1px; background:#2b2b2b; line-height: 50px}	
	.tail_info ul {width:860px; height: 50px; margin: 0 auto; text-align: center}	
	.tail_info ul li:first-child a {width: 400px; float: left; text-align: right }
	.tail_info ul li:last-child  a{width: 400px; float: left; text-align: left; margin-left: 60px  }
	.tail_info ul li a { color: #FFFFFF; font-size: 14px}	
	.tail_in { width:1100px; height:auto; padding-top: 15px; margin: 0 auto}
	.tail_logo {width: 139px; height: 34px; margin: 10px auto}	
.tail_copy { width:100%; height:180px; position:relative;  text-align:left}
.tail_copy .family a { display:block; width:160px; height:30px; line-height:30px;  color:#FFF; position: relative; left:50%; top: 0; margin:0 0 20px -80px; text-align:center;  }
.tail_copy  ul li { line-height:25px   }
.tail_copy .tail_co { width:1200px; height:30px; line-height:30px;  position:relative; margin:0 auto; border-bottom: 1px #f4f4f4 solid }
.tail_copy .tail_co li { width:300px; float:left; padding-left:2px; text-align:left}
.tail_copy .tail_co li a { color:#FFF; font-weight:bold  }
.tail_iq { width:100%; height:auto; padding:10px 20px; text-align:center   }
.tail_iq .tel {display: block; text-align:center }
.tail_iq .tel a {display: block; font-size:18px; color:#ca9956; text-align:center }

	

	
}
	
.go-top{
	display:block;
	width:55px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:14px;
	position:fixed;
	bottom:-40px;
	right:20px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	background-color:#737373;
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-family:'Nanum Gothic', sans-serif; z-index:99999  
	
	
}

.go-top.show{
	bottom:20px;
}

.go-top:hover{
	background-color:#000;
	color:#FFFFFF;
	text-decoration:none;
}


/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333;
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4);
box-shadow: 0 0 5px rgba(55,55,5,0.4);
}



.top{position:relative}
.btn_top{position:absolute;top:0px;right:0px;z-index:999;padding:10px;}
.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;border-radius:3px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed{position:fixed;top:0;right:0;z-index:999;}
#container_title.fixed{width:100%;}

/* 하단 레이아웃 */




#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {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;width:40px;height:40px;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:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* 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;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.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:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn{display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;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;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:center} /* 서식단계 진행 */
.btn_submit {border:0;background:#eeb00a;color:#fff;cursor:pointer;border-radius:3px; padding: 15px}
fieldset .btn_submit {}
a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle; padding: 15px}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none; }
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block;background:#ff506a;color:#fff;text-decoration:none;vertical-align:middle;border:0}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:0 solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-bottom:1px solid #e3e3e5;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.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 {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01{padding:20px 10px;}
.list_01 li{margin:0;padding:0}

/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px;}
.full_input{width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{height:40px;border-radius:3px;background-color:#fff}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

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

/* 필수입력 */
.required, textarea.required {}

/* 테이블 항목별 정의 */
.td_board {width:120px;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:150px;text-align:center}
.td_group {width:100px;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 {width:50px;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:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #4162ff;color: #fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit {width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}

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

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-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;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333;font-weight:bold;}
.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:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block;padding:0 10px;height:30px;color:#000;line-height:28px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;border:1px solid #d4d4d4;border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:normal;border-radius:3px;line-height:30px;}




.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 0px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px; z-index: 99;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
    margin-bottom: 10px;
}

.overlay_3 {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 5;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay_3:target {
    visibility: visible;
    opacity: 1;
}
.popup_pc_3 {
    background-color: #fff;
    border: 0px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 99;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay_3:target+.popup_pc_3 {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close_pc_3 {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close_pc_3:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close_pc_3:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup_pc_3 p, .popup_pc_3 div {
    margin-bottom: 10px;
}

.sizeup {width: auto; height: auto; padding: 5px 15px; position: absolute; top: -80px; right: 10px; z-index: 5 }
.sizeup a {display: block;  width: auto; height: auto; padding: 5px 15px; background: #224DD8; color: aliceblue; font-size: 13px; border-radius: 20px}
.sizeup a:hover {background: #2C9EDD; color: aliceblue; text-decoration: none}	


@media screen and (min-width: 1280px) {

.sizeup {width: auto; height: auto; padding: 10px 30px; position: absolute; top: 20px; right: 60px; z-index: 5 }
.sizeup a {display: block;  width: auto; height: auto; padding: 10px 30px; background: #224DD8; color: aliceblue; font-size: 16px; border-radius: 20px}
	.sizeup a:hover {background: #2C9EDD; color: aliceblue; text-decoration: none}	
	
.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup_pc {
    background-color: #fff;
    border: 0px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup_pc {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close_pc {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close_pc:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close_pc:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup_pc p, .popup_pc div {
    margin-bottom: 10px;
}


.overlay_2 {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 5;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay_2:target {
    visibility: visible;
    opacity: 1;
}
.popup_pc_2 {
    background-color: #fff;
    border: 0px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 99;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay_2:target+.popup_pc_2 {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close_pc_2 {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close_pc_2:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close_pc_2:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup_pc_2 p, .popup_pc_2 div {
    margin-bottom: 10px;
}

}