/* BASIC css start */
.header_top_wrap{width:100%; background:url(/design/trofish/ms_20200521/images/trofish_top_back_new2.jpg) 0 0 repeat; }
.header_top_wrap .inner{margin:0 auto; max-width:1200px;}
#wrap.w1000 .header_top_wrap .inner{width:1200px; }
.header_top_wrap .inner:after{display:table; content:""; width:100%; }
.header_top_wrap .inner .btn_facebook_share{float:left; margin-top:5px;}
.header_top_wrap .inner .gnb_nav{float:right; height:20px; padding:5px 0;}
.header_top_wrap .inner .gnb_nav li{float:left; height:20px; padding-left:15px; position:relative;  }
.header_top_wrap .inner .gnb_nav li + li:before{display:block; position:absolute; top: 50%; left: 7px; width:1px; height:10px; margin-top:-5px; background-color:#222; content:"";}
.header_top_wrap .inner .gnb_nav li b,
.header_top_wrap .inner .gnb_nav li a{display:inline-block; color:#FFF; line-height:20px; font-weight:bold; font-size:14px; }
.header_top_wrap .inner .top_banner{clear:both; width:100%; overflow:hidden; height:0px; }
.header_top_wrap .inner .top_banner img{display:block; max-width:100%; margin:0 auto;}


/* ´Ùã´Ù ÀÚµ¿¿Ï¼º*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:60px; left:490; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:202px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

#header{margin:0 auto;}
#wrap.w1000 #header{width:1200px; }
#header .headerTop{}
#header .headerTop:after{display:table; content:""; width:100%; }
#header .tlogo{float:left; width:400px;}
#header .headerRbanner{float:left; width:260px; text-align:right; height:30px; line-height:20px; margin-top:35px;}
#header .top10{float:left; width:28px; margin-top:38px;}
#header .headerRbanner2{float:right; width:220px; margin-top:35px;}
#header .headerRbanner img{display:inline-block; vertical-align:middle;}
#header .searchArea{float:left; width:450px;}
#header .searchArea .search{height:30px; margin:30px 0 0;}
#header .searchArea .search input{display:block; float:left; margin-right:10px; width:350px; height:30px; border:5px solid #3bced0; box-sizing:border-box; text-indent:10px;}
#header .searchArea .search a{display:block; float:left; }
#header .searchArea .top_word_list{height:20px; width:100%; padding:2px 0 8px;}
#header .searchArea .top_word_list li{float:left; height:20px;}
#header .searchArea .top_word_list li + li{padding-left:11px; position:relative; }
#header .searchArea .top_word_list li + li:before{position:absolute; top:50%; left:6px; margin-top:-5px; width:1px; height:10px; background:#ccc; display:block; content:"";}
#header .searchArea .top_word_list li a{display:inline-block; line-height:20px;}
#header .searchArea .top_word_list li a img{vertical-align:middle; display:inline-block; margin-right:3px;}
#header .header_Bottom{height:30px;}
#header .header_Bottom .headerNav{float:right; height:30px;}
#header .header_Bottom .headerNav ul{font-size:0; padding-top:7px;}
#header .header_Bottom .headerNav ul li{display:inline-block; vertical-align:bottom;}
#header .header_Bottom .headerNav ul li + li{margin-left:-1px;}

#header .header_Bottom .notice_wrap{float:right; width:350px; height:30px;}
#header .header_Bottom .notice_wrap ul{margin:8px 5px 0 0 ;width:350px;}
#header .header_Bottom .notice_wrap ul li{padding:0px 0; height:30px; overflow:hidden; box-sizing:border-box; }
#header .header_Bottom .notice_wrap ul li a{line-height:20px; display:block; float:left;}
#header .header_Bottom .notice_wrap ul li a img{vertical-align:top; display:inline-block; margin-right:3px;}
#header .header_Bottom .notice_wrap .btn_more{float:right; display:inline-block; margin:15px 5px 0 0; height:20px; line-height:20px; text-align:right; }
#header .header_Bottom .notice_wrap .btn_notice{float:left; display:inline-block; margin:17px 5px 0 0; height:20px; line-height:20px; text-align:left; }




#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }
/* BASIC css end */