@charset "utf-8";

#wrap {padding-top:120px; min-width:1400px;}
.con {width:1400px; margin:0 auto;}

.moHeader, .moMenu {display:none;}


#header {position:fixed; left:0; top:0; z-index:9999;height:120px; background:#fff; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; width:100%;}
#header .con {}
#header .logo {display: inline-block; vertical-align: top; margin-top:50px;  transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out;}
#header ul.gnb {font-size:0; margin-top:30px; display: inline-block; vertical-align: top; margin-left:210px;  transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out;}
#header ul.gnb li {display: inline-block; vertical-align: top; position:relative; margin-right:40px;}
#header ul.gnb li:last-child {margin-right:0;}
#header ul.gnb li:before {content:""; position:absolute; right:-40px; top:30px; width:40px; height:1px; background:#cccccc;}
#header ul.gnb li:last-child:before {content:none;}
#header ul.gnb li a {font-size:20px; color:#111111; font-weight:400; letter-spacing:-1px; line-height:60px; display: inline-block; text-align:center; padding:0 20px;}
#header ul.gnb li a.on {color:#b12f75; font-weight:700;}
#header ul.utill {display: inline-block; margin-top:40px; float:right; font-size:0;  transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out;}
#header ul.utill li {display: inline-block; vertical-align: top; border-radius:7px; border:1px solid #ccc;}
#header ul.utill li:first-child {margin-right:10px;}
#header ul.utill li a {font-size:16px; line-height:40px; padding:0 20px; color:#111111; display: inline-block; border-radius:7px;}

#header ul.gnb li a:hover {color:#b12f75; }
#header ul.utill li a:hover {background:#b12f75; color:#fff;}


.hidden_menu {display:none; position:absolute; left:0; top:120px; z-index:9999; font-size:0; background:#fff; width:100%; height:60px; border-top:1px solid #eee;}
.hidden_menu .con {text-align:center;}
/*#header ul.sub_menu {display:none; position:absolute; left:0; top:50px; width:170px; border:2px solid #ccc; padding:5px; background-color:#fff; z-index:9999;}*/
/*#header ul.main_menu > li.on > ul.sub_menu {display:inline-block;}*/
#header ul.sub_ul {display:none; width:100%; font-size:0;}
#header ul.sub_ul > li {display: inline-block; vertical-align: top;}
#header ul.sub_ul > li > a {line-height:40px; font-size:16px; color:#666666; text-align:center; display:inline-block; padding:0 15px; margin:10px 15px;}
#header ul.sub_ul > li > a:hover {background:#b12f75; color:#fff; border-radius:20px;}

#header.on {height:80px; }
#header.on ul.gnb {margin-top:10px;}
#header.on .logo {margin-top:30px;}
#header.on ul.utill {margin-top:20px;}
#header.on .hidden_menu {top:80px;}




#footer {background:#333333; height:100px;}
#footer .con {}
#footer .f_logo {display: inline-block; vertical-align:top; margin-top:38px;}
#footer .info {display: inline-block; color:#999999; font-weight:100; font-size:12px; line-height:20px; margin-top:20px; vertical-align:middle; margin-left:55px;}
#footer .info a {color:#999999; font-weight:100;}
#footer .info em {font-weight:700;}
#footer .etc {float:right;  text-align:right;  position:relative;}
#footer .etc ul.etc_btn {display: inline-block; font-size:0; vertical-align: top; margin-top:20px;}
#footer .etc ul.etc_btn {position:absolute; right:0; bottom:25px; margin-top:0;}
#footer .etc ul.etc_btn li {display: inline-block; border:1px solid #ccc; border-radius:7px; margin-right:5px; text-align:center;}
#footer .etc ul.etc_btn li.fs {width:120px; text-align:left; position:relative; transition:1s ease-in-out;-o-transition:1s ease-in-out; -moz-transition:1s ease-in-out; -webkit-transition:1s ease-in-out; transition:background:}
#footer .etc ul.etc_btn li.fs > a {width:100%; box-sizing:border-box;-moz-box-sizing:border-box; background: url(/Img/arrow_top.png) no-repeat 90% center #333333;}
#footer .etc ul.etc_btn li a {display: inline-block; line-height:28px; padding:0 12px; color:#ccc; font-size:12px; font-weight:500; border-radius:7px; }
#footer .etc ul.etc_btn li.nm:hover {background:#ccc;}
#footer .etc ul.etc_btn li.nm a:hover {background:#ccc; color:#333; border-radius:7px; }
#footer .etc .copyright {color:#999999; font-size:12px; font-weight:100; margin-top:10px;}
#footer .etc .copyright {margin-top:63px;}

#footer .etc ul.etc_btn li.fs.on {  background:#333333; padding-top:85px;}
#footer .etc ul.etc_btn li.fs.on > a {background:url("/Img/arrow_bot.png") no-repeat 90% center;}

#footer .etc ul.etc_btn li.fs .fs_list {display:none; padding:10px;  border-radius:10px 10px 0 0; position:absolute; right:-1px; bottom:28px;  width:120px; text-align:left;  border-bottom:none; z-index:10;}
#footer .etc ul.etc_btn li.fs .fs_list li:first-child {}
#footer .etc ul.etc_btn li.fs .fs_list li {border:none; border-radius:0;  width:100%;}
#footer .etc ul.etc_btn li.fs .fs_list li a {display: inline-block; line-height:30px; font-size:12px; color:#fff; width:100%; text-align:left; position:relative; padding-left:3px; color:#ccc;}
/* #footer .etc ul.etc_btn li.fs .fs_list li a:after {content:">"; position:absolute; right:30px;} */

/*#footer .etc ul.etc_btn li.fs.on .fs_list {bottom:25px;}*/

.mobile_br {display:none;}