@charset "utf-8";
/*2023-01-26*/

.tt_box{ margin:0 auto; text-align:Center; width:100%; max-width:1300px; margin-bottom:80px;}
.tt_box div {display:table-cell; text-align:left;}
.tt_box span{display:block;     position: relative;}
.tt_box span:before{display:block; content:'';  height:5px; position: absolute; background:#1f3c8b; top: 20px;}
.sec01 .tt_box span:before{ width: 110px;   left: 120px;}
.sec02 .tt_box span:before{ width: 30px;   left: 190px;}
.sec03 .tt_box span:before{ width: 110px;   left: 160px;}

.tt_box .tt{width:45%; font-size:40px;     font-weight: 500; line-height: 1.2;} 
.tt_box .info{font-size:1.3em;}

.sec01{text-align:center; margin:0 auto; width:90%; max-width:1300px; padding:100px 0 ;}
.ul_list li{display:inline-table; width:calc(94%/4); margin:0 20px 20px 0;}
.ul_list li:nth-child(4n){margin-right:0;}
.ul_list li a:hover div::after {  content: '';  position: absolute;  background: white;  z-index: -1;  inset: 0;  opacity: 0; transition: all ease 0.5s 0s;}
.ul_list li a:hover b{opacity:0; transition: all ease 0.5s 0s;}
.ul_list li div{width:313px; height:205px; border-radius:20px; display: table-cell;     vertical-align: middle; position: relative;   isolation: isolate;     box-shadow: 1px 0px 8px #ececec;  overflow: hidden;}
.ul_list li div::after {  content: '';  position: absolute;  background: white;  z-index: -1;  inset: 0;  opacity: 0.7; transition: all ease 1s 0s;}
.ul_list li div b {font-size:2em; color:#000;}
.main_bg01{background:url('/img/main/sec01_01.jpg')  center top no-repeat;}
.main_bg02{background:url('/img/main/sec01_02.jpg')  center top no-repeat;}
.main_bg03{background:url('/img/main/sec01_03.jpg')  center top no-repeat;}
.main_bg04{background:url('/img/main/sec01_04.jpg')  center top no-repeat;}
.main_bg05{background:url('/img/main/sec01_05.jpg')  center top no-repeat;}
.main_bg06{background:url('/img/main/sec01_06.jpg')  center top no-repeat;}
.main_bg07{background:url('/img/main/sec01_07.jpg')  center top no-repeat;}
.main_bg08{background:url('/img/main/sec01_08.jpg')  center top no-repeat;}


.sec02 {background:url('/img/main/sec02_bg.jpg') #f5f5f5 left bottom / cover; padding:100px 0;}
.sec02 ul{width:90%; max-width:1300px; margin:0 auto;}
.sec02 li{display:inline-table; width:calc(98%/4);}
.sec02 p{text-align:center; font-size:20px; font-weight:500; margin-bottom:7px;}
.sec02 li div {width:97%; margin: 0 auto;}
.sec02 p+p{font-size:16px; font-weight:300;}
.sec02 .sec02_img{margin-bottom:15px;}
.sec02 .sec02_img img{width:100%;}

.sec03 {padding:100px 0;}
.sec03 .bx-wrapper{width:90%; max-width:1300px!important; margin:0 auto; border:0; box-shadow:none;}
.sec03 .bx-wrapper .bx-pager {display:none;}
.sec03 .info a{ display:block; background:url('/img/common/arrow_r.png') right 8px no-repeat; width:135px; font-size:16px; font-weight:700; margin-top:10px;}
.bx-viewport img {width:100%;}
.sec04 {background:url('/img/main/sec04_bg.jpg') #f5f5f5 right top / cover; text-align:center; padding:100px 0;}
.sec04 h2{font-size:40px; color:#000;}
.sec04 h2 span{color:#0b1b47; font-weight:800;}
.sec04 h3{color:#0b1b47; font-size:25px; font-weight:700;}
.sec04 a{ border-radius:20px; text-align:center; display:block; min-width:200px; padding:10px;}
.sec04_02 a {background:#a5a9b4; color:#fff!important;}
.sec04_03 a {background:#4a5983; color:#fff!important;}

.sec04_ul{display:table; margin:0 auto; width:90%; max-width:1300px; margin-top:80px;}

.sec04_01, .sec04_02, .sec04_03{display:table-cell; position: relative;}
.sec04_01{width:350px;}
.sec04_01 h3 {color:#fff; text-align:left; margin-bottom:20px}
.sec04_time li{text-align:left; margin-bottom:7px; }
.sec04_time li:before{content:''; display:inline-block; width:8px; height:15px; background:#73b3c5; margin-right:15px;}
.sec04_01 div{ background:#0b1b47;  color:#fff;    position: absolute; padding:30px 60px; width: 260px; z-index: 1;top:-20px;     box-shadow: 10px 7px 12px 0px #a1a1a173;}

.sec04_02{border-right:20px solid #fff6;}
.sec04_02 p{ padding:20px 0 ; line-height: 1.5;}
.sec04_03 p{ padding:20px 0 ; line-height: 2.9;}
.sec04_02, .sec04_03 {padding:70px;}
.sec04_02, .sec04_03 {background:#eeeeef; min-height:200px;}







#m_container {position:relative; width:100%;z-index:1; min-width:1150px;margin:0 auto; padding-top:85px;}

.m_slogan {width:100%; position:relative; background:#fff; height:195px;}
.m_slogan_con {width:1050px; margin:0 auto;}
.m_slogan_con p.st01 {font-size:22px; color:#000; /*font-family:'Nanum Myeongjo', serif;*/ padding-top:90px;  letter-spacing:0;}
.m_slogan_con p.st02 {font-size:14px; color:#9c9c9c; padding-top:10px;}


/* ºñÁÖ¾ó */
.m_visual {width:100%; overflow:hidden; height:750px;background:#ccc;}
.m_visual .mv_bg01 {  height:750px;overflow:hidden;}
.m_visual .mv_bg_t { height:750px;overflow:hidden;}


.m_visual .mv_bg02 { height:750px;overflow:hidden;}
.m_visual .mv_bg03 { height:750px;overflow:hidden;}
.m_visual .mv_bg04 {height:750px;overflow:hidden;}
.m_visual .mv_bg05 {background:#6d93ab url("http://dongaclinic.com/img/main/m_visual_bg05__.png") center 0 no-repeat; height:750px;overflow:hidden;background-size:cover;}
.m_visual .mv_bg005 {background:#6d93ab url("http://dongaclinic.com/img/main/m_visual_bg05__.png") center 0 no-repeat; height:750px;overflow:hidden;background-size:cover;}
.m_visual .n_mv_bg01 {background:#d8ecf6 url("http://dongaclinic.com/img/main/nm_visual_bg01_.png") center 0 no-repeat; height:750px;overflow:hidden;background-size:cover;}
.m_visual .n_mv_bg02 {background:#6d93ab url("http://dongaclinic.com/img/main/nm_visual_bg02.png") center 0 no-repeat; height:750px;overflow:hidden;background-size:cover;}
.m_visual .n_mv_bg03 {background:#6d93ab url("http://dongaclinic.com/img/main/nm_visual_bg03.png") center 0 no-repeat; height:750px;overflow:hidden;background-size:cover;}
.m_visual .n_mv_bg04 {background:#225a84 url("http://dongaclinic.com/img/main/nm_visual_bg04_m.png") center 0 no-repeat; height:750px;overflow:hidden;}
.m_visual .n_mv_bg05 {background:#a0917a url("http://dongaclinic.com/img/main/nm_visual_bg05_m.png") center 0 no-repeat; height:750px;overflow:hidden;}
.m_visual .n_mv_bg06 {background:#6aaeb7 url("http://dongaclinic.com/img/main/nm_visual_bg06.png") center 0 no-repeat; height:750px;overflow:hidden;}

.m_copy_m {display:none;}
.m_copy {width:1100px; margin:0 auto;text-align:center; padding-top:350px; z-index:9999;}
.m_copy02 {width:100%; margin:0 auto;text-align:center; padding-top:100px;}
.m_copy02 img {min-width:1000px; width:80%;}
.m_copy03 {width:100%; margin:0 auto;text-align:center; padding-top:0;}
.m_copy03 img {width:100%;}

.controller2 { margin:0 auto; text-align:right;position:absolute; z-index:10;top:750px; right: 12%;}
.controller2  a{ display:table-cell;     vertical-align: middle; padding: 0 3px;}
.controller2 .rollbtn  {}
.controller2 .rollbtn a{display:inline-block;padding:5px 2px;}

/* »ó´Ü¹Ù·Î°¡±â */
.t_go_link {position:absolute; width:470px; left:50%; top:185px; margin-left:135px;}
.t_go_link01 {background:#6b543c; width:280px; height:190px; float:left;color:#fff;text-align:center;}
.t_go_link01 p.st01 {padding:38px 0 18px 0; font-size:12px;}
.t_go_link01 p.st01 span {display:inline-block; border-bottom:1px solid #fff; padding-bottom:3px;}
.t_go_link01 p.st02 {font-size:30px; padding-bottom:20px;}
.t_go_link01 p.st03 {font-size:12px;}
.t_go_link01 p.st03 span {display:inline-block; background:url("/img/main/btn_bg.png") right 3px no-repeat; padding-right:20px;}
.t_go_link02 {background:#dcb42b url("/img/main/t_go_link02_bg.png") center bottom no-repeat; width:190px; height:190px; float:left;text-align:center;color:#fff;}
.t_go_link02 p.st01 {padding:38px 0 18px 0; font-size:12px;}
.t_go_link02 p.st01 span {display:inline-block; border-bottom:1px solid #fff; padding-bottom:3px;}
.t_go_link02 p.st02 {font-size:14px; padding-bottom:20px;}
.t_go_link02 p.st03 {font-size:14px;}
.t_go_link02 p.st03 span {display:inline-block; background:url("/img/main/btn_bg.png") right 3px no-repeat; padding-right:20px;}


/* µµ¼öÄ¡·á */
.m_manipulation {background:#fff url("/img/main/m_manipulation_bg.png") center 0 no-repeat; height:760px;overflow:hidden;}
.m_mani { width:1150px;position:relative; margin:0 auto; padding-top:140px;}
.m_mani_btn {position:absolute;width:100%;text-align:center;padding-top:0; margin:0 auto; margin-top:-230px; letter-spacing:0; font-size:0;}
.m_mani_btn .prev{display:inline-block;}
.m_mani_btn .next{display:inline-block;}
.m_mani_info {width:1150px;position:relative;  position:relative; margin:0 auto; height:415px;overflow:hidden; position:relative;}
.m_mani_info ul li{float:left;width:100%;height:415px;}
.m_mani_info01 {width:415px; float:left;}
.m_mani_info01 p.st01 {color:#6a78b7;font-size:14px; letter-spacing:0; /*font-family:'Nanum Myeongjo', serif;*/padding:110px 0 35px 0;}
.m_mani_info01 p.st02 {font-size:36px; color:#000; /*font-family:'Nanum Myeongjo', serif;*/}
.m_mani_info01 p.st03 {font-size:14px; color:#585757; padding-top:25px; line-height:25px; padding-bottom:50px;}
.m_mani_info01 p.st04 a {padding:5px 0; display:block;}
.m_mani_info02 {width:575px; float:right;}


/* Ưº°ÇÔ */
.m_special {width:100%; height:750px;text-align:center;}
.m_special_con {width:1100px; margin:0 auto;}
.m_special_tit p.st01 {font-size:36px; color:#000;/* font-family:'Nanum Myeongjo', serif; */padding-top:100px;}
.m_special_tit p.st02 {font-size:14px; color:#585757; padding-top:25px; line-height:25px; padding-bottom:80px;}
.m_special_info ul li {width:20%; float:left;}
.m_special_info ul li p.st01 {height:260px;}
.m_special_info ul li p.st02 {height:70px;font-size:19px; color:#000; }
.m_special_info ul li p.st03 {font-size:14px; color:#777;}

/* ÀÚ°¡Áø´Ü */
.m_test {background:url("/img/main/s_test_bg.png") center 0 no-repeat; height:880px;overflow:hidden;}
.m_test_info {width:1000px; margin:0 auto;}
.m_test_tit {position:absolute;}
.m_test_tit p.st01 {padding:110px 0 35px 0; color:#fff; font-size:14px; letter-spacing:0; /*font-family:'Nanum Myeongjo', serif;*/}
.m_test_tit p.st02 {font-size:36px; color:#000;/* font-family:'Nanum Myeongjo', serif;*/}
.m_test_tit p.st03 {font-size:14px; color:#585757; padding-top:25px; line-height:25px;}
.m_test_img {padding-top:150px;text-align:center; width:100%;}
.m_test_link {display:none;}

/* ¿µ»ó */
.m_movie {background:url("/img/main/movie_bg.png") center 0 no-repeat; height:765px;overflow:hidden;}
.m_movie_info {padding-top:218px;text-align:center; color:#fff;}
.m_movie_info p.st01 {font-size:14px; /* font-family:'Nanum Myeongjo', serif;*/ padding-bottom:20px;}
.m_movie_info p.st02 {/*font-family: 'Archivo Black', sans-serif;*/ font-size:50px; background:url("/img/main/play_btn.png") center bottom no-repeat; padding-bottom:185px;}

/* ÀÎÅ׸®¾î */
.m_interior {background:#eee url("/img/main/m_interior_bg.png") right bottom no-repeat; height:875px;overflow:hidden;}
.m_interior_info {width:1150px; margin:0 auto;}
.m_interior_le {float:left; width:800px; padding-top:165px;}
.m_interior_ri {float:right;width:280px; padding-top:240px;}
.m_interior_ri p.st01 {color:#6c543c; font-size:16px; padding-bottom:50px;/* font-family:'Nanum Myeongjo', serif;*/ letter-spacing:0;}
.m_interior_ri p.st02 {color:#000; font-size:35px; padding-bottom:30px; /*font-family:'Nanum Myeongjo', serif;*/}
.m_interior_ri p.st03 {color:#666; font-size:14px; padding-bottom:50px;}
.m_interior_ri p.st04 a {padding:5px 0; display:block;}

/* Áø·á¾È³» */
.m_foot_guide {background:url("/img/main/m_foot_cs_bg.png") right bottom no-repeat; overflow:hidden; color:#fff;}
.m_foot_guide_info {width:1100px; margin:0 auto; padding-top:115px; height:420px; border-bottom:1px solid #6b655d;}
.mf_guide_info_le {float:left; width:240px;}
.mf_guide_info_le p.st01 {font-size:18px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:25px; letter-spacing:0;background:url("/img/main/m_foot_line.png") 0 bottom no-repeat;}
.mf_guide_info_le p.st01 span {font-size:36px; padding-bottom:14px; display:block;}
.mf_guide_info_le p.st02 {color:#bbb7b3; padding-top:25px; font-size:14px;}
.mf_guide_info_le p.st03 {color:#ebc759; padding-top:30px; font-size:30px;}

.mf_guide_info_ri {float:right; width:765px;}
.mf_guide_info_ri ul li {width:33.3%; float:left;text-align:center; padding-top:90px;}
.mf_guide_info_ri ul li.ico01 {background:url("/img/main/m_foot_ico01.png") center 0 no-repeat;}
.mf_guide_info_ri ul li.ico02 {background:url("/img/main/m_foot_ico02.png") center 0 no-repeat;}
.mf_guide_info_ri ul li.ico03 {background:url("/img/main/m_foot_ico03.png") center 0 no-repeat;}
.mf_guide_info_ri ul li p.st01 {font-size:20px; padding-bottom:30px;}
.mf_guide_info_ri ul li p.st02 {font-size:14px; height:160px; color:#bbb7b3; line-height:24px;}
.mf_guide_info_ri ul li p.st03 a {display:inline-block; border:1px solid #fff; color:#fff; font-size:14px; padding:10px 25px; border-radius:30px;}
.mf_guide_info_ri ul li p.st03 a:hover {color:#5c5449; background:#fff;}


/* Çù·Â¾÷ü */
.m_firm_wrap { height:85px;position:relative;background:#fff;     padding: 50px 0;}
.m_firm { width:1350px;position:relative; margin:0 auto;}
.m_firm_btn .prev{display:inline-block; float:left; margin-top:-75px; margin-left:20px;  }
.m_firm_btn .next{display:inline-block; float:right; margin-top:-75px; margin-right:20px;  }
.m_firm_info {width:85%;position:relative; margin:0 auto; overflow:hidden; position:relative; height:85px;}
.m_firm_info ul {}
.m_firm_info ul li{float:left;width:calc(100%/5); height:85px;}

.m_footer {background:#fff; clear:both;position:relative; border-top:1px solid #ddd;}

@media only screen and (max-width: 1024px) {
.n_manip_btn { margin-top: -340px;}
.sec02 li div {  width: 100%;}
#m_container {min-width:1024px;}
.controller2 {top: 580px;}
.m_visual, .m_visual .mv_bg_t{height:560px;}
.m_visual .mv_bg_t{background-size:cover!important;}
.sec01{max-width:1024px;}
.ul_list li {width: calc(90%/4);}
.sec01 .tt_box{width:100%;}
.sec01 .tt_box { width: 90%;}
.tt_box{width:90%;  }
.sec02 .sec02_img  img{width:100%;}
.sec02 ul{width:90%;max-width: 980px; margin-left: 5%;}
.sec02 li{display:inline-table;width: calc(90%/4);margin-right: 3%;}
.sec02 li:last-child{margin-right:0;}
.sec02 p{font-size:16px;}
.sec02 p+p{font-size:13px;}
.sec04_01 {width: 300px;}
.sec04_01 div{padding:30px;}
.sec04_02, .sec04_03 {padding: 50px 35px;}

}


@media only screen and (max-width: 767px) {



#m_container {min-width:300px;margin:0 auto; padding-top:0;}

.m_slogan {width:100%; position:relative; background:#fff; height:170px;}
.m_slogan_con {width:90%; margin:0 auto;}
.m_slogan_con p.st01 {font-size:18px; }
.m_slogan_con p.st02 {font-size:13px; color:#9c9c9c; padding-top:5px;}


/* ºñÁÖ¾ó */
.m_visual {width:100%; overflow:hidden; height:300px;background:#ccc; overflow:hidden;background-size:auto 300px;}
/*.m_visual .mv_bg01{ height:270px;overflow:hidden;background-size:auto 270px;}*/
.m_visual .mv_bg01{min-height:300px; height:300px;overflow:hidden;}
.m_visual .mv_bg02{height:350px;overflow:hidden;background-size:auto 300px;}
.m_visual .mv_bg03{height:350px;overflow:hidden;background-size:auto 300px;}
.m_visual .mv_bg04{height:350px;overflow:hidden;background-size:auto 300px;}
.m_visual .mv_bg05{height:350px;overflow:hidden;background-size:auto 300px;}
.m_visual .mv_bg_t{ height:350px;overflow:hidden;background-size:auto 270px;}

.m_visual .mv_bg005 {background:#6d93ab url("http://dongaclinic.com/img/main/m_visual_bg05.png") center bottom no-repeat; height:350px;background-size:auto 280px;}
/*.m_visual .mv_bg005 {background:#6d93ab url("http://dongaclinic.com/img/main/m_visual_bg05_nn.png") center bottom no-repeat; height:350px;}*/
.m_visual .mv_bg005 img {width:100%;}
.m_copy_m {padding-top:0;vertical-align:bottom;margin:0;width:100%; text-align:center;display:block; z-index:9998;}
.m_copy_m img {min-width:300px; width:100%; z-index:9999;}

.m_visual .n_mv_bg01 { height:350px;background-size:auto 270px;}
.m_visual .n_mv_bg02 {background:#dfdfe2 url("http://dongaclinic.com/img/main/nm_visual_bg02_m.png") center 50% no-repeat; height:350px;background-size:auto 270px;}
.m_visual .n_mv_bg03 {background:#51555f url("http://dongaclinic.com/img/main/nm_visual_bg03_m.png") center 50% no-repeat; height:350px;background-size:auto 270px;}
.m_visual .n_mv_bg04 {background:#225a84 url("http://dongaclinic.com/img/main/nm_visual_bg04_m.png") center 50% no-repeat; height:350px;background-size:auto 270px;}
.m_visual .n_mv_bg05 {background:#a0917a url("http://dongaclinic.com/img/main/nm_visual_bg05_m.png") center 50% no-repeat; height:350px;background-size:auto 270px;}
.m_visual .n_mv_bg06 {background:#6aaeb7 url("http://dongaclinic.com/img/main/nm_visual_bg06_m.png") center 0 no-repeat; height:350px;overflow:hidden;background-size:auto 270px;}

.m_copy {width:85%; margin:0 auto;text-align:center; padding-top:150px;}
.m_copy img {width:300px;}
.m_copy02 {width:100%; margin:0 auto;text-align:center; padding-top:80px;}
.m_copy02 img {min-width:300px; width:100%;}

.controller2 {width:100%;text-align:center;position:absolute; z-index:10;top:250px;}
.controller2 .rollbtn  {}
.controller2 .rollbtn a{display:inline-block;padding:5px 0;}

/* »ó´Ü¹Ù·Î°¡±â */
.t_go_link {position:relative; width:100%; left:0; top:0; margin-left:0;}
.t_go_link01 { width:60%; height:150px; }
.t_go_link01 p.st01 {padding:30px 0 10px 0; font-size:12px;}
.t_go_link01 p.st02 {font-size:25px; padding-bottom:10px;}
.t_go_link01 p.st03 {font-size:12px;}
.t_go_link01 p.st03 span {display:inline-block; background:url("/img/main/btn_bg.png") right 3px no-repeat; padding-right:20px;}
.t_go_link02 {background:#dcb42b url("/img/main/t_go_link02_bg.png") center bottom no-repeat; width:40%; height:150px;}
.t_go_link02 p.st01 {padding:30px 0 10px 0; font-size:12px;}
.t_go_link02 p.st02 {font-size:12px; padding-bottom:10px;}
.t_go_link02 p.st03 {font-size:12px;}
.t_go_link02 p.st03 span {display:inline-block; background:url("/img/main/btn_bg.png") right 3px no-repeat; padding-right:20px;}


/* µµ¼öÄ¡·á */
.m_manipulation {background:#fff; height:410px;overflow:hidden; float:left;}
.m_mani { width:100%;padding-top:70px;}
.m_mani_btn {position:relative;width:100%;text-align:center;padding-top:0; margin:0 auto; margin-top:-320px; letter-spacing:0; font-size:0;}
.m_mani_btn .prev{display:inline-block;}
.m_mani_btn .next{display:inline-block;}
.m_mani_btn img {width:40px;}
.m_mani_info {width:90%;position:relative;  margin:0 auto; height:415px;overflow:hidden;text-align:center;}
.m_mani_info ul li{float:left;width:100%;height:415px;}
.m_mani_info01 {width:100%; float:left;}
.m_mani_info01 p.st01 {display:none;}
.m_mani_info01 p.st02 {font-size:20px;;}
.m_mani_info01 p.st03 {font-size:12px;padding-top:15px; line-height:20px; padding-bottom:0; height:80px;}
.m_mani_info01 p.st04 {display:none;}
.m_mani_info02 {width:100%; float:right; height:150px; overflow:hidden;}
.m_mani_info02 img {width:100%;}


/* Ưº°ÇÔ */
.m_special {height:750px;}
.m_special_con {width:90%; margin:0 auto;}
.m_special_tit p.st01 {font-size:20px; color:#000; /*font-family:'Nanum Myeongjo', serif;*/ padding-top:50px;}
.m_special_tit p.st02 {font-size:12px; color:#585757; padding-top:25px; line-height:25px; padding-bottom:30px;}
.m_special_info ul li {width:50%;}
.m_special_info ul li img {width:140px;}
.m_special_info ul li p.st01 {height:180px;}
.m_special_info ul li p.st02 {height:60px;font-size:15px; color:#000; }
.m_special_info ul li p.st03 {font-size:12px; height:100px;}


/* ÀÚ°¡Áø´Ü */
.m_test {background:#bfb9ae; height:370px;overflow:hidden; float:left;width:100%;}
.m_test_info {width:90%; margin:0 auto;}
.m_test_tit {position:relative;}
.m_test_tit p.st01 {padding:50px 0 20px 0; color:#fff; font-size:14px; letter-spacing:0; /*font-family:'Nanum Myeongjo', serif;*/}
.m_test_tit p.st02 {font-size:20px; color:#000; /*/*font-family:'Nanum Myeongjo', serif;*/*/}
.m_test_tit p.st03 {font-size:12px; color:#585757; padding:10px 0 30px 0; line-height:20px;}
.m_test_img {display:none;}
.m_test_link {display:block;}
.m_test_link ul li a {display:block; border:1px solid #a9a193; color:#fff; font-size:12px;border-radius:10px; padding:10px 0;}
.m_test_link ul li {float:left; width:31.3%; text-align:center; margin:1%;}

/* ¿µ»ó */
.m_movie {background-size:cover; height:250px; float:left;width:100%;}
.m_movie_info {padding-top:70px;}
.m_movie_info p.st01 {font-size:12px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:10px;}
.m_movie_info p.st02 {font-size:20px; background-size:50px; padding-bottom:70px;}

/* ÀÎÅ׸®¾î */
.m_interior {background:#eee url("/img/main/m_interior_bg.png") center bottom no-repeat; height:400px;overflow:hidden;background-size:600px; float:left;width:100%;}
.m_interior_info {width:90%; margin:0 auto;}
.m_interior_le {display:none;}
.m_interior_ri { float:right;width:100%; padding-top:80px;}
.m_interior_ri p.st01 {color:#6c543c; font-size:12px; padding-bottom:10px; /*font-family:'Nanum Myeongjo', serif;*/ letter-spacing:0;}
.m_interior_ri p.st02 {color:#000; font-size:20px; padding-bottom:10px; /*font-family:'Nanum Myeongjo', serif;*/}
.m_interior_ri p.st03 {color:#666; font-size:12px; padding-bottom:30px;}
.m_interior_ri p.st04 a {padding:5px 0; display:block;}

/* Áø·á¾È³» */
.m_foot_guide {background:#5c5449; overflow:hidden; color:#fff;width:100%;}
.m_foot_guide_info {width:90%; margin:0 auto; padding-top:80px; height:1200px; }
.mf_guide_info_le {float:left; width:100%;text-align:center;}
.mf_guide_info_le p.st01 {font-size:12px; /*font-family:'Nanum Myeongjo', serif;*/ padding-bottom:25px; letter-spacing:0;background:url("/img/main/m_foot_line.png") center bottom no-repeat;}
.mf_guide_info_le p.st01 span {font-size:20px; padding-bottom:14px; display:block;}
.mf_guide_info_le p.st02 {color:#bbb7b3; padding-top:25px; font-size:12px;}
.mf_guide_info_le p.st03 {color:#ebc759; padding-top:30px; font-size:20px;}

.mf_guide_info_ri {float:right; width:100%;text-align:center;}
.mf_guide_info_ri ul li {width:100%; float:left;text-align:center; padding-top:70px; margin-top:70px;}
.mf_guide_info_ri ul li.ico01 {background:url("/img/main/m_foot_ico01.png") center 0 no-repeat;}
.mf_guide_info_ri ul li.ico02 {background:url("/img/main/m_foot_ico02.png") center 0 no-repeat;}
.mf_guide_info_ri ul li.ico03 {background:url("/img/main/m_foot_ico03.png") center 0 no-repeat;}
.mf_guide_info_ri ul li p.st01 {font-size:15px; padding-bottom:10px;}
.mf_guide_info_ri ul li p.st02 {font-size:12px; height:auto; color:#bbb7b3; line-height:20px;}
.mf_guide_info_ri ul li p.st03 a {display:inline-block; border:1px solid #fff; color:#fff; font-size:12px; padding:10px 25px; border-radius:30px; margin-top:20px;}
.mf_guide_info_ri ul li p.st03 a:hover {color:#5c5449; background:#fff;}

/* Çù·Â¾÷ü */
.m_firm_wrap { height:60px;}
.m_firm { width:100%;position:relative;}
/*.m_firm_btn .prev{display:none;}
.m_firm_btn .next{display:none;}*/
.m_firm_info {width:100%;position:relative; margin:0 auto; overflow:hidden; position:relative; height:50px;}
.m_firm_info ul {}
.m_firm_info ul li{float:left;width:50%; height:50px; text-align:center;}
.m_firm_info ul li img {width:auto; height:60px;}
}


@media only screen and (max-width: 768px){
.tt_box {max-width:100%;}
#m_container {min-width: 700px;}
.sec01,.sec02, .sec03, .sec04 {max-width: 768px; }
.m_visual, .m_visual .mv_bg_t {height: 400px;}
.controller2 {  top: 420px;}
.sec02 li {margin-right: 2%;}
.tt_box .tt {width: 50%;}
.tt_box .info{font-size:1em;}
.sec04_01 div {position: inherit;}

.sec04_01, .sec04_02, .sec04_03 {display: block; width:90%;}
.sec04_03{margin-top:20px;}
}


@media only screen and (max-width: 500px){
.sec01, .sec02, .sec03, .sec04 {max-width: 500px;min-width: 500px;}
#m_container { min-width: 500px;}
.m_visual, .m_visual .mv_bg_t { height: 280px;}
.m_visual{padding-top:50px;}
.tt_box .tt{font-size:1.8em;     width: 47%;}
.sec01 .tt_box span:before {width: 70px;    left: 90px;}
.sec02 .tt_box span:before {left: 133px;}
.sec03 .tt_box span:before {width: 80px;    left: 110px;}
.controller2 {    top: 280px;    right: -60px;}
.ul_list li {width: calc(80%/4); margin:0 10px 20px 0}
.ul_list li:nth-child(2n){margin-left:20px;}
.ul_list li div b { font-size: 1.5em;}
.ul_list li div {height: 100px;}
}

@media only screen and (max-width: 425px){


.n_manip_info ul li { height: 320px;}
.m_firm_btn .prev, .m_firm_btn .next{width:30px; height:30px;     margin-top: -30px;}
.m_firm_btn .prev img, .m_firm_btn .next img{width:100%;}

.sec01, .sec02, .sec03, .sec04 {max-width: 425px; min-width: 425px;}
#m_container {min-width: 100%;}
.sec01,.sec02, .sec03, .sec04 {max-width: 100%; padding:50px 0; }
.m_visual, .m_visual .mv_bg_t { height: 200px;}
.m_visual {padding-top: 50px;}
.controller2 {top: 210px; right: -235px;}

.sec02 li{margin:5px 0; width:100%;}
.sec04 h2 { font-size: 25px;}
.sec04_01 div{width:auto;}
.sec04_ul { max-width: 425px;}
.sec04_01, .sec04_02, .sec04_03 {width: auto;}
.tt_box .tt {  width: 100%;   display: block; margin-bottom:20px;}
.tt_box .info{font-size:0.9em;}
.n_manip_btn { bottom: 160px;}

@media only screen and (max-width: 390px){
.all_wrap {max-width:390px;}
.sec01, .sec02, .sec03, .sec04 { max-width: 390px; min-width: 390px;}
}

@media only screen and (max-width: 380px){
.sec01, .sec02, .sec03, .sec04 {max-width: 380px; min-width: 380px;}
.ul_list li:nth-child(2n) {margin-left: 0;}
.ul_list li { width: calc(85%/4);}
.ul_list li div { height: 85px;}
.ul_list li div b{font-size:1.5em;}
.tt_box { margin-bottom: 50px;}


}



@media only screen and (max-width: 375px){
.ul_list li {width: calc(80%/4);}
.ul_list{width:100%; max-width:375px;}
.ul_list li div b { font-size: 1.4em;}
.m_visual, .m_visual .mv_bg_t { height: 200px;}
.m_visual {padding-top: 50px;}
.controller2 {top: 210px; right: -235px;}
/*.ul_list li { width: 100%;}
.sec02 li{margin:5px 0; width:100%;}
.sec04 h2 { font-size: 25px;}
.sec04_01 div{width:auto;}
.sec04_ul { max-width: 375px;}
.sec04_01, .sec04_02, .sec04_03 {width: auto;}

*/
.sec01, .sec02, .sec03, .sec04 { max-width: 375px;    min-width: 375px;}
.ul_list li{margin-left:0;}
.ul_list li:nth-child(2n) { margin-left: 4%;}
.ul_list li {display: -webkit-inline-box;}
.ul_list li div {height: 75px;}
}



@media only screen and (max-width: 320px){
.m_visual, .m_visual .mv_bg_t { height: 180px;}
.m_visual {padding-top: 50px;}
.controller2 {top: 210px; right: -235px;}
.sec01, .sec02, .sec03, .sec04 { max-width: 320px;    min-width: 320px;     margin: 0;}
.ul_list li,.ul_list li:nth-child(2n) { margin-left: 2%;}
.ul_list li { width: 90%;}
.tt_box .info { font-size: 0.85em;}
.txt_about div:last-child { font-size: 1.32em;}
.txt_about div:last-child img {margin-top: -2px;}

}