/* 기존에 적용된 스타일 초기화 */
input[type="text"], input[type="tel"] {border:0; -webkit-appearance: none; -webkit-border-radius: 0;}

/* common */
body {background:#eee; }
body::-webkit-scrollbar {display:none; -ms-overflow-style:none;}
a {text-decoration:none; -webkit-tap-highlight-color:transparent;}

/* wiki_write_wrap */
.wiki_write_wrap {padding:10% 5%; box-sizing:border-box;}
.wiki_write_title {margin:0 0 14% 0;}
.wiki_write_title > dt {margin:0 0 1% 0;}
.wiki_write_title > dt > h2 {font-size:5.4vw; color:#222; letter-spacing:-0.2vw;}
.wiki_write_title > dd {font-size:3vw; line-height:1.3;}
.idwiki_close_btn {position:absolute; top:4%; right:5%; width:12vw; height:12vw; border-radius:12vw; box-shadow:0.4vw 0.4vw 1vw #c3c3c3, -0.5vw -0.5vw 1vw #fff; background:#eee;}
.idwiki_close_btn:active {box-shadow:inset 0.4vw 0.4vw 1vw #c3c3c3, inset -0.5vw -0.5vw 1vw #fff;}


.idwiki_close_btn > img {width:30%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.idwiki_ok {display:flex; justify-content:center; flex-wrap:wrap; align-items:center; width:100%; margin:16% auto 10% auto; height:11vw; background:#00306b; font-size:3.6vw; color:#fff; text-align:center; border-radius:1.8vw;border:0}
.idwiki_ok:active {transform:translate(0.4vw, 0.4vw);}

/* wiki_write_cont */
.wiki_write_cont {}
.labelWrap {position:relative;}
.labelWrap:not(:last-child) {margin:0 0 6% 0;}
.labelWrap label {position:absolute; left:0; top:3.2vw; font-size:3vw; color:#aaa;}
.labelWrap label.on {}
.labelWrap select:focus, .labelWrap input[type="text"]:focus, .labelWrap textarea:focus {border-color:#000; margin:7% 0 0 0;}

.wiki_write_select {font-family:'Noto Sans KR'; width:100%; height:10vw; border:0; background:none; -moz-appearance:none; -webkit-appearance: none; outline:none; box-sizing:border-box; font-size:4vw; color:#222;
background:url(http://image.idhospital.com/m/wiki/idwiki_select_arrow.png) right 3% center no-repeat; background-size:4%; border-bottom:1px solid #aaa; transition-property:margin,border; transition-duration:0.3s;}
.wiki_write_select.on {margin:7% 0 0 0; border-color:#000;}
.wiki_write_select::-ms-expand {display: none;}
.wiki_write_select option {outline:none;}

.wiki_write_cont_title {width:100%; border:0; background:none; outline:none; box-sizing:border-box; transition-property:margin,border; transition-duration:0.3s; font-size:4vw; color:#222; font-family:'Noto Sans KR';} 
input[type="text"].wiki_write_cont_title {height:10vw; border-bottom:1px solid #aaa;}
.wiki_write_cont_title.on {margin:7% 0 0 0;}
input[type="text"].wiki_write_cont_title.on {border-color:#000;}

.wiki_write_cont_txt {font-family:'Noto Sans KR';width:100%; height:10vw; font-size:4vw; border:0; border-bottom:1px solid #aaa; resize:none; background:none;
padding:2vw 2vw 0 0; box-sizing:border-box; outline:none; color:#222; transition-property:margin,border; transition-duration:0.3s; line-height:1.1;}
.wiki_write_cont_txt::-webkit-scrollbar {display:none; -ms-overflow-style:none;}
.wiki_write_cont_txt.on {margin:7% 0 0 0; border-color:#000;}

.pop_opacity {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); opacity:0; z-index:-1; }
.pop_opacity.on {z-index:1; opacity:1; transition:opacity 0.3s;}
.wiki_write_pop {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:32vw; box-shadow:5px 5px 11px rgba(0,0,0,0.3);
border-radius:3vw; background:#fff; z-index:-1; opacity:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.wiki_write_pop.on {z-index:2; opacity:1; transition:opacity 0.3s;}
.wiki_write_pop_txt {font-size:3.2vw; color:#000; line-height:1.2; margin:0 0 6% 0; font-weight:400;}
.wiki_write_pop_btn {font-size:3.2vw; background:#00326c; display:block; color:#fff; width:25vw; line-height:8vw; border-radius:8vw; text-align:center;}