/* BASIC css start */
/* ¸ÞÀÎÆË¾÷
--------------------------------------------------------------
--------------------------------------------------------------
*/

#topPop {position:relative; display:none; width:100%; height:130px; background:url('/design/skincure1/layout/top.png') center no-repeat; border-bottom:1px solid #eee; }
#topPop .pop_img {position:relative; width:1100px; margin:0 auto;}
#topPop .pop_img a {position:absolute; display:block; width:105px; height:105px; top:12px; right:72px; }
#topPop #closeBtn {position:absolute; top:20px; right:30px; }
#topPop label { position: absolute; bottom:5px; right: 120px; color: #333;}

/* ¸ÞÀÎÆË¾÷ ³¡
--------------------------------------------------------------
--------------------------------------------------------------
*/

#blk_scroll_wings {display:none;}

/*ÃÖ»ó´ÜÇì´õ¿µ¿ª*/
.top_user_menu{ width:1000px; height:30px; margin:0 auto; }
.top_user_menu ul { float:right; margin:8px 0 0 0px;}
.top_user_menu li{display:inline-block; margin-right:10px;}
.top_user_menu li a,top_user_menu li a:link{color:#353535; font-size:12px;}

/* ÁÖ¿ä ¸Þ´º*/
#main_header{position:relative; width:100%; height:140px;}
#header_cent{ position:relative; width:1000px; margin:0 auto; padding:20px 0;}

#main_header .banner ul{width: 300px; position:absolute; right:0; top:40px;}
#main_header .banner ul li { float:left; width:23%; list-style:none; margin-right:7px; }
#main_header .banner ul li:last-child {margin-right:0; }
#main_header .banner ul li a { display:block; width:100%; height:100%; }
#main_header .banner ul li a img {width:100%; }

.search {position:absolute; top:45px; right:340px; }
.search a {position:absolute; top:5px; right:7px; }

.MS_search_word {width:320px; height:40px; border:4px solid #84bd00;}

#main_header .logobox {width:250px; height:auto; }
#main_header .logobox img {width:100%; height:auto; }

.add { position:absolute; right:0; top:25px; }
.add li:nth-child(1){ font-size:25px; font-weight:700; color:#45454b; }
.add li:nth-child(2){ font-size:13px; font-weight:700; color:#84bd00;}
.add li:nth-child(3){ font-size:29px; font-weight:900; color:#84bd00;}
.add li:nth-child(4){ font-size:13px; font-weight:500; color:#45454c;}

/* ¸Þ´º¹Ù */
#top_nav{ position:relative; width:100%; height:45px; box-sizing:border-box; border-top:1px solid #ccc; border-bottom:2px solid #84bd00; }

.top_nav_gnb{width:1000px; height:100%; margin:0 auto; }

.top_nav_gnb li {position:relative; float:left; width:20%;  font-weight:600; text-align:center; }
.top_nav_gnb li a { display:block; width:100%; height:45px; color:#45454c; font-size:16px; letter-spacing:-0.03em; line-height:36px; }
.top_nav_gnb li a:hover {color:#84bd00; }

.top_nav_gnb li:hover .dropmenu {visibility:visible; }
.dropmenu {visibility:hidden; position:absolute; width:200px; height:400px; top:42px; left:0px; box-sizing:border-box; background:#fff; border:2px solid #84bd00; z-index:999; box-shadow: 2px 4px 7px; }
.dropmenu ul {}
.dropmenu ul li { width:100%; height:50px; border-top:1px solid #ccc; box-sizing:border-box; }
.dropmenu ul li:first-child { border-top:0; }
.dropmenu ul li a { display:block; width:100%; height:100%; color:#45454c; font-size:14px; letter-spacing:-0.01em; line-height:45px; font-weight:400; }
.dropmenu ul li a img { width:60%; margin-top:10px; }
.dropmenu ul li a:hover { font-weight:600; color:#45454c; background:#eaeaea; }

.map {clear:both; margin:20px auto 0; width:1000px; height:156px;}
.map p{ float:left; border-radius:8px; overflow:hidden;}
.map p:nth-child(1) {margin-right:38px;}
/* BASIC css end */

