@charset "utf-8";
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;*/
}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* custom */
img { border: 0; vertical-align: top;}
a { color: #000; text-decoration: none;}
a:hover, a:focus, a:visited { text-decoration: none;}

* {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}
/*-- sticky-nav --*/
html,body { width:100%; }
#wrap {position:relative; width:100%;}
body { overflow-x:hidden; }
.container-wrap { width:100%; }
.basic-wrap {margin: 0 auto; width:1201px; position: relative; overflow: hidden; }
.header-wrap { position:fixed; left:0px; top:0px; width:100%; z-index:3; }
.header-wrap.fixed { background-color:#fff; }
.header-wrap .header { width:1201px; height:129px; padding-left:122px; background-image:url("../image/logo.png"); background-repeat:no-repeat; background-position:left center; position: relative; border-bottom:1px solid rgba(255,255,255,.33);  }
.header-wrap.fixed .header { width:1201px; height:129px; padding-left:122px; background-image:url("../image/logo_fixed.png"); background-repeat:no-repeat; background-position:left center; position: relative; border-bottom:1px solid rgba(255,255,255,.33); }
.header ul {position:relative; overflow:hidden; }
.header ul li {float:left; margin-left:70px; padding:0; }
.header ul li:first-child {margin-left:2px; padding:0;}
.header ul li a {display:block; letter-spacing:-1.7px; height:128px; line-height:128px; font-family:"Nanum Square"; font-size:23px; color:#fff;  }
.header-wrap.fixed .header ul li a { color:#343839; }
.header ul li:first-child a { margin-left:0px; }
.header ul li a img { vertical-align:middle; }

.visual-wrap { position:relative; width:100%; height:1272px; border-bottom:40px solid #25aae1; }
.visual-wrap .bx-wrapper { width:100%; height:100%;  }
.visual-wrap .bx-viewport , .visual-wrap .bx-wrapper ul,.visual-wrap .bx-wrapper ul li  { height:100%; }
.visual-wrap .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; bottom:210px; }

.visual-wrap .bx-wrapper .bx-pager .bx-pager-item,
.visual-wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background:#fff;
	text-indent: -9999px;
	display: block;
	width: 84px;
	height: 1px;
	margin: 0;
	outline: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	margin:0px 20px;
	margin-top:-3px;
	
}

.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff; height: 5px; line-height:5px;
}
.video-wrap { position:absolute; left:0px; top:1579px; }
#one { background-color:#4f7280; }
#two { background-color:#fff; position:relative; }
#three { background-color:#4f7280; position:relative; }
#four { background-color:#4a4a4a; position:relative; }
#five { background-color:#ebebeb; position:relative; }
#six { position:relative; background-image:url("../image/bg_six.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; }
#seven { position:relative; min-height:653px; background-image:url("../image/bg_seven.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover; }
.tour { background-color:#c8ac88; height:1340px; }
.tour .tour-slider img { width:100%; }
.contact { background-color:#fff; }
.map-wrap{position:relative; width:1201px; height:420px; background:#d8d8d8;}

.tour-wrap { width:1201px; position:relative; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.tour-wrap .bx-wrapper .bx-prev {
	left: -95px;
	background:url(../image/tour/bg_prev.png) no-repeat;
}

.tour-wrap .bx-wrapper .bx-next {
	right: -95px;
	background:url(../image/tour/bg_next.png) no-repeat;
}

.tour-wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 300px;
	margin-top: -47px;
	outline: 0;
	width: 95px;
	height: 95px;
	text-indent: -9999px;
	z-index: 1;
	background-position:0;
}

#tour-pager,.tour-wrap .bx-wrapper { position:relative; width:927px; margin:0px auto; }
#tour-pager { margin-top:40px; }
#tour-pager h4 { font-size:18px; color:#555; line-height:1; margin-bottom:8px; }
#tour-pager a { position:relative; display:inline-block; margin-left:9px; float:left; margin-bottom:20px; }
#tour-pager > div a:nth-child(6n+1) { margin-left:0px; }
#tour-pager a .over { display:none; border: 4px solid #f4d42d; position:absolute; width:100%; height:100%; left:0px; top:0px; }
#tour-pager a:hover .over,#tour-pager a.active .over {  display:block; }
.tel {text-align:center;}

.info { padding-top:165px; }
.info .container {background:#409ceb;}
.info .info-box { overflow:hidden; float:left; widtH:650px; }
.info .info-box li { margin-bottom:10px; }
.info .info-box li label {display:inline-block; margin:-13px 0 0; width:80px; text-align:left; vertical-align:middle;}
.info .info-box li.agree label {
    margin: 0;
    margin-right: 5px;
    width: auto;
}
div.agree{text-align:right;}
.info .agree a { font-size:14px; color:#fff; font-family:'dotum'; }
.info .agree {text-align:right; line-height:17px; margin-top:20px; margin-bottom:47px !important; }
.info .agree label { display:inline-block; margin-right:5px; width:auto;}
.info .agree .chk {width:21px; height:21px; vertical-align:top; margin-top:-1px; }
.info .info-box.st02 {margin:0; width:550px; text-align:left; overflow:hidden; }
.info .info-box.st02 label {margin:0;display:inline-block; width:116px; text-align:left; vertical-align:top; margin-top:12px; }
.info .info-box .question { margin-bottom:43px !important; width:100% !important; margin-top:0px !important; }
.info .content {margin:20px 0 0;}

.footer-wrap { background:#50473b; width:100%; }
.footer {overflow:hidden; padding:40px 0 40px 20px;  text-align:left;}
.footer .flogo {float:left;}
.footer .finfo {float:left; color:#ffffff; font-size:15px; width:763px; letter-spacing:-1px; }
.footer .finfo a { color:#ffffff; font-size:14px; text-decoration:none; display:inline-block; }
.footer .finfo li {margin:3px 0;}

.quick {position:absolute; top:850px; left:50%; margin-left:550px; right:auto; padding:5px 0; background:#b2eaff; width:74px;}
.quick li {padding:15px 0; text-align:center;}

.input01 {padding:5px; font-size:23px; color:#fbf1e5; font-weight:normal; border:1px solid #fbf1e5; background:transparent; width:428px; height:36px; line-height:34px; outline:none;}
.chk {width:21px; height:21px; vertical-align:middle;}
.textarea { font-size:15px; color:#282828; background:#fbf1e5; width:593px; height:330px; font-family:'dotum'; }

.select01 {display:inline-block; padding:3px 40px 3px 3px; font-size:18px; border:2px solid #409ceb; background:#fff url('../image/bg_select.gif') right 0px no-repeat; width:280px; height:41px; box-sizing:border-box; white-space:pre; -moz-appearance:none; appearance:none; -webkit-appearance:none; text-overflow:'';}
.select01::-ms-expand {display: none}

.gif-wrap { position:absolute; left:50%; margin-left:-327px; top:460px; width:654px; height:386px; }
#one { position:relative; }
.btn-close { display:none; }
.mo-menu { display:none; }



.num { position:absolute; right:0px; top:1049px; z-index:2; height: 2713px; overflow: hidden; }
table{border-collapse:collapse;border-spacing:0;width:100%}

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

/* spaces */
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 3px !important; }
.mt10 { margin-top: 10px !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; }
.mb10 { margin-bottom: 10px !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; }
.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; }
.ml0 { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.mr3 { margin-right: 3px !important; }
.mr10 { margin-right: 10px !important; }
.pl30 { padding-left:30px !important; }
.b-blue { border:1px solid #56c7d5; }
/*radio, checkbox custom style*/
.check,
.radio {padding:2px 0 2px 20px;}
.radio {background: url(../image/radio-off.png)no-repeat center left; }
.check {background: url("../image/check-off.gif") no-repeat center left; }
label.c_on {background: url("../image/check-on.gif") no-repeat center left; }
label.r_on {background: url("../image/radio-on.png") no-repeat center left; }
label{margin:0 20px 0 0;line-height:1.5em; letter-spacing: -0.5px; }
.board label{margin:0 10px 0 0;line-height:1.5em; letter-spacing: -0.5px; }
.check input,
.radio input { position: absolute; left: -9999px;}
/* selectbox */
.selectArea{position:relative; display:inline-block;}
.selectbox{padding: 0 10px;height:35px;font-size:12px;line-height:33px;display:block;cursor:pointer;border:1px solid #dbdbdc;color:#626262;background:#fff url('../../image/common/btn_selectBox.gif') no-repeat right 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 */
#dentalWrap { margin-bottom:160px; padding-top:95px; }
.small-width { width:1010px; max-width:1010px; margin:0px auto; position:relative; }
.basic-width { width:1201px; max-width:1201px; margin:0px auto; position:relative; }
#quickConsultWrap { position:relative; width:100%; height:250px; background:url(../image/bg_quick_consult.jpg) no-repeat center; background-size:cover; z-index:2; }
#quickConsultWrap .quick-consult { position:relative; margin:0px auto; width:1110px; padding:57px 0px;}
#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/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 { height:33px; border:2px solid #dbdbdc; }

#sitemapWrap { position:relative; width:100%; overflow:hidden; height:417px; border-top:1px solid #41464e; background:#41464e; z-index:1; }
#sitemapWrap .sitemap { position:relative; width:1170px; margin:0px auto; }
.sitemap-menu { position:absolute; overflow:hidden; font-weight:500; }
.sitemap-menu li { margin:8px 0px;  }
.sitemap-menu li a{ color:#999999; font-size:13px; font-weight:normal; }
.sitemap-menu li ul li a { color:#999999; font-size:12px; font-weight:normal; }
.sitemap-menu.mn1 { left:31px; top:63px; }
.sitemap-menu.mn2 { left:191px; top:63px; }
.sitemap-menu.mn3 { left:348px; top:63px; }
.sitemap-menu.mn4 { left:506px; top:63px; }
.sitemap-menu.mn5 { left:663px; top:63px; }
.sitemap-menu.mn6 { left:31px; top:247px; }
.sitemap-menu > a{ font-size:14px; color:#fff; margin-bottom:8px; display:inline-block; }
#footerWrap { position:relative; width:100%; overflow:hidden; border-top:1px solid #222326; background:#222326; padding:20px 0px; }
#footerWrap .f-logo { height:56px; }
#footerWrap .f-txt { height:147px; margin-left:72px;  }
#footerWrap .f-txt a{ color:#959596; font-size:12px; }
#footerWrap .f-txt p{ margin-top:19px; font-size:12px; color:#959596; }
#footerWrap .f-txt .divide { display:inline-block; color:#565658; margin:0px 7px; }
.layerPop .btnX{position:absolute; top:30px; right:30px; z-index:99999;}
@media (max-width: 1108px) {
  /*#wrap {position:absolute; top:0px; left:50%; margin-left:-700px; }*/
}
/* Portrait mode */
@media only screen and (orientation: portrait) {
	.header-wrap .header {background-color:#fff;width:100%;height: 150px;padding-left:0px;background-image:url("../image/logo_mo_fixed.png");background-repeat:no-repeat;background-position:center center;position: relative;border-bottom:1px solid rgba(255,255,255,.33);background-size: 27%;}
	.header-wrap.fixed .header { width:100%; height:101px; padding-left:0px; background-image:url("../image/logo_mo_fixed.png"); background-repeat:no-repeat; background-position:center center; position: relative; border-bottom:1px solid rgba(255,255,255,.33); }
	.header ul { position:fixed; background-color:#fff; overflow:visible; width:65.6%; left:-100%; top:0px; height:100%; z-index:2; trnsition:all .3; }
	.header.active ul { left:0px; }
	.header.active .bg { display:block; }
	.header .bg { width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,.7); z-index:1; display:none; }
	.header ul li { margin-left:0px; width:100%; border-bottom:1px solid #dddddd; }
	.header ul li a { color:#343839; padding:0px 35px; line-height:90px; height:90px; font-size:27px; }
	.btn-close { position:absolute; right:-70px; top:0px; padding:20px; display:block; }
	.mo-menu { display:block; position:absolute; left:0px; top:0px; }
	.mo-menu a {display:block;width: 150px;height: 150px;background-image:url("../image/mo_menu_fixed.png");background-repeat:no-repeat;background-position:center;background-size: 120%;}
	.header-wrap.fixed .mo-menu a { width:100px; height:100px; background-image:url("../image/mo_menu_fixed.png"); background-repeat:no-repeat; background-position:center; }
	.num { display:none; }
	
}
