@charset "utf-8";
/* -------------------------------------------------- 모바일 업데이트 2015-05 ------------------------------------------------------------------- */

a { text-decoration:none; color:#212121; }
a:hover { color:#000; font-weight:bold;  } /*text-decoration:underline;*/

h1,h2,h3,h4,h5,h6 { font-size:0; }
address,strong{font-style:normal; font-weight:normal; }

body { font:14px "NanumGothic",Gulim; -webkit-text-size-adjust:none;}



/* web font 나눔고딕 크로스브라우징 */
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/css/font/NanumGothic.eot');  /* ~ IE 8버전 이하 */
  src: local('.'), url('/css/font/NanumGothic.woff') format('woff'), url('/css/font/NanumGothic.ttf') format('truetype'); /* IE 9 부터 and Safari, Android, iOS */
}

@font-face{
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: bold;
  src: url('/css/font/NanumGothicBold.eot');     
  src: local('.'), url('/css/font/NanumGothicBold.woff') format('woff'), url('/css/font/NanumGothicBold.ttf') format('truetype'); 
}


@font-face{
  font-family: 'NanumMyeongjo';
  font-style: normal;
  font-weight: bold;
  src: url('/css/font/NanumMyeongjo.eot');     
  src: local('.'), url('/css/font/NanumMyeongjo.woff') format('woff'), url('/css/font/NanumMyeongjo.ttf') format('truetype'); 
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }

img {margin:0; padding:0;}
ul li { list-style-type:none; margin:0; padding:0;}
img,fieldset,iframe{border:0;}
img,fieldset { border:none; }
/*img{ max-width:100%; }ipad사이즈에서 userlogin 의 title등 %로 된  것을 위해*/
li img, dd img { vertical-align:top; }
input { vertical-align:middle; }
hr{display:none;}


#wrap { width:640px; margin:0 auto;position:relative;display:inline-block;font-size:0;}

#header { width:100%;}
#header div { float:left; }
#header img { width:100%; }

#main_content {clear:both; width:100%;}
#visual{position:relative;width:100%;overflow-x:hidden;-webkit-transform-style:preserve-3d;}
#visual img {width:100%; }
#visual ul.visual{width:100%;top:0px;left:0px;-webkit-transform:translate3d(0px, 0px, 0px);}
#visual ul.visual li{width:100%;float:left;}
#visual_btn{ position:absolute; width:100%; bottom:3.5%; z-index:999; }
#visual_btn ul {position:relative; width:30%; margin:0 auto; padding-left:70px;}
#visual_btn ul li {float:left; width:9%; height:13%;  margin-right:3%; cursor:pointer; }
#visual_btn li.btn_on { cursor:pointer;}

#menu1 { clear:both; width:100%;}
#menu1 div { float:left; }
#menu1 div.menu1_2 { clear:both; }
#menu1 img { width:100%; }

#bn img { width:100%; }

#review{position:relative;width:100%;-webkit-transform-style:preserve-3d;}
#review img { width:100%; }
#review .tit img { width:100%; } 
#review .viewbox{position:relative;overflow:hidden; background-color:#efefef;}
#review .viewimg {}
#review .viewimg img {width:320px; }
#review .viewimg li{width:100%;float:left;text-align:center;}
#review .more {width:100%; position:relative;  }
#review .lbt { position:absolute;top:100px; left:2%;z-index:999;}
#review .lbt img { width:100%; }
#review .rbt { position:absolute;top:100px; right:2%;z-index:999;}
#review .rbt img { width:100%; }

#real img { width:100%; }
#real .tit img { width:100%; } 
#real .viewbox{position:relative;overflow:hidden;}
#real .viewimg {}
#real .viewimg img {width:640px; }
#real .viewimg li{width:100%;float:left;text-align:center;}
#real .viewimg li a{display:block;}
#real .more {width:100%; position:relative;  }
#real .lbt { position:absolute;top:150px; left:2%; z-index:999; }
#real .lbt img { width:100%; }
#real .rbt { position:absolute;top:150px; right:2%;z-index:999;}
#real .rbt img { width:100%; }

/*#review{position:relative;width:100%;-webkit-transform-style:preserve-3d;}
#review img { width:100%; }
#review .tit img { width:100%; } 
#review .viewbox{overflow-x:hidden;}
#review .viewbox li { float:left;width:100%;}
#review .viewbox img {width:100%; }
#review .viewimg {float:left; overflow:hidden; }
#review .viewimg img {width:100%; }
#review .more {width:100%; position:relative;  }

#real  { width:100%; position:relative;}
#real img { width:100%; }
#real .tit img { width:100%; } 
#real .viewbox{overflow-x:hidden;}
#real .viewbox li { float:left;width:100%;}
#real .viewbox img {width:100%; }
#real .viewimg {float:left; overflow:hidden; }
#real .viewimg img {width:100%; }
#real .more {position:relative;  width:100%;  background-color:#efefef;  }*/

#play { position:relative; width:100%;background-color:#efefef; padding-top:7%; text-align:center;}

#cscenter { position:relative;  width:100%; background-color:#efefef;}
.cs { width:50%; float:left; }
.cs img { width:100%; }
.cs2 { width:50%; float:left;}
.cs2 ul li  { background-color:#3f446c;}
.cs2 img { width:100%;}

#footer { clear:both; position:relative;  width:100%;background-color:#dcdcdc; }
#footer .number_table_view{width:40%;margin:0 auto;text-align:center;padding-top:20px;}
#footer .number_table_view a{display:block;background:#6f6d71;padding:10px 0;}

.ft_btn ul {padding:28px 0 20px 37px}
.ft_btn ul:after{clear:both;content:"";display:block;}
.ft_btn ul li {float:left; padding:0 5px 0 0;}


.la { width:100%; margin:0 auto; padding-top:5%; }
.la ul li { float:left; width:10%;background-color:#efefef; }
.la ul li.t1 { padding-left:24%;}
.la ul li.t2 { padding-left:4%;}
.la ul li.t3 { padding-right:24%;}
.la ul li  img{width:100%; }

#quick {width:640px; position:fixed; left:0px; bottom:0px; z-index:999; background:#000000; }
#quick ul li{float:left;}

#quick td {font-size:0px;}

.text { clear:both; width:100%; text-align:center;padding-top:5%; background-color:#efefef; }
.text ul li { float:left; background-color:#efefef;  }
.text ul li img { width:100%;}
.text ul li.t1 { width:10%; padding-left:21.5625%;}
.text ul li.t2 { width:21.875%; }
.text ul li.t3 { width:12.5%; }
.text ul li.t4 { width:12.5%; padding-right:21.5625%;}

.mcopy { clear:both; position:relative;  font-size:11px; line-height:150%; background-color:#dcdcdc; padding-top:5%; padding-bottom:5%;}
.mcopy p { width:88%; margin:0 auto;}

/* 서브페이지 */
#sub_5tab {width:100%;}
#sub_5tab ul { border-top:2px solid #5f6569; }
#sub_5tab ul li.tab1 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab2 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab3 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab4 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab5 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab6 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab7 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab8 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li.tab9 { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_5tab ul li a { display:block; height:30px; background:#fafafa; line-height:30px; text-align:center; color:#4b1960; font-weight:bold;}
#sub_5tab ul li a.on { background:#4b1960; color:white; }

#sub_4tab {width:100%;}
#sub_4tab ul { border-top:2px solid #5f6569; }
#sub_4tab ul li { float:left; width:25%; border-bottom:1px solid #5f6569;}
#sub_4tab ul li.tab5 { clear:both;}
#sub_4tab ul li a { display:block; height:30px; background:#fafafa; line-height:30px; text-align:center; color:#4b1960; font-weight:bold;}
#sub_4tab ul li a.on { background:#4b1960; color:white; }

#sub_3tab {width:100%;}
#sub_3tab ul { border-top:2px solid #5f6569; }
#sub_3tab ul li { float:left; width:33.333333%; border-bottom:1px solid #5f6569;}
#sub_3tab ul li.tab4 { clear:both;}
#sub_3tab ul li.tab7 { clear:both;}
#sub_3tab ul li a { display:block; height:30px; background:#fafafa; line-height:30px; text-align:center; color:#4b1960; font-weight:bold;}
#sub_3tab ul li a.on { background:#4b1960; color:white; }

#subcontents {width:100%;}
#subcontents img { width:100%; }
#subcontents ul li { float:left; width:50%; }
#subcontents ul li a { display:block; }

#subcontents li.sub_8tab {float:left; width:25%;}



/* 펼침메뉴 */
#all { position:absolute; top:117px; background:#333; width:250px;   z-index:999; padding-bottom:20px;  right:0;}
			#all div.title{position:fixed;top:0px;right:0px; width:250px; text-align:center; background:#4b1960; height:30px; color:#fff; font-weight:bold;line-height:250%;z-index:999999;} 
			#all ul.topUl { width:230px; margin:0 auto;}
			#all ul.topUl li.subTop { float:left; width:100%; border-bottom:solid 1px #444;   text-align:left;}
			#all ul.topUl li.subTop span {position:relative; height:30px; padding:5px; color:#fff; font-weight:bold;}
			#all ul.topUl li.subTop a:hover {color:#8dc9ff;}



			#all ul.topUl li.subTop div.subChild {height:0px;overflow:hidden;}
			
			#all ul.topUl li.subTop div.subChild ul {}
			#all ul.topUl li.subTop div.subChild li {padding-left:30px;  padding-top:8px;padding-bottom:3px; height:29px; border-bottom:solid 1px #666;  background-color:#444; }
			#all ul.topUl li.subTop div.subChild a {color:#fff;}

#all ul.topUl li.subTop span {display:block; text-decoration:none;cursor:pointer; line-height:250%;}

#all ul.topUl li.subTop .on{display:block; text-decoration:none;cursor:pointer; }
#all ul.topUl li.subTop .on:hover,
#all ul.topUl li.subTop .on:focus,
#all ul.topUl li.subTop .on.on{width:240px; background-color:#666;  }


#privacy{width:90%;height:300px;overflow-y:scroll;margin:0 auto;text-align:left;margin-top:20px;margin-bottom:20px;border:1px solid #ededed; border-right:0px;}


.board_category{width:100%; margin:0 auto; }





#header .top_line1 {width:640px; height:86px; background:url('/m/images/common/header_bg.jpg')no-repeat;}
#header .top_line1 .top_logo {float:left; margin:7px 0 0 15px;}
#header .top_line1 .top_menu {float:right; margin:27px 16px 0 0;}
#header .top_tap {height:74px; width:640px; background:#fff;}

#header .top_tap_on {height:150px; width:640px; background:#fff; display:none;}



#header .top_sitemap {background:#efefef; height:86px; width:640px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#header .top_sitemap .skin {float:left;}
#header .top_sitemap .woman {float:left;}
#header .top_sitemap .makeup {float:left;}

#self_movie {padding:55px 20px 0px 20px; width:600px;}
.mcon_title ul {height:24px; padding-bottom:20px;}
.mcon_title ul li{float:left; padding-right:10px;}
.movie_list {width:600px;}


#surgery {background:#eff0f2; height:680px; width:600px; padding:50px 20px}
.surgery_cont .left{float:left; clear:both; height:392px}
.surgery_cont .right{float:right; height:392px}
.surgery_list { clear:both; padding-top:0px}
.surgery_list ul li {padding-bottom:5px;}

#real_story {clear:both; height:870px; width:600px; padding:50px 20px}
.real_banner .line01{float:left; clear:both; margin-right:20px}
.real_banner .line02{float:left;}
.real_banner .line03{float:left; margin-top:20px; margin-right:20px}
.real_banner .line04{float:left; margin-top:20px;}

#be_af {padding:20px 20px 0px}
.beaf_bannaer {margin-bottom:40px;}

#bottom_banne {width:640px; height:200px; }

/*메뉴*/

.fullmenu_list {
  width: 526px;
  z-index:1000000000;
  float:left;
}
.fullmenu_list > ul > li {
  background: #000;
  border-bottom: 1px solid #ccc;
  clear:both;
}
.fullmenu_list > ul > li:last-child {
  border-bottom: 1px solid #fff;
}
.fullmenu_list > ul > li > a {
  font-size: 22px;
  font-weight:bold;
  display: block;
  color: #666;
  background: #fff;
  height:50px;
}

.fullmenu_list a {
    line-height: 1.3;
    padding: 20px 15px 1px 15px;
    font-weight: ;
	color:#fff;}


.fullmenu_list > ul > li > a:hover {
  text-decoration: none;
}
.fullmenu_list > ul > li.active {
  border-bottom: none;
}
.fullmenu_list > ul > li.active > a {
  background: #97c700;
  color: #fff;
  text-shadow: 0 1px 1px #709400;
}
.fullmenu_list > ul > li.has-sub > a:after {
  content: "";
  position: absolute;
  top: 25px;
  right: 10px;
  border: 10px solid transparent;
  border-left: 10px solid #ffffff;
}
.fullmenu_list > ul > li.has-sub.active > a:after {
  right: 14px;
  top: 25px;
  border: 10px solid transparent;
  border-top: 10px solid #4e5800;
}
/* Sub menu */
.fullmenu_list ul ul {
  padding: 0;
  display: none;
}
.fullmenu_list ul ul a {
  background: #aaa;
  display: block;
  color: #fff;
  font-size: 21px;
  padding-bottom:15px;
  padding-left:40px;
}
.fullmenu_list ul ul li {
}
.fullmenu_list ul ul li.odd a {
  background: #aaa;
}
.fullmenu_list ul ul li:last-child {
  border: none;
}
.fullmenu_list ul ul li.s_menu a {
  background: #ccc;
  display: block;
  color: #fff;
  font-size: 18px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:60px;
}

.fullmenu_list ul ul li.ms a {
  background: #ccc;
  display: block;
  color: #fff;
  font-size: 18px;
  padding-bottom:15px;
  padding-left:60px;
}


.close_fullmenu {width:31px; line-height:60px;background:none; padding:30px;font-size:40px;color:#fff;font-weight:bold;text-align:center;}
.close_fullmenu a{color:#fff}

.fullcounsel_list {float:right;width:500px;}
.fullcounsel_list a {color:#fff;}

.fullcounsel_list ul {width:500px;}
.fullcounsel_list ul li {float:left;padding:0}
.close_fullcounsel {width:31px; line-height:60px;background:none; padding:30px;font-size:40px;color:#fff;font-weight:bold;text-align:center;}
.close_fullcounsel a{color:#fff}


.menu_left {color:#fff;width:346px;background:#8200ff;float:left;padding:23px 0;height:40px;font-size:30px;}
.menu_left ul li {float:left;}
.menu_left a {padding:0px 0 0 15px}
.menu_right {color:#fff;width:180px;background:#8200ff;float:left;padding:23px 0;height:40px;font-size:30px;}
.menu_right ul li {float:left;}
.menu_right a {padding:0px 0 0 15px}
.menu_right.header_country_wrap{background:0;position:absolute;right:12%;padding:18px 0;width:auto;}
.menu_right.header_country_wrap ul li img{width:50px !important;height:51px}

.policy ul {height:20px}
.policy ul li {float:left; padding-right:30px;}
.ft_copy {padding-top:20px;}


.menu_quick ul li {float:left}
.menu_quick a {padding:0}
.allmenu_bottom ul li {float:left}
.allmenu_bottom a {padding:0}

/*서브메뉴*/
.title01 {background:#844cbd; width:555px; height:32px; color:#fff; font-size:22px; padding:15px 10px 10px 10px }
.title { }
#mobile_title {float:left;}
#mobile_title .title {float:left;}
#sub_menu {float:left;}
#sub_menu_open {float:left; display:none;}
#sub_menu_open .menu {clear:both; position:absolute; width:100%; margin:0 auto; margin-left:-255px;}

#sub_menu2 {float:left;}
#sub_menu_open2 {float:left; display:none;}
#sub_menu_open2 .menu {clear:both; position:absolute; width:318px; margin:0 auto; margin-left:-255px;}
.tap_open {width:72px; height:74px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.tap_list  { width:550px; height:74px; padding:0 0 0 16px; overflow:scroll; overflow-y:hidden;}
.tap_list ul {width:1000px;}
.tap_list ul li {float:left; padding:27px 25px 0 0}


.quick_table04 {width:640px; padding:20px 0px 10px 20px}
.quick_table04 th {text-align:left; padding-bottom:10px;}
.quick_table04 td {padding-bottom:7px; font-size:17px}
.quick_table04 input {padding:0px 10px}
.quick_table04 select {padding:0px 10px}
.quick_tablebt {text-align:center}
.qc_01bg {background:#555; height:460px; color:#fff; font-size:18px;}
.qc_01bg a {color:#fff; font-size:16px}
.quick_table01 {padding:0 0 0 43px;float:left;}
.quick_table01 td {padding-bottom:7px}
.quick01_title {padding:20px 0}

.s_menu {background:#d3d3d3; border:0;border-bottom: 1px solid red;}

#b_gr {clear:both; width:640px;}