@charset 'utf-8';

.od-container { }
.od-container .contents { max-width:1280px; padding:0 50px 150px 50px; margin:0 auto; box-sizing:border-box; }
.od-container h3 { padding-top:80px; font-size:50px; color:#055aaf; font-weight:700; line-height:1.25em; text-align:left; height:220px; box-sizing:border-box; }
.od-container h3.h3 { padding-top:0; height:130px; }

/* button_area */
.button_area { width:100%; overflow:hidden; }
.button_area .btn { display:inline-block; border:0; width:240px; height:110px; line-height:100px; background-color:#055aaf;  box-sizing:border-box; font-size:34px; font-weight:700; color:#fff; font-weight:700; text-align:center; vertical-align:middle; cursor:pointer; }
.button_area .border { border:2px solid #82ABD7; background:none; color:#055aaf; }
.button_area .btn:hover { border: 2px solid #4383C3; }

.button_area .btn2 { display:inline-block; width:130px; height:52px; line-height:52px; text-align:center; background-color:#09315a; font-size:18px; color:#fff; vertical-align:middle; cursor:pointer; }

.button_area .al { float:left; }
.button_area .ar { float:right; }


/* 1-1. 의료진소개
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.doctor_info { position:relative; height:940px; padding-top:55px; box-sizing:border-box; }
.doctor_info .tbox { position: relative; z-index:5; }
.doctor_info .t01 { text-align:center; }
.doctor_info .t02 { font-size:48px; margin-top:5px; padding:0 15px; color: #fff; font-weight:400; line-height: 1.45em; text-align:center; }
.doctor_info .t02 b { }
.doctor_info .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; background-position:center; background-image: url('../img/intro/sub_01_img_01.jpg'); background-size:cover; }
.doctor_info .mobile { display:none; }

.doctor_list { }
.doctor_list ul { }
.doctor_list ul li { text-align:center; padding-top:110px; }
.doctor_list ul li:nth-child(2n) { background-color:#fff; }
.doctor_list ul.web { }
.doctor_list ul.mobile { display:none; }
.doctor_list ul.mobile li { padding-top:0; }
.doctor_list ul.mobile img { width:100%; height:auto; }

/* 1-2. 디지털장비
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#instrument .equ_movie { width: 960px; margin: 0 auto; }
.fmovie {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.fmovie iframe,.fmovie object,.fmovie embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/*.equ_movie .fmovie > div { position:relative; top:-11%; padding-bottom:56.23%; }*/
/*.equ_movie .fmovie > div iframe { position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); }*/

.equ_list { }
.equ_list li { position:relative; }
.equ_list li:nth-child(2n-1) { background-color:#fff; }

.equ_list .inwrap { position:relative; max-width:1280px; height:845px; margin:0 auto; }
.equ_list .tbox { position:absolute; z-index:5; padding-top:80px; }
.equ_list .tbox:before { position:absolute; left:0; top:0; display:block; width:110px; height:3px; background-color:#7f7f7f; content:""; }
.equ_list .tbox dt { font-size:66px; color:#055aaf; line-height:1.25em; font-weight:600; letter-spacing:-3px; }
.equ_list .tbox dd { font-size:22px; color:#000; line-height:1.45em; margin-top:60px; }
.equ_list .tbox dd em { display:inline-block; font-size:50px; margin-top:20px; }
.equ_list .tbox dd .en { font-size:30px; }
.equ_list .img { position:absolute; display:block; width:988px; height:931px; background-repeat:no-repeat; background-position:center; background-size:100% auto; z-index:9; }

.equ_list li.equ01 { }
.equ_list li.equ02 { }
.equ_list li.equ03 { }
.equ_list li.equ04 { }
.equ_list li.equ05 { }
.equ_list li.equ06 { }
.equ_list li.equ07 { }
.equ_list li.equ08 { }
.equ_list li.equ09 { }
.equ_list li.equ10 { }
.equ_list li.equ11 { }
.equ_list li.equ12 { padding-bottom: 200px; }

.equ_list li.equ01 .tbox { left:0; top:188px; }
.equ_list li.equ02 .tbox { right:0; top:210px; }
.equ_list li.equ03 .tbox { left:0; top:300px; }
.equ_list li.equ04 .tbox { right:0; top:405px; }
.equ_list li.equ05 .tbox { left:0; top:320px; padding-bottom:90px; }
/*.equ_list li.equ05 .tbox dt { position:absolute; left:0; bottom:0; text-transform:uppercase; }*/
/*.equ_list li.equ05 .tbox dd { font-size:38px; margin-top:0; }*/
.equ_list li.equ06 .tbox { right:0; top:310px; padding-bottom:90px; }
/*.equ_list li.equ06 .tbox dt { position:absolute; left:0; bottom:0; text-transform:uppercase; }*/
/*.equ_list li.equ06 .tbox dd { font-size:38px; margin-top:0; padding-right:100px; }*/
.equ_list li.equ07 .tbox { left:0; top:188px; }
.equ_list li.equ08 .tbox { right:0; top:188px; }
.equ_list li.equ09 .tbox { left:0; top:188px; }
.equ_list li.equ10 .tbox { right:0; top:188px; }
.equ_list li.equ11 .tbox { left:0; top:188px; }
.equ_list li.equ12 .tbox { right:0; top:188px; }

.equ_list li.equ02 .img,
.equ_list li.equ04 .img,
.equ_list li.equ06 .img { width:1176px; height:781px; }

.equ_list li.equ01 .img { right:-370px; top:100px; background-image: url('../img/intro/sub_system_01.png');  }
.equ_list li.equ02 .img { left:-380px; top:280px; background-image: url('../img/intro/sub_system_02.png'); }
.equ_list li.equ03 .img { right:-335px; top:150px; background-image: url('../img/intro/sub_system_03.png'); }
.equ_list li.equ04 .img { left:-400px; top:310px; background-image: url('../img/intro/sub_system_04.png'); }
.equ_list li.equ05 .img { right:-330px; top:220px; background-image: url('../img/intro/sub_system_05.png'); }
.equ_list li.equ06 .img { left:-330px; top:323px; background-image: url('../img/intro/sub_system_06.png'); }
.equ_list li.equ07 .img { right:-330px; top:150px; background-image: url('../img/intro/sub_system_07.png'); }
.equ_list li.equ08 .img { left:-330px; top:150px; background-image: url('../img/intro/sub_system_08.png'); }
.equ_list li.equ09 .img { right:-330px; top:135px; background-image: url('../img/intro/sub_system_09.png'); }
.equ_list li.equ10 .img { left:-330px; top:130px; background-image: url('../img/intro/sub_system_10.png'); }
.equ_list li.equ11 .img { right:-330px; top:130px; background-image: url('../img/intro/sub_system_11.png'); }
.equ_list li.equ12 .img { left:-330px; top:130px; background-image: url('../img/intro/sub_system_12.png'); }


/* 1-3. 치과갤러리 */
#gallery { }
#gallery .equ_movie { width: 408px; margin: 0 auto; }
#gallery .fmovie {position:relative; padding-bottom:177%; height:0; overflow:hidden;}
#gallery .fmovie iframe, #gallery .fmovie object, #gallery.fmovie embed {position:absolute; top:0; left:0; width:100%; height:100%;}
#gallery .t1 { font-size:42px; line-height:1.25em; color:#005bb0; font-weight:700; text-align:center; padding:70px 0; }
.gallerylist { }
.gallerylist li { margin-bottom:60px; text-align:center; }
.gallerylist li:last-child { margin-bottom:0; }
.gallerylist li .title { display:block; font-size:25px; line-height:1.35em; color:#2570b3; font-weight:700; margin-top:15px; }
.gallerylist li .title span { display:inline-block; padding-left:30px; background-repeat:no-repeat; background-position:left 50%; background-size:19px auto; background-image: url('../img/intro/icon_arrow_u.png'); }

/* 1-4. 위치 및 진료안내
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#location { padding-bottom:140px; }
#location .contents { padding-bottom:0; }
#location .map { border:1px solid #cfd3d5; height:620px; margin-bottom:60px; }
#location .map iframe { width:100%; height:100%; }

.location_info { }
.location_info dl { margin-bottom:80px; }
.location_info dl:last-child { margin-bottom:0; }
.location_info dl dt,
.location_info dl dd { line-height:1.35em; color:#0a2438; }
.location_info dl dt { font-size:30px; font-weight:700; margin-bottom:20px; }
.location_info dl dd { font-size:26px; }
.location_info dl dd b { font-weight:600; }
.location_info .time_info { width:100%; overflow:hidden; margin-bottom:80px; }
.location_info .time_info dl { float:left; width:50%; box-sizing:border-box; border-right:1px solid #d8dddf; margin-bottom:0; }
.location_info .time_info dl:last-child { padding-left:85px; border-right:0; }
.location_info .time_info ul { }
.location_info .time_info ul li { width:100%; overflow:hidden; margin-bottom:5px; }
.location_info .time_info ul li .tit { float:left; display:block; }
.location_info .time_info ul li .time { margin-left:200px; display:block; }
.location_info .time_info .t1 { display:block; font-size:25px; color:#879098; margin-top:10px; }
.location_info .time_info .t2 { display:block; margin-top:35px; font-weight:600; }



/* 2-1. 빠른 상담 요청 */
/* 2-2. 방문 상담 예약 */
/* 2-3. 오늘하루치과 모델지원
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#support { }
#support .visual { height: 775px; background-image: url('../img/counsel/sub_img.jpg'); background-repeat:no-repeat; background-position:center; background-color:#79c4d9; background-size: auto 100%; }
#support .information { background-color:#f1f6f8; padding:150px 0; }
#support .information .inwrap { max-width:1280px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
#support h3 { font-size:50px; line-height:1.25em; color:#055aaf; margin-bottom:0; padding-top:0; height:140px; }
#support .information dl { margin-bottom:70px; }
#support .information dl.guide { margin-bottom:0; }
#support .information dl dt,
#support .information dl dd { line-height:1.45em; color:#0a2438; }
#support .information dl dt { font-size:30px; font-weight:700; margin-bottom:20px; }
#support .information dl dd { font-size:26px; letter-spacing:-1px; }
#support .information dl dd .web { display:block; }
#support .information dl dd .mobile { display:none; }
#support .information dl dd .text { color:#0a2438; opacity:0.95; text-align:left; }
#support .information dl dd .note { font-size:25px; color:#0a2438; opacity:0.60; margin-top:5px; text-align:left; }
#support .information dl dd .sample { margin-top:20px; width:100%; overflow:hidden; }
#support .information dl dd .sample li { display:inline-block; margin-right:5px;  }
#support .information dl dd .sample li span { display:block; font-size:26px; line-height:1.35em; color:#0a2438; opacity:0.6; text-align:center; margin-top:15px; }

/* formbox */
.formbox { padding:140px 0; background-color:#fff; width: 720px; margin: 0 auto;}
.formbox .inbox { max-width:1280px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.formbox .flist { margin-bottom:90px; }
.formbox .flist li { margin-bottom:70px; border-bottom:1px solid #b5bdc3; padding-bottom:7px; }
.formbox .flist li:last-child { margin-bottom:0; padding-bottom:0; }
.formbox .flist li label { display:block; font-size:26px; line-height:1.35em; color:#0a2438; opacity:0.6; margin-bottom:25px; }
.formbox .flist li .fr_input { font-size:32px; color:#0a2438; font-weight:700; height:54px; border:0; padding:5px 0; box-sizing:border-box; }
.formbox .flist li .full { width:100%; }
.formbox .flist li .ta { border:1px solid #b5bdc3; resize:none; font-size:28px; height:500px; color:#0a2438; font-weight:400; line-height:1.5em; padding:20px; box-sizing:border-box; }
.formbox .flist li.message { border-bottom:0; }

.formbox .flist li.required label span { display:inline-block; padding-right:20px; background-repeat:no-repeat; background-position:right 50%; background-image:url('../img/media/star.png'); }


/* filebox */
.filebox { position:relative; margin-bottom:50px; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; height:40px; line-height:40px; vertical-align: middle; font-size:30px; color:#0a2438; background-color: #fff; cursor: pointer; background-repeat:no-repeat; background-position:left 50%; background-image:url('../img/counsel/sub_btn_plus_nor.png'); background-size:auto 100%; padding-left:55px; margin-right:20px; }
.filebox label:hover { background-image:url('../img/counsel/sub_btn_plus_over.png'); }
.filebox label:active { background-image:url('../img/counsel/sub_btn_plus_press.png'); }
.filebox .upload-name { display:inline-block; font-size:30px; color:#999; line-height:40px; vertical-align: middle; border:0; background:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* terms_agree */
.terms_agree { margin-bottom:50px; }
.terms_agree input { display:none; }
.terms_agree input + label { display:inline-block; height:40px; line-height:40px; vertical-align: middle; font-size:30px; color:#0a2438; background-repeat:no-repeat; background-position:left 50%; background-image:url('../img/counsel/sub_btn_check_nor.png'); background-size:auto 100%; padding-left:55px; cursor:pointer; }
.terms_agree input + label:hover { background-image:url('../img/counsel/sub_btn_check_over.png'); }
.terms_agree input:checked + label { background-image:url('../img/counsel/sub_btn_check_press.png');  }

.terms_agree .btn_view { display:inline-block; font-size:30px; color:#0a2438; vertical-align: middle; margin-left:5px; }

#support .button_area .btn { float:left; width:49%; margin-right:2%; }
#support .button_area .border { margin-right:0; }


/* 3-1. 오늘하루 컬럼
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 목록 */
#column { }
/* tab_menu */
.tab_menu { overflow:hidden; margin:0 -50px; margin-bottom:60px;  }
.tab_menu ul  { display:block; width:100%; overflow:hidden; }
.tab_menu li { display:block; float:left; text-align:center; font-size:26px; line-height:1.5em; color:#848e96; background-repeat:no-repeat; background-position:right 50%; background-image:url('../img/media/tab_menu_bar.png'); cursor:pointer; }
.tab_menu li:nth-child(1) { width:15%; }
.tab_menu li:nth-child(2) { width:15%; }
.tab_menu li:nth-child(3) { width:25%; }
.tab_menu li:nth-child(4) { width:15%; }
.tab_menu li:nth-child(5) { width:15%; }
.tab_menu li:nth-child(6) { width:15%; background:none; }
.tab_menu li.checked { color:#055aaf; font-weight:700; }

/* bo_list */
.bo_list { width:100%; overflow:hidden; }
.bo_list li { float:left; width:580px; margin-right:20px; margin-bottom:20px; box-sizing:border-box; }
.bo_list li:nth-child(2n) { margin-right:0; }
.bo_list li .ibox { position:relative; background-color:#fff; padding-bottom:155px; box-sizing:border-box; cursor:pointer; overflow:hidden; }
.bo_list li .img { position:relative; }
.bo_list li .img span { position:relative; display:block; transition: all 0.4s; }
.bo_list li:hover .img span { transform:scale(1.1); }
.bo_list li .info { position:absolute; left:0; right:0; bottom:0; display:block; width:100%; height:155px; padding:30px 30px 0 30px; box-sizing:border-box; z-index:9; background-color:#fff; }
.bo_list li .info .subject { font-size:26px; line-height:1.35em; color:#0a2438; font-weight:700; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.bo_list li .info .conts { font-size:20px; line-height:1.5em; color:#0a2438; opacity:0.95; margin-bottom:15px; opacity:0; height:0; }
.bo_list li .info .date { font-size:20px; line-height:1.35em; color:#0a2438; font-weight:500; opacity:0.60; background-color:#fff; }

/* motion */
.bo_list.motion { }
.bo_list.motion img { }
.bo_list.motion li .info,
.bo_list.motion li .conts { transition: height 0.56s cubic-bezier(0.32, 0.08, 0.24, 1); }
.bo_list.motion li:hover .info { height:225px; }
.bo_list.motion li:hover .conts { opacity:0.95; height:60px; }

/* 상세 */
#column_v .v_hd { padding-bottom:13px; border-bottom:1px solid #abb7be; margin-bottom:40px; padding-top:90px; }
#column_v .v_hd .subject { font-size:60px; line-height:1.15em; font-weight:700; color:#055aaf; margin-bottom:45px; }
#column_v .v_hd .unit { width:100%; overflow:hidden; }
#column_v .v_hd .date { float:left; font-size:24px; line-height:40px; color:#0a2438; opacity:0.6; }
#column_v .v_hd .share { float:right; }
#column_v .v_hd .share .ico { float:left; display:block; width:40px; height:40px; vertical-align:middle; background-repeat:no-repeat; background-position:center 50%; background-size:cover; margin-left:23px; }
#column_v .v_hd .share .facebook { background-image:url('../img/media/sub_03_icon_face_nor.png'); }
#column_v .v_hd .share .kakaotalk { background-image:url('../img/media/sub_03_icon_talk_nor.png'); }
#column_v .v_hd .share .msg { background-image:url('../img/media/sub_03_icon_mail_nor.png'); }
#column_v .v_hd .share .link { background-image:url('../img/media/sub_03_icon_link_nor.png'); }

#column_v .v_hd .share .facebook:hover { background-image:url('../img/media/sub_03_icon_face_over.png'); }
#column_v .v_hd .share .kakaotalk:hover { background-image:url('../img/media/sub_03_icon_talk_over.png'); }
#column_v .v_hd .share .msg:hover { background-image:url('../img/media/sub_03_icon_mail_over.png'); }
#column_v .v_hd .share .link:hover { background-image:url('../img/media/sub_03_icon_link_over.png'); }

#column_v .v_hd .share .facebook:active { background-image:url('../img/media/sub_03_icon_face_press.png'); }
#column_v .v_hd .share .kakaotalk:active { background-image:url('../img/media/sub_03_icon_talk_press.png'); }
#column_v .v_hd .share .msg:active { background-image:url('../img/media/sub_03_icon_mail_press.png'); }
#column_v .v_hd .share .link:active { background-image:url('../img/media/sub_03_icon_link_press.png'); }

#column_v .v_content { font-size:24px; color:#0a2438; line-height:1.5em; padding-bottom:120px; border-bottom:1px solid #abb7be; margin-bottom:30px; }

#column_v .button_area .btn { float:left; margin-right:10px; }
#column_v .button_area .btn2 { float:left; margin-left:6px; }


/* 3-2. 치료 케이스
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#case { }
#case .contents h3 { height:200px; }
#case .bo_list li { width:380px; margin-right:20px; }
#case .bo_list li:nth-child(3n) { margin-right:0; }
#case .bo_list li .subject { margin-bottom:20px; }

/* pop_detailview */
.pop_detailview { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.75); display:none; }
.pop_detailview .box { position: absolute; top: 50%; left:30%; right:30%; transform: translateY(-45%); text-align:center; }
.pop_detailview .box .close { position:absolute; left:50%; top:-90px; width:64px; height:64px; margin-left:-32px;  background-repeat:no-repeat; background-position:right 50%; background-image:url('../img/media/popup_btn_nor.png'); background-size:100% auto; cursor:pointer; }
.pop_detailview .box .close:hover { background-image:url('../img/media/popup_btn_over.png'); }
.pop_detailview .box .close:active { background-image:url('../img/media/popup_btn_press.png'); }


/* 3-3. 뉴스 보도자료
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#press { }
#press .bo_list li { width:380px; margin-right:20px; }
#press .bo_list li:nth-child(3n) { margin-right:0; }


/* 3-4. 특별한 방문
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#special { }
#special .bo_list { }
#special .bo_list li { width:380px; margin-right:20px; }
#special .bo_list li:nth-child(3n) { margin-right:0; }
#special .bo_list li .ibox { padding-bottom:100px; }
#special .bo_list li .info { height:100px; }
#special .bo_list li .subject { margin-bottom:0; }
#special .bo_list li .subject span.tit { display:inline-block; background-repeat:no-repeat; background-position:right 50%; background-image:url('../img/media/sub_03_bar.png'); padding-right:15px; margin-right:10px; }



/* 랜딩페이지
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#landing { }
#landing .cont_list { width: 720px; margin: 0 auto; }
#landing .cont_list li { background-repeat:no-repeat; background-position:center top; background-size:100%; text-align:center; }
#landing .cont_list li.con01 { background-image:url('../img/landing/con_landing01.jpg'); }
#landing .cont_list li.con02 { background-image:url('../img/landing/con_landing02.jpg'); }
#landing .cont_list li.con03 { background-image:url('../img/landing/con_landing03.jpg'); }
#landing .cont_list li.con04 { background-image:url('../img/landing/con_landing04.jpg'); }
#landing .cont_list li.con05 { background-image:url('../img/landing/con_landing05.jpg'); }
#landing .cont_list li.con06 { background-image:url('../img/landing/con_landing06.jpg'); }
#landing .cont_list li.con07 { background-image:url('../img/landing/con_landing07.jpg'); }

#landing .button_area { margin-top:90px; }
#landing .button_area .btn { width:100%; }