@charset "utf-8";
/*base*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input,button,textarea {border-radius:0;-webkit-appearance:none}
body{ font-weight:400; height:100%;width:100%;text-align:left;font-size:0.923rem;font-family:"Noto Sans KR","Dotum", "Arial", "verdana";color:#666666;line-height:1.5;letter-spacing:-0.4px; }
a{ font-weight:400; font-size:0.923rem;font-family:"Noto Sans KR","Dotum", "Arial", "verdana";color:#666666;line-height:1.5;letter-spacing:-0.4px; }
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0px}
img{border:0 none;line-height:0;font-size:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset{border:0}
legend, caption{display:none;height:0;overflow:hidden}
textarea{border:2px solid #dbdbdc;padding:8px 10px !important;line-height:18px; resize:none;}
input, textarea{font-weight:300;vertical-align:middle;font-size:0.769rem;color:#666;font-family:"Noto Sans KR","Dotum", "Arial", "verdana";padding:0;margin:0}
input[type="checkbox"] {width:17px; height:17px;}
input[type="radio"] {margin-top:-4px; width:17px; height:17px;}
input[type="file"]{height:30px;color:#666;border:1px solid #d4d4d4;line-height:28px;vertical-align:middle;background:#fff}
input.text{height:30px;line-height:28px;padding:0px 10px;border:1px solid #dbdbdc;border-radius:0px;}
::-webkit-input-placeholder {
   color:#cccccc;
}
:-moz-placeholder { /* Firefox 18- */
   color:#cccccc;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#cccccc;
}
:-ms-input-placeholder {
   color:#cccccc;
}
input.date{margin:0 3px 0 0;width:110px}
em {font-style:normal;}
iframe {border:none;}
hr.gray { border:none; border-top:1px solid #e5e5e5; height:1px; }


/* Util */
.ta-c { text-align: center !important;}
.ta-r { text-align: right !important;}
.ta-l { text-align: left !important;}
.fl-l { float: left;}
.fl-r { float: right;}
.fl-no { float: none;}
.hidden { visibility: hidden;}
.fs35 { font-size:35px !important; }
.va-t { vertical-align:top !important; }
.bg-f6f6f6 { background:#f6f6f6; }
.bg-ffffff { background:#fff; }
.bg-gra { background:url(../../image/page/bg_gra.jpg) left bottom repeat-x;}

/* spaces */
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 3px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 70px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.ml75 { margin-left: 75px !important; }
.pl3 { padding-left: 3px !important; }
.ml0 { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.mr3 { margin-right: 3px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.pl30 { padding-left:30px !important; }
.b-blue { border:1px solid #56c7d5; }
.nmb { margin-bottom:0px !important; }

.relative { position:relative; }
.black { color:#333333 !important; }
.blue { color:#25aae1 !important; }
.blue395cb3 { color:#395cb3 !important; }
.blue0480ff { color:#0480ff !important; }
.red { color:#ff1010 !important; }
.redf04c6e { color:#f04c6e !important; }
.redcf1117 { color:#cf1117 !important; }
.gray999 { color:#999 !important; }
.gray888 { color:#888 !important; }
.gray333 { color:#333 !important; }
.green { color:#50a232 !important; }
.font17 { font-size:1.308rem !important; }
.font15 { font-size:1.154rem !important; }
.font14 { font-size:1.077rem !important; }
.font13 { font-size:1rem !important; }
.font12 { font-size:0.875rem !important; }
.font10 { font-size:0.769rem !important; }
.font-mj { font-family: 'Nanum Myeongjo'; font-weight:400; }
.bg-f8f8f8 { background:#f8f8f8; }
.of-hi { overflow:hidden; }
.thin { font-weight:100; }
.lh1 { line-height:1; }
.divide { display:inline-block; color:#bdbdbd; }
.lh1 .divide { margin:0px 7px; }
.login .divide { margin:0px 8px; }
.bg-gray { background:#f8f8f8; }
.harf { position:relative; width:50%; }
/* blind */
.blind{width:0; height:0; text-indent:-10000px;font-size:0px;line-height:0px; position:absolute; left:-99999px;}
.blind table{text-indent:-10000px}
/* skipnavi */
#skipnavi{height:0}
#skipnavi li a {display: block;font-size:1.154rem;width:100%;position:absolute;top:-10000px;left:0;text-align:center;z-index:999999}
#skipnavi li a:focus{position:absolute;top:0;left:0;font-weight:bold;background:#272727;padding:20px 0;color:#ffffff;height:14px}
/*layout*/
.box{ position:relative; width:100%; margin:0px auto; padding-left:3.33% !important; padding-right:3.33% !important; overflow:hidden; }
.box-harf{ position:relative; width:50%; margin:0px auto; padding-left:3.33% !important; padding-right:3.33% !important; overflow:hidden; }
.clear { clear:both; }
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-width:320px;
	margin:50px 0;
}
#wrap.main {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-width:320px;
	margin:0px 0 50px;
}
#contentsWrap { position:relative; min-height:500px; }
.basic-width { width:100%; padding:0px 3.125%; position:relative; overflow:hidden; }
.small-width { width:1010px; max-width:1010px; margin:0px auto; position:relative; }



#headerWrap {position:fixed; top:0; left:0; z-index:100; overflow:hidden; width:100%; border-bottom:1px solid #e4ebeb;}
.main #headerWrap {border-bottom:1px solid transparent;}
.main #headerWrap.fixed { border-bottom:1px solid #e4ebeb;}
#headerWrap .header {position:relative; overflow:hidden; width:100%; background:#fff;}
.main #headerWrap .header {position:relative; overflow:hidden; width:100%; background:transparent;}
.main #headerWrap.fixed .header { background:#fff; }
#headerWrap .header > p {position:relative; display:block; width:100%; text-align:center;}
#headerWrap .header > p a {display:block; width:113px; margin:auto;}
#headerWrap .header > button {position:absolute; display:block; top:0; z-index:2; width:53px;}
#headerWrap .header > button img {max-width:100%;}
#headerWrap .header .btn-menu {left:0;}
#headerWrap .header .btn-search {right:0;}
#menuWrap { position:fixed; top:0; left:-100%; z-index:101; width:59.375%; height:100%; background:#fff;  -webkit-transition:left 0.3s; -ms-transition:left 0.3s; -o-transition:left 0.3s; -moz-transition:left 0.3s; transition:left 0.3s;}
#menuWrap.active {left:0;}
#menuWrap > p.info {position:relative; width:100%; height:50px; background:#25aae1; color:#fff; border-bottom:1px solid #dddddd; }
#menuWrap > ul{ position:absolute; left:0px; top:0px; width:100%; height:50px; padding:10px 0px; }
#menuWrap > ul li { position:relative; width:50%; float:left; }
#menuWrap > ul li a { display:block; border-left:1px solid #51bbe7; padding-top:18px; color:#fff; text-align:center; font-size:0.692rem; }
#menuWrap > ul li a.join { background: url(../../image/common/ico_join.png) no-repeat center top; background-size:16px 16px; }
#menuWrap > ul li a.login { background: url(../../image/common/ico_login.png) no-repeat center top; background-size:16px 16px; }
#menuWrap > ul li a.logout { background: url(../../image/common/ico_logout.png) no-repeat center top; background-size:16px 16px; }
#menuWrap > ul li a.info{ background: url(../../image/common/ico_info.png) no-repeat center top; background-size:16px 16px; }
#menuWrap > ul li:first-child a { border-left:none; }
#menuWrap > p span {display:block; float:right; line-height:52px; margin-right:28px; color:#85ecff;}
#menuWrap .btn-menu-close {position:absolute; right:-36px; top:0px;  width:36px; height:50px; background:url("../../image/common/btn_close.png") no-repeat center center; background-size:17.5px; text-indent:-9999px; border:none; }
#gnbWrap {overflow-x:hidden; overflow-y:auto; margin-bottom:24px;}
#gnbWrap .depth1 > p {font-size:1rem; padding:13px 19px; cursor:pointer; border-bottom:1px solid #dddddd; background:url(../../image/common/gnb_off.gif) no-repeat right 15px center; background-size:12px;}
#gnbWrap .depth1 > p.active {color:#24aae1; background:url(../../image/common/gnb_on.gif) no-repeat right 15px center; background-size:12px;}
#gnbWrap .depth2-ul {display:none; overflow:auto; border-bottom:1px solid #e5e5e5; padding:12px 0px; background:#f9f9f9; }
#gnbWrap .depth2-ul > li {font-size:0.875rem;}
#gnbWrap .depth2-ul > li > a {position:relative; display:block; color:#666666; padding:6px 27px 6px 25px; letter-spacing:-1.5px;}
/*#gnbWrap .depth2-ul > li > a:before {content:''; position:absolute; display:inline-block; top:18px; left:21px; width:4px; height:4px; background:#0f6bd3}*/

#visualWrap { font-family: 'NanumSquare'; height:180px; padding:55px 0px; text-align:center; color:#fff;margin-top: 50px}
#visualWrap.main { padding:15px 0px; font-family: 'Nanum Myeongjo'; }
#visualWrap.main h2 { font-size:27px; margin-bottom:10px; }
#visualWrap h2 { font-size:21px; line-height:1; margin-bottom:15px; letter-spacing:-1.5px; font-weight:bold; }
#visualWrap h2 > span { line-height:1.5; }
#visualWrap #visual > p { font-size:13px; font-weight:500; letter-spacing:2px; line-height:1.5; }
#visualWrap.sub1 { background:url(../../image/page/bg_sub1.jpg) no-repeat center; background-size:cover; }
#visualWrap.sub2 { background:url(../../image/page/bg_sub2.jpg) no-repeat center; background-size:cover; }
#visualWrap.sub3 { background:url(../../image/page/bg_sub3.jpg) no-repeat center; background-size:cover; }
#visualWrap.sub4 { background:url(../../image/page/bg_sub4.jpg) no-repeat center; background-size:cover; }
#visualWrap.sub5 { background:url(../../image/page/bg_sub5.jpg) no-repeat center; background-size:cover; }
#visualWrap.sub6 { background:url(../../image/page/bg_sub6.jpg) no-repeat center; background-size:cover; }
#visualWrap.sub7 { background:url(../../image/page/bg_sub7.jpg) no-repeat center; background-size:cover; }
.main #visual h2 .title-img { display:block; margin-bottom:5px; }
.top-wrap { font-size:1.308rem; position:relative; height:37px; margin-bottom:20px;  }
.top-wrap h2 { font-size:1.308rem; font-weight:900; line-height:1; position:relative; color:#333333; letter-spacing:-1px; }
.top-wrap h2 > span.bar { width:40px; height:2px; display:inline-block; background:#000; position:absolute; left:0px; right:0px; margin:auto; bottom:-20px; }
.foofix{border-bottom:1px solid #ccc;position:fixed; bottom:0px;z-index:99;width:100%;}
.foofix ul{overflow:hidden;}
.foofix ul li{float:left;width:25%;}
#footerWrap { position:relative; }
#footerWrap .f-link { background:#3c4148; padding:10px 0px; }
#footerWrap .f-link a { font-size:0.769rem; color:#b0b1b3;}
#footerWrap .f-link .divide { color:#575b61; display:inline-block; margin:0px 5px; }
#footerWrap .f-txt { position:relative; background:#41464e; padding:20px 0px 10%; color:#b1b2b5; text-align:center; }
#footerWrap .f-txt p { color:#b1b2b5; font-size:9px; }
#footerWrap .f-txt p.name { color:#b1b2b5; font-size:13px; font-weight:bold; margin-bottom:10px; }
/*common*/
img.max { width:100%; }
.block {display:block; position:absolute; overflow:hidden; top:0; left:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.7;}
.blue { color:#09baee !important; }
.grey { color:#a0a0a0; }
.midium { font-weight:500; }
[class*="grid"] { position:relative; overflow:hidden; }
.grid1 a { width:100% !important; margin:0px !important; }
.grid2 a { width:49% !important; margin:0px !important; margin-left:2% !important; float:left; display:block; }
.layerPop .grid2 a { width:50% !important; margin:0px !important; float:left; display:block; }
.grid2 button { width:50% !important; margin:0px !important; text-align:center; border:1px solid #dbdbdc; color:#666666; font-size:0.769rem; line-height:28px; height:30px; float:left; position:relative; }
.grid2 button:nth-child(2){ margin-left:-1px !important; }
.grid2 button.on { border:1px solid #333333; color:#333333; z-index:2 }
.grid2 a:first-child { width:49%; margin:0px !important; margin-left:0; }
a.btn-wide-blue { width:300px; height:30px; line-height:28px; color:#fff; border:1px solid #25aae1; text-align:center; display:inline-block; font-size:0.769rem; font-weight:500; background:#25aae1; margin:0px 2px; }
a.btn-wide-grey { width:300px; height:30px; line-height:28px; color:#fff; border:1px solid #96a1b4; text-align:center; display:inline-block; font-size:0.769rem; font-weight:500; background:#96a1b4; margin:0px 2px; }
a.btn-nomal-blue { width:132px; height:30px; line-height:28px; color:#fff; border:1px solid #25aae1; text-align:center; display:inline-block; font-size:0.769rem; font-weight:500; background:#25aae1; margin:0px 2px; }
a.btn-nomal-blueline { width:132px; height:30px; line-height:28px; color:#25aae1; border:1px solid #25aae1; text-align:center; display:inline-block; font-size:0.769rem; font-weight:300; background:#fff; margin:0px 2px; }
a.btn-nomal-grey { width:132px; height:30px; line-height:28px; color:#fff; border:1px solid #444444; text-align:center; display:inline-block; font-size:0.769rem; font-weight:500; background:#444444; margin:0px 2px; }
a.btn-nomal-greyline,button.btn-nomal-greyline { width:132px; height:30px; line-height:28px; color:#444444; border:1px solid #444444; text-align:center; display:inline-block; font-size:0.769rem; font-weight:500; background:#fff; margin:0px 2px; }
a.btn-nomal-green { width:198px; height:30px; line-height:28px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#5cbb46; }
a.btn-board-blue { width:136px; height:38px; line-height:38px; color:#fff; border:1px solid #25aae1; text-align:center; display:inline-block; font-size:0.769rem; font-weight:400; background:#25aae1; margin:0px 2px; }
a.btn-board-grey { width:140px; height:30px; line-height:28px; color:#fff; border:1px solid #444444; text-align:center; display:inline-block; font-size:0.769rem; font-weight:400; background:#444444; }
a.btn-board-greyline { width:60px; height:30px; line-height:28px; color:#444444; border:1px solid #444444; text-align:center; display:inline-block; font-size:0.769rem; font-weight:400; background:#fff; }
a.btn-board-grey.directions { width:224px; height:30px; line-height:48px; color:#fff; text-align:left; display:inline-block; font-size:18px; font-weight:400; background:url(../../image/page/bg_diretion.png) no-repeat left 40px center #96a1b4; letter-spacing:-1.3px; padding-left:70px; }
a.btn-board-white { width:150px; height:38px; line-height:38px; color:#333; border:1px solid #a9a9a9; text-align:center; display:inline-block; font-size:15px; font-weight:400; background:#fff; }
a.btn-board-grey2 { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#b7b7b7; }
a.btn-board-grey-small { width:84px; height:30px; line-height:30px; color:#555555; border:1px solid #a9a9a9; text-align:center; display:inline-block; font-size:15px; font-weight:500; background:#f5f5f5; }
a.btn-small-grey { width:112px; height:30px; line-height:28px; color:#fff; border:1px solid #444; text-align:center; display:inline-block; font-size:0.769rem; font-weight:400; background:#444; margin:0px 2px; }
a.btn-small-greyline { width:112px; height:30px; line-height:28px; color:#444; border:1px solid #444; text-align:center; display:inline-block; font-size:0.769rem; font-weight:400; background:#fff; margin:0px 2px; }
a.btn-small-blue { width:96px; height:38px; line-height:38px; color:#fff; border:1px solid #25aae1; text-align:center; display:inline-block; font-size:16px; font-weight:400; background:#25aae1; margin:0px 2px; }
a.btn-board-more { border:1px solid #dddddd; width:112px; height:30px; line-height:28px; color:#999999; text-align:center; }
a.btn-board-more > span { background:url(../../image/page/icon_more.png) center right no-repeat; background-size:7px 5px; padding-right:10px; }
a.btn-treat { font-size:13px; color:#333; border:1px solid #25aae1; width:152px; height:30px; line-height:28px; background:url(../../image/page/icon_arrow.jpg) right 9px center no-repeat; background-size:7px 9px; text-align:center; }
[class^="pop"] a.btn-nomal-blue { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#09baee; margin:0px 2px; }
[class^="pop"] a.btn-nomal-grey { width:136px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; background:#b7b7b7; margin:0px 2px; }
.standby { display:inline-block; background:#b4b4b4; font-size:14px; padding:0px 20px; line-height:30px; height:30px; color:#fff; margin-left:40px;}
.q_comp { display:inline-block; background:#717171; font-size:14px; padding:0px 20px; line-height:30px; height:30px; color:#fff; margin-left:40px;}

.modal {
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=85);
    opacity: 0.8;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99998;
    display: none;
}
.layerPop {
    z-index: 99999;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 484px;
    background: #fff;
    box-shadow: 5px 10px 2px rgba(0,0,0,.1);
}
.title-sq { font-family: 'NanumSquare'; }
button {padding:0; background:none; border:none; cursor:pointer;}
/* selectbox */
.selectArea{position:relative; display:inline-block;}
select.select{padding: 0 10px;height:30px;font-size:12px;line-height:28px;display:inline-block;cursor:pointer;border:1px solid #dbdbdc;color:#626262;background:#fff url('../../image/common/btn_selectBox.gif') no-repeat right 4px center; }

div.selectbox-wrapper{position:absolute;width:400px;background-color:white;border:1px solid #dbdbdc;margin:-1px 0 0 0;padding:0;text-align:left;height:60;/*IE6 fix */ overflow-y:auto;z-index:1;max-height:300px;}
div.selectbox-wrapper ul li.selected{background-color:#eee}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:2px 5px 2px 10px;cursor:pointer;font-size:12px;line-height:28px;}
html:first-child select{padding-right:6px; height:20} /* Opera 9 & Below Fix */
/* selectbox 디자인만 */
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
/*radio, checkbox custom style*/
.check,
.radio {padding:2px 0 2px 20px;}
.radio {background: url(../../image/common/radio-off.png)no-repeat center left; }
.check {background: url("../../image/common/check-off.gif") no-repeat center left; background-size:17px 17px; }
label.c_on {background: url("../../image/common/check-on.gif") no-repeat center left; background-size:17px 17px; }
label.r_on {background: url("../../image/common/radio-on.png") no-repeat center left; }
.nm .check { margin:0px !important; background: url("../../image/common/check2-off.gif") no-repeat center left; background-size:17px 17px; }
.nm .check.c_on {margin:0px !important; background: url("../../image/common/check2-on.gif") no-repeat center left; background-size:17px 17px; }
label{margin:0 20px 0 0;line-height:1.5em; }
.board label{margin:0 10px 0 0;line-height:1.5em; letter-spacing: -0.5px; }
.check input,
.radio input { position: absolute; left: -9999px;}
/*paging*/
.paging{margin-top:0px;text-align:center; position:relative; }
.paging img { vertical-align:middle; }
.paging .number { height:35px; line-height:35px; font-family:'dotum' }
.paging .number a{font-size:0.769rem; padding:0px 8px; color:#444444; font-weight:300; }
.paging .number a.current{font-weight:bold; color:#444444;}
.paging .inner-btn { position:absolute; right:0px; top:0px; }
.paging .inner-btn-left { position:absolute; left:0px; top:0px; }

/*file*/
.file_input label {
    position:absolute;
	right:1px;
	top:7px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:60px;
    height:33px;
    background:#fff;
    color:#333333;
    text-align:center;
    line-height:30px;
	border:1px solid #333333;
	margin:0px !important;
	font-size:0.769rem;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:292px;
    height:33px;
    line-height:33px;
    font-size:12px;
    padding: 0px 10px;
    border: 1px solid #dbdbdc;

}

#dentalWrap { margin:60px 0px 10px; }
#quickConsultWrap { position:relative; width:100%; background:url(../../image/page/bg_quick_consult.jpg) no-repeat center; background-size:cover; z-index:50; }
#quickConsultWrap .quick-consult { position:relative; width:100%; margin:0px auto;  padding:30px 12px;}
#quickConsultWrap .quick-consult table tr td { position:relative; padding-bottom:10px; }
#quickConsultWrap .quick-consult table tr td:nth-child(1) {width:12% !important;}
#quickConsultWrap .quick-consult table tr td:nth-child(2) {width:73% !important;}
#quickConsultWrap .quick-consult table tr:nth-child(3) td input { width:28.5% !important; }
#quickConsultWrap .quick-consult table tr td.btn-td a { margin-left:5px; }
#quickConsultWrap .quick-consult table label { text-align:center; display:inline-block; margin:0; font-size:0.769rem; color:#fff; }
#quickConsultWrap .quick-consult table label.check { padding-left:25px; }
#quickConsultWrap .quick-consult .input-wrap { padding:4px 0px 4px 50px; vertical-align:top; color:#fff; font-size:16px; }
#quickConsultWrap .quick-consult .input-wrap .selectbox{height:33px;font-size:15px;line-height:29px;display:inline-block;cursor:pointer;border:2px solid #ddddde;color:#626262;background:#fff url('../../image/common/btn_selectBox3.gif') no-repeat right center;}
#quickConsultWrap .quick-consult .input-wrap .selectArea { color:#626262; position:relative; }
#quickConsultWrap .quick-consult p:first-child span:first-child label { margin-right:35px; }
#quickConsultWrap .quick-consult .input-wrap .radio { color:#fff; font-size:12px; font-weight:normal; }
#quickConsultWrap .quick-consult .input-wrap .check { color:#fff; font-size:12px; margin-left:35px; font-weight:normal; }
#quickConsultWrap .quick-consult .input-wrap .desc { color:#5cbfe8; font-size:12px; margin-top:26px; }
#quickConsultWrap .quick-consult .hp { font-size:29px; font-weight:bold; color:#b0c6eb; letter-spacing: -1px; margin-top:15px; }
#quickConsultWrap .quick-consult .hp span { font-size:18px; font-weight:bold; color:#b0c6eb; }
#quickConsultWrap .quick-consult input, #quickConsultWrap .quick-consult select { height:25px; border-radius:0px; border:2px solid #dbdbdc; line-height:23px; }
#quickConsultWrap .quick-consult select { vertical-align:middle; display:inline-block; background:#fff url('../../image/common/btn_selectBox3.gif') no-repeat right 7px center; background-size:10px 7px; }
#quickConsultWrap .quick-consult .divide { display:inline-block; color:#fff; width:8px; margin:0px !important; }
#quickConsultWrap .quick-consult .desc { color:#5cbfe8; font-size:9px; }
/*btn*/
[class*="btn"] { display:inline-block; }
.btn-repeat { line-height:33px; height:35px; width:133px; background:#fff; color:#333333; border:1px solid #333; font-size:14px; font-weight:600; margin-left:8px; vertical-align:middle; cursor:pointer; }
.contents { margin-bottom:0px; }
.contents h3 { font-size:0.875rem; font-weight:500; color:#333333; line-height:1; margin-bottom:10px; }
.contents h2 span { font-weight:200; display:inline-block; }
span.normal { font-weight:400 !important; }
#contentsWrap .textBox{border:1px solid #dcdcdc; font-weight:300; overflow:scroll; overflow-X:hidden; padding:10px; height:100px; color:#888; font-size:0.769rem; }
#contentsWrap .textBox.no-scroll { overflow:hidden; height:auto; }
/*color*/
.yellow { color:#fff568 !important; }
.pop { position:relative; width:100%; height:100%; /*max-width:320px;*/  }
.pop-footer { position:absolute; bottom:0px; left:0px; width:100%; }
.pop-body { position:relative; overflow-y:auto; }
.pop-footer > a { width:50%; float:left; }

/*trasition*/
.ani-all {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media all and (min-width: 375px) {
	#quickConsultWrap .quick-consult table tr td:nth-child(1) {width:12% !important;}
	#quickConsultWrap .quick-consult table tr td:nth-child(2) {width:73% !important;}
	#quickConsultWrap .quick-consult table tr:nth-child(3) td input { width:30% !important; }
}
@media all and (min-width: 400px) {
	#quickConsultWrap .quick-consult table tr td:nth-child(1) {width:12% !important;}
	#quickConsultWrap .quick-consult table tr td:nth-child(2) {width:73% !important;}
	#quickConsultWrap .quick-consult table tr:nth-child(3) td input { width:31% !important; }
}