@charset "utf-8";
 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* @import url(http://www.openhiun.com/hangul/nanumbarungothic.css); */


 /* Element Reset */
*{-webkit-text-size-adjust:none}
 video, audio, object{ width:100%; height:auto}
 html, body{ min-height:100%; }
 body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Nanum Gothic', dotum,'돋움', 'Malgun Gothic','맑은 고딕',sans-serif;font-weight:normal; color:#666; font-size:13px}
 body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x:hidden;}
 a{text-decoration:none}
 a[href^="tel"]{ font-style:normal}
 address, caption, em, var{font-style:normal;font-weight:normal}
 input, textarea, select, br, p{letter-spacing:normal}
 ol, ul, dl, li{list-style:none}
 fieldset, img{border:0}
 legend, caption, hr{display:none}
 table{border-collapse:collapse;border-spacing:0}
 input{vertical-align:middle}
 input:checked[type="checkbox"]{-webkit-appearance:checkbox}
 textarea{-webkit-appearance:none}


/* 전체 */
#A_Wrap { max-width:640px; position:relative; margin:0 auto; }
#A_header			{ position:relative;  margin:0 auto; zoom:1 }
#A_header:after		{ content:""; clear:both; display:block }
#A_Container_Wrap { position:relative;  margin:0 auto 30px;}
#A_Container_Wrap:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
#A_Footer {	position:relative; margin:0 auto; height:auto;}
#A_Footer:after {content:''; clear:both; height:0; display:block; visibility:hidden;}


/* Header */
.inner {width:600px; margin:0 auto; position: relative;}
.header_tit {width: 100%; height:100px; background:#fff;}
.header_tit .imheforshe {width:125px; line-height:41px; border-radius:30px; background:#ff4f9a; display:inline-block; font-size:18px; color:#fff; text-align:center; font-weight:600; position:absolute; right:110px; top:35px;}
.logo			{ height:70px;  z-index:1; }
.logo img { margin-top:15px;}
.btn_all		{ position:absolute; top:35px; right:0;}

.common_menu	{ position:absolute; top:18px; right:9px; margin:0; }
.common_menu li	{ position:relative; float:left; padding:0 13px; text-align:center;}
.common_menu li:last-child { padding-right:0;}
.common_menu li:after	{ content:""; clear:both; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#d5e8f7}
.common_menu li:first-child:after	{ display:none}
.common_menu li img {margin-top:10px;}

.menu_tit {width:100%; height:72px; background:#3a7cbc; text-align:center;}
.menu_tit p {color:#fff; font-size:30px; font-weight:600; line-height:70px;}
.gnb {width:100%; height:50px; position:relative; text-align:center; border-bottom: 1px solid #4b4799;}
.gnb li { display:inline-block; padding:0 18px; padding-top:3px; }
.gnb li a { font-size:20px; font-weight:bold; color:#4b4799; line-height:45px; }
.gnb li a:hover,.gnb .on a{color:#ba76af;}

.gnb_oper {width:100%; height:100px; position:relative; text-align:center; border-bottom: 1px solid #4b4799;}
.gnb_oper li { display:inline-block; padding:0 18px; padding-top:3px; }
.gnb_oper li a { font-size:20px; font-weight:bold; color:#4b4799; line-height:45px; }
.gnb_oper li a:hover,.gnb_oper .on a{color:#ba76af;}



/* 전체메뉴 */

#allmenu				{ position:fixed; width:100%; height:100%; top:0%; left:-100%;  font-family:'Nanum Gothic'; background:#fff; z-index:910; }
#allmenu.open			{ top:0%; left:0px; background:rgba(0,0,0,0.5); }
#menuMoreList			{ position:relative; top:0; left:30%; width:70%; height:100%; min-height:100%; overflow-y:scroll; background:#fff; z-index:100; }
#menuMoreList .logo_btn a { display: inline-block; height: 22px;  border-radius: 3px; font-size: 12px; line-height: 22px; }
#menuMoreList .login_btn {padding:20px 0; border-bottom:1px solid #d0d0d0; text-align:right; padding-right:20px;}
#menuMoreList .login_btn a { display: inline-block; height: 22px;  border-radius: 3px; font-size: 20px; line-height: 22px; padding:5px 10px;}
#menuMoreList .login_btn li {display:inline-block;}
#menuMoreList .btnLogin { color: #fff; background: #3a7cbc; }
#menuMoreList .btnJoin { color: #fff; background: #575757; }
#menuMoreList .name { display:block; font-size:12px; padding-top:5px; margin-bottom:10px; }
#menuMoreList .name span { font-weight:600; color:#5e5e5e; }


.logo_btn	{ position:relative; height:98px; overflow:hidden; margin:0 auto; padding:0 5px; background:#fff; }
.logo_btn li { display:inline-block;	 }
.logo_btn .am_logo img {vertical-align:top; margin-top:15px; margin-left:15px;}
.logo_btn a	{ display:inline-block;}
.logo_btn #btnClose	{ position:absolute; top:25px; right:20px; cursor:pointer}

.none {display:none; }
.all_3btn { padding:0 10px 10px 10px; }
.all_3btn li { display: inline-block; width: 30.9%; border:1px solid #c6c6c6; background:#f7f7f7; text-align:center; border-radius:3px; }
.all_3btn li a { display: block; font-size:14px; font-weight:600; color:#666666; line-height:18px; padding:10px 0; }

.lnb li { float:none; }
.lnb li a { display: block; padding-left: 20px; border-bottom: 1px solid #d0d0d0; color: #444; font-size:18px; font-weight: 600; line-height:80px; background:url(../image/common/lnb_more.png) no-repeat scroll 94% 50% #ffffff;}
.lnb>li>a.on, .lnb>li:hover>a { color:#444; background:url(../image/common/lnb_view.png) no-repeat scroll 94% 50%;}

.lnb1 li { float:none; }
.lnb1 li a { display: block; padding-left: 20px; border-bottom: 1px solid #d0d0d0; color: #444; font-size:21px; font-weight: 600; line-height:80px; background:url(../image/common/lnb_more.png) no-repeat scroll 94% 50% #ffffff;}
.lnb1>.open>a, .lnb1>li:hover>a { color:#444; background:url(../image/common/lnb_view.png) no-repeat scroll 94% 50%;}


.ss_menu { background:#fff4f8; border-bottom:1px solid #ccc;}
.ss_menu li:first-child {padding-top:20px;}
.ss_menu li:last-child {padding-bottom:20px;}
.ss_menu li a {  display: block; padding-left: 30px; border-bottom:none; color: #666; font-size:18px; line-height: 35px; font-weight:normal !important; background:none !important; }
.ss_menu li.on a, .ss_menu li a:hover { font-weight:600; }
.sss_menu { padding-left:10px; } 
.sss_menu li a:hover { color:#666666; }

/*
.all_6btn { padding:10px; }
.all_6btn li { display: inline-block; width: 30.9%; border:1px solid #c6c6c6; background:#f7f7f7; text-align:center; border-radius:3px; margin-bottom:5px; }
.all_6btn li a { display:block; font-size:13px; font-weight:600; color:#666666; padding:5px; }
.all_6btn li img { width:70%; }
.all_6btn span {  display: block; } */


/* Footer */
.foot_login { padding:15px 0; }
.foot_login:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.foot_login .tm_btn a {background:#484848; color:#fff;}

.foot_btn {width:100%; height:180px; background:#262626; font-size:14px; }
.foot_btn table {width:100%; }
.foot_btn table tr {border-bottom:1px solid #353535; height:35px;}
.foot_btn table tr th {color:#fff; text-align:left; padding-left:30px;}
.foot_btn table tr td { text-align:left;}
.foot_btn table tr td a {color:#888;}

.foot_menu {padding-top:20px;}

#A_Footer .foot_copy { padding:0 10px 10px 10px; background:#444; }
#A_Footer .ft_txt {text-align:center;}
#A_Footer .ft_txt img {margin:15px 0;}
#A_Footer .ft_txt p {font-size:13px; color:#8f8f8f; line-height:20px;}
#A_Footer .ft_txt p span {margin-left:15px;}



.pb10 {padding-bottom:10px;}
.pt10 {padding-top:10px;}