@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */

/* �������������� ����Ǵ� �ڵ� */
#sideBar,
#topSpacer{display:none;}
#ctWrap{width:100%;max-width:100%;margin:0 auto !important;}
#hd{background-color:#f9f9f9;}
@media all and (max-width:980px)
{
	#hd,
	#hd #tnb,
	#hd #gnb{background:#fff;}
	#topSpacer{display:block;}
}

.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}



/* ���������� ����� �����̴� */


@media all and (max-width:980px){
	.visual .m_mainimg{display:block;}
	.visual .mainimg{display:none;}
	.visual .mainimg{margin-top:0;}
}


.mainVisualImage{width:100% !important;background:#efefef;height:auto;overflow:hidden;position:relative;z-index:1;padding:0px;margin:105px 0 0 0;}
.mainVisualImage .bx-wrapper{margin-bottom:0px;}
.mainVisualImage .bx-wrapper ul{width:100% ;padding:0px;margin:0px;}
.mainVisualImage .bx-wrapper ul > li{width:100% ;background:#efefef;position:relative; text-align:center;}
.mainVisualImage .bx-wrapper ul > li img{width:100% !important;display:block;height:auto;}

.mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; width:100%; left:0px; bottom:30px;z-index:9; text-align:center;}
.mainVisualImage .bx-wrapper .bx-pager a{-moz-border-radius:10px !important;-webkit-border-radius:10px !important;border-radius:10px !important; width:12px !important; height:12px !important;border:2px solid #ddd; background:rgba(0,0,0,.4) !important;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important;}
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:40px !important;background:RGBA(4,4,4,.8) !important; border:2px solid #efefef;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


.mvTit01{font-size:60px; color:#fff;display:block;position:absolute; left:10%;right:10%; bottom:50%; margin-top:-10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.mvTit02{height:100%;display:block;position:absolute; left:10%;right:10%; top:50%; margin-bottom:-20px; text-decoration:none;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}
.mvTit02 .mvTit02txt{font-size:30px; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.visual{overflow:hidden; position:relative; width:100%;margin-top:139px;} /*팝업 li의 넓이가 됨*/
.visual ul{position:absolute; left:0; top:0;}
.visual ul li{float:left; height:560px;}

.visual ul li{background-size:cover;}
.visual ul li.visual_01{background:url(/theme/basic/img/mainImg01_02.jpg)/*수정전 mainImg01.jpg*/ center center no-repeat;background-size:cover;}
.visual ul li.visual_02{background:url(/theme/basic/img/mainImg02_02.jpg)/*수정전 mainImg02.jpg*/ center center no-repeat;background-size:cover;}

.visual ul li .m_visual{display:none;}


@media all and (max-width:980px){
	.visual{margin-top:0;}
    .visual ul li{float:left; height:400px;margin-top:0px;}
	.visual ul li.visual_01,
	.visual ul li.visual_02{background:block;background-size:cover;}
	.visual ul li.visual_01{background-position:right 60% top 100%;}
	.visual ul li.visual_02{background-position:left 52% top 100%;}
	.visual ul li .m_visual{display:block;}
}
@media all and (max-width:600px){
	.visual ul li{height:300px;}	
}

.visual .visual_wrap{width:1200px;margin:0 auto;position: relative;}
.visual .visual_text{position: absolute;top:350px;right:0;z-index: 800;}
.visual .visual_text .mainImg_text_01,
.visual .visual_text .mainImg_text_02{display: block;}
.visual .visual_text .vi_bottom{float:right;}
.visual .mvLink{display:block;width:410px;font-size:15px; color:#fff;text-decoration:none; padding:11px 30px; border-radius:50px;background:#3b7bae;margin: 28px 0 20px 0;}

@media all and (max-width:980px){
	.visual .visual_wrap{width:100%;margin:0 5%;}
	.visual .visual_text{top:50px;right:0;}
	.visual .visual_text .mainImg_text_01{display:none;}
	.visual .visual_text .mainImg_text_02{display:none;}
	.visual .mvLink{width:410px;font-size:15px;padding:8px 30px;margin:10px 0 5px 0;}
}
@media all and (max-width:800px){
	.visual .visual_text{top:250px;right:0;}
}
@media all and (max-width:700px){
	.visual .visual_text{top:200px;right:0;}
}
@media all and (max-width:560px){
	.visual .visual_text{top:180px;right:0;}
}
@media all and (max-width:440px){
	.visual .visual_text{top:150px;right:0;}
}
@media all and (max-width:390px){
	.visual .visual_text{top:120px;right:0;}
}
@media all and (max-width:350px){
	.visual .visual_text{top:110px;right:0;}
}


/*
.visual .mvLink{position:absolute;right:20%;bottom:33%;display:block;font-size:15px; color:#fff;text-decoration:none; padding:11px 30px; border-radius:50px;background:#3b7bae;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}*/

.visual .mvLink .main_allow{display:inline-block;width:25px !important;height:25px;margin-left:10px;}
@media all and (max-width:1600px){
	.visual .mvLink{bottom:25%;}
}

@media all and (max-width:980px)
{
	.visual .mvLink{right:6%;bottom:20%;width:auto; display:block;font-size:12px; padding:5px 10px; }
	.visual .mvLink .main_allow{width:18px !important;height:18px;margin-left:5px;}
}



.mvTit02 a:hover.mvLink{border:1px solid #000;background:#222; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.mvTit01,
.mvTit02 .mvTit02txt{text-shadow: rgba(0,0,0,.8) 0px 0px 10px;text-shadow: rgba(0,0,0,.8) 0px 0px 10px 10px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=5);}

@media all and (max-width:980px)
{
	.mvTit01{font-size:50px;}
	.mvTit02 .mvTit02txt{font-size:24px;}
}

@media all and (max-width:800px)
{
	.mainVisualImage .bx-wrapper .bx-pager{bottom:10px !important;}
	.mainVisualImage .bx-wrapper .bx-pager a{width:10px;height:10px !important; margin:0 2px;}
	.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:20px !important;}

	.mainVisualImage .bx-wrapper ul > li{width:100%; overflow:hidden;}
	.mainVisualImage .bx-wrapper ul > li img{width:160% !important; max-width:160% !important; margin-left:-30%;}
 
	
	.mvTit01{font-size:28px; bottom:60% !important;}
	.mvTit02 {top:45% !important;}
	.mvTit02 .mvTit02txt{font-size:18px;}
	.mvTit02 .mvLink{width:120px;padding:5px;font-size:11px;font-weight:normal;}

}

@media all and (max-width:400px)
{
	.mvTit01{font-size:20px;}
	.mvTit02 .mvTit02txt{font-size:12px;}
}




/* ���� ������ ���̾ƿ� */

.mainContents{width:100%; max-width:1200px; margin:0 auto; overflow:hidden;clear:both; padding:50px 0;}
.mainContents h2{font-size:30px;text-align:center;font-weight:800;color:#fff;margin:20px 0;}

.mainContentsW100{width:100%;clear:both;overflow:hidden;}

.latTitNone .galleryLat,
.latTitNone .galleryBoxLat{margin:0px;padding:0px;}
.latTitNone .galleryBoxLat ul{margin:0px;padding:0px;}
.latTitNone .galleryLat ul li,
.latTitNone .galleryBoxLat ul li{width:20%;}
.latTitNone .galleryLat .galleryLatTit,
.latTitNone .galleryBoxLat .galleryLatTit{height:1px;overflow:hidden;margin-top:-1px;}
.latTitNone.btnMoreNone .lt_more{display:none;} 

@media all and (max-width:980px)
{

}

@media all and (max-width:650px)
{
	.mainContentsW100 .galleryLat ul li,
	.mainContentsW100 .galleryBoxLat ul li{width:33.33333333%;}
	.mainContentsW100 .galleryLat ul li:last-child,
	.mainContentsW100 .galleryBoxLat ul li:last-child{display:none;;}
}

/* 2�ܷ��̾ƿ� */
.mainTwoLatArea{width:100%;margin:0 auto; overflow:hidden;}
.mainTwoLatArea .MTLA01,
.mainTwoLatArea .MTLA02{width:50%;float:left;margin-left:-1px;}

@media all and (max-width:850px)
{
	.mainTwoLatArea{padding:0 15px;}
	.mainTwoLatArea .MTLA01,
	.mainTwoLatArea .MTLA02{width:100%;float:none;}
}

/* 3�ܷ��̾ƿ� */
.mainThreeLatArea{width:100%;margin:0 auto; overflow:hidden;}
.mainThreeLatArea .MTLA01,
.mainThreeLatArea .MTLA02,
.mainThreeLatArea .MTLA03{width:30%;float:left;margin-left:-1px;}
.mainThreeLatArea .MTLA02{margin:0 5%;}

@media all and (max-width:850px)
{
	.mainThreeLatArea{padding:0 15px;}
	.mainThreeLatArea .MTLA01,
	.mainThreeLatArea .MTLA02,
	.mainThreeLatArea .MTLA03{width:100%;float:none;}
	.mainThreeLatArea .MTLA02{margin:0 0;}
}


/* 4�� ���̾ƿ� */
.mainFourLatArea{width:100%;margin:0 auto; overflow:hidden;}
.mainFourLatArea .MTLA01,
.mainFourLatArea .MTLA02,
.mainFourLatArea .MTLA03,
.mainFourLatArea .MTLA04{width:25%;float:left;margin-left:-1px;}


@media all and (max-width:980px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:50%;float:left;}
}

@media all and (max-width:650px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:100%;float:none;margin-left:0px;}
}


/* ���������� �� */
.centerBar{width:80px;height:5px;background:#ddd;margin:30px auto;}

.mainBasicCont01{width:100%;padding:20px 20px 100px 20px ;text-align:center; background:#fff;}
.mainBasicCont01 h2{color:#000; font-size:30px;margin-bottom:9px;font-family:"Nanum Square","NanumSquare",'Century Gothic','Noto Sans Korean','Malgun Gothic';}
.mainBasicCont01 h3{color:#999; font-size:15px;font-weight:800;}
.mainBasicCont01 .MBC01txt{font-size:14px;color:#666;line-height:1.5em;}

@media all and (max-width:700px)
{
	.mainBasicCont01{width:100%;padding:50px 20px;}
	.mainBasicCont01 h2{font-size:18px;}
	.mainBasicCont01 h3{font-size:13px; font-weight:normal;}
	.mainBasicCont01 .MBC01txt{text-align:left; font-size:12px;}
}

/* ������ �� */
.background-dark{position:relative; 
    background:#222222;
}
.background-dark .webzLatTit a,
.background-dark .basicLatTit a,
.background-dark .qnaLatTit a{color:#fff;}
.background-dark ul li{}
.background-dark ul li a{color:#ddd;}


/* ��������� �� */
.background-light{background:#f3f4f7;}


/*�����Ұ� ������ũ*/
.main_info ul li{float:left;width:20%;}
.main_info ul li img{width:100%;}
.main_info ul li:nth-child(6){display:none;}
@media all and (max-width:650px){
	.main_info ul li{float:left;width:33.33333333%;}
	.main_info ul li img{width:100%;}
	.main_info ul li:nth-child(6){display:block;}
}


/* ���� 4�� ������ */
.main_figure_list{width:100%;overflow:hidden;padding:30px 0;}
.main_figure_list li{width:25%; float:left; text-align:center;border-bottom:0px;}
.main_figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#fff; font-size:3em;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main_figure_list li:hover i{background:#000;  color:#fff;transform: rotate(360deg);-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.main_figure_list li strong{display:block; font-size:20px; color:#fff; margin:23px 5px 5px 5px;font-weight: 800;}
.main_figure_list li span{display:block; font-size:13px; color:#999; margin:5px;}
.main_figure_list li a{display:inline-block;background:#0f5f9e;padding:9px 20px;margin-top:10px;border-radius:50px;font-size:13px;color:#f2f2f2 !important;font-weight:600;}



@media all and (max-width:650px)
{	
	.mainContents{padding:20px 0;}
	.main_figure_list{padding:0;}
	.main_figure_list li{width:50%; float:left; text-align:center;margin:20px 0;}
	.main_figure_list li i{display:block;margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%;background:#ddd; font-size:3em;}
	.main_figure_list li strong{font-size:16px;}
	.main_figure_list li span{font-size:11px;}
	.main_figure_list li a{margin-top:6px;}
	
}

/*����ȳ�, ������*/
.m_guide{height:292px;}
.m_guide .m_guide_left{float:left;width:50%;height:292px;background:url("/theme/basic/img/medical_guide_left.jpg") no-repeat;background-size:cover;}
.m_guide .m_guide_right{float:right;width:50%;height:292px;background:url("/theme/basic/img/medical_guide_right.jpg") no-repeat;background-size:cover;}
.m_guide .m_guide_left .m_guide_left_text{margin-left:35%;}
.m_guide .m_guide_left .m_guide_left_text h3{font-size:25px;color:#fff;margin:50px 0 30px 0;font-weight:800;}
.m_guide .m_guide_left .m_guide_left_text ul li{font-size:18px;color:#fff;font-weight:700;margin:7px 0;}
.m_guide .m_guide_left .m_guide_left_text ul li span{display:inline-block;width:130px;text-align: center;letter-spacing:-1px;margin-right: 30px;}
.m_guide .m_guide_left .m_guide_left_text p{font-family:'Malgun Gothic';font-size:15px;color:#fff;background-color:#c89b43;display:inline-block;padding:7px 20px 10px 20px;border-radius:50px;margin-top:20px;}
.m_guide .m_guide_right .m_guide_right_text{margin:66px 0 0 20%;}
.m_guide .m_guide_right .m_guide_right_text h3{font-size:25px;color:#fff;margin:67px 0 20px 0;font-weight:800;}
.m_guide .m_guide_right .m_guide_right_text p{font-size:15px;color:#fff;font-weight:700;margin:10px 0;}
.m_guide .m_guide_right .m_guide_right_text p span{margin-right:20px;}
.m_guide .m_guide_right .m_guide_right_text img{margin-bottom:15px;}

@media all and (max-width:1200px){
	.m_guide{height:auto}
	.m_guide .m_guide_left,
	.m_guide .m_guide_right{float:none;width:100%;height:230px;}
	.m_guide .m_guide_left .m_guide_left_text h3,
	.m_guide .m_guide_right .m_guide_right_text h3{padding:34px 0 20px 0;margin:0;}
	.m_guide .m_guide_right .m_guide_right_text{margin:0 0 0 20%;}
}

@media all and (max-width:650px){
	.m_guide .m_guide_left .m_guide_left_text,
	.m_guide .m_guide_right .m_guide_right_text{margin-left:5%;margin-right:5%;}
	.m_guide .m_guide_left .m_guide_left_text h3,
	.m_guide .m_guide_right .m_guide_right_text h3{font-size:17px;padding:40px 0 20px 0;}
	.m_guide .m_guide_left .m_guide_left_text ul li{font-size:14px;}
	.m_guide .m_guide_left .m_guide_left_text p{font-size:13px;padding:3px 10px 1px 10px;margin-top:10px;}
	.m_guide .m_guide_right .m_guide_right_text p{font-size:12px;margin:0 0 0 0;}
	.m_guide .m_guide_right .m_guide_right_text img{margin-bottom:11px;margin-top:11px;width:70%;}
}



/*상아치과기공 css 수정 190716~ 변지선*/
.smain_vi_txt{margin-top:120px;font-size:18px;line-height:35px;color:#0f2851;}
.smain_vi01_txt{font-size:18px;line-height:35px;margin-top:80px;color:#0f2851;}
@media all and (max-width:980px){
	.smain_vi_txt{display:block;width:60%;margin-top:50px;}
	.smain_vi01_txt{font-size:14px;line-height:28px;margin-top:30px;}
}
@media all and (max-width:560px){
	.smain_vi_txt{width:70%;}
	.smain_vi01_txt{width:55%;line-height:1.6;}
	.smain_vi01_txt.do02{width:100%;}
}
@media all and (max-width:410px){
	.smain_vi_txt{width:80%;}
}
.visual_02 .visual_wrap{width:45%;float:right;}
@media all and (max-width:980px){
	.visual_02 .visual_wrap{width:45%;}
	.visual_02 .smain_vi_txt{width:100%;}
}
@media all and (max-width:560px){
	.visual_02 .visual_wrap{width:55%;}
}

.main_info ul{}
.main_info ul li{width:32.3333%;margin-right:1%;height:450px;text-align:center;color:#0f2851;}
.main_info ul li:nth-child(1){background:url("/theme/basic/img/main/main_info1_02.jpg")/*수정전 main_info1*/ center center no-repeat;}
.main_info ul li:nth-child(2){background:url("/theme/basic/img/main/main_info2.jpg") center center no-repeat;}
.main_info ul li:nth-child(3){background:url("/theme/basic/img/main/main_info3.jpg") center center no-repeat;}
.main_info ul li:nth-child(3){margin-right:0;}
.main_info .mainContents{padding:0;margin-bottom:0;}
.main_info ul li h3{font-family: 'NanumSquareRound',sans-serif;font-size:35px;margin:32px 0 20px 0;}
.main_info ul li p{font-family:"Nanum Gothic";font-size:16px;line-height:24px;font-weight:400;}
.main_info ul li a{display:block;width:190px;height:35px;line-height:35px;border:1px solid #0f2851;font-size:14px;margin:17px auto 0 auto;}
@media all and (max-width:800px){
	.main_info ul{margin-top:25px;}
	.main_info ul li{float:none;width:100%;height:200px;margin-right:0;margin-bottom:10px;text-align:left;padding:30px 40px;}
	.main_info ul li:nth-child(1){background:url("/theme/basic/img/main/main_info1_m_02.jpg")/*기존 main_info1_m*/ center right no-repeat;background-size:cover;}
	.main_info ul li:nth-child(2){background:url("/theme/basic/img/main/main_info2_m.jpg") center left no-repeat;background-size:cover;}
	.main_info ul li:nth-child(3){background:url("/theme/basic/img/main/main_info3_m.jpg") center right no-repeat;background-size:cover;}
	.main_info ul li h3{font-size:30px;margin:0;}
	.main_info ul li p{font-size:14px;line-height:22px;}
	.main_info ul li a{margin:17px 0 0 0;text-align:center;}
	.main_info ul li:nth-child(2){text-align:right;}
	.main_info ul li:nth-child(2) a{text-align:center;float:right;}
	.main_info .mainContents{margin-bottom:0;}
}



.mainBasicCont01 h2{margin:60px 0 55px 0;}
.mainBasicCont01 .MBC01txt{font-family: 'NanumSquareRound',sans-serif;font-size:40px;color:#0f2851;font-style:italic;width:70%;margin:0 auto;}
.mainBasicCont01.mobile_ver_mbc01{display:none;}
@media all and (max-width:700px){
	.mainBasicCont01{display:none;}
	.mainBasicCont01.mobile_ver_mbc01{display:block;}
	.mainBasicCont01.mobile_ver_mbc01 h2{margin:0;}
	.mainBasicCont01.mobile_ver_mbc01 .MBC01txt{font-size:25px;width:100%;text-align:center;margin-top:30px;}
}
@media all and (max-width:400px){
	.mainBasicCont01.mobile_ver_mbc01 .MBC01txt{font-size:20px;}
}


.main_gall_ta{width:760px;float:left;}
.main_online_ta{width:380px;float:right;display:none;}/* 제작의뢰 게시판 연동 */
@media all and (max-width:1200px){
	.main_gall_ta{width:90%;margin:0 5%;float:none;}
	.main_online_ta{width:90%;margin:0 5%;float:none;}
}

.banner-main{float:right;width:380px;padding-top:78px;}
.banner-main div{height:200px;padding-top:10px;padding-left:25px;position:relative;}
.banner-main div::before{content:'';position:absolute;top:0;right:0;background:#e5eff5 url('/theme/basic/img/main/banner-main.jpg') no-repeat right top;width:100%;height:100%;z-index:-1;}
.banner-main div h2{font-size:23px;color:#0f2851;line-height:44px;text-align:left;}
.banner-main div p{font-size:16px;line-height:24px;color:#0f2851;word-break:keep-all;text-shadow:1px 1px 6px rgba(255,255,255,.5);}
@media all and (max-width:1200px){
  .banner-main{float:none;width:90%;margin:0 5%;}
  .banner-main div p .pc_br{display:none;}
}
@media all and (max-width:950px){
  .banner-main div p{width:60%;}
}
@media all and (max-width:550px){
  .banner-main div::before{background-size:contain;}
  .banner-main div h2{line-height:30px;}
  .banner-main div p{width:70%;text-shadow:1px 1px 6px rgba(255,255,255,.9);}
}
@media all and (max-width:480px){
  .banner-main div::before{background-size:cover;opacity:0.5!important;filter:alpha(opacity=50);}
}