@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


 /* 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: 'Noto Sans', sans-serif;font-weight:normal; 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; color:#666; }
 a[href^="tel"]{ font-style:normal}
 address, caption, em, var{font-style:normal;font-weight:normal}
 input, textarea, select, br, p{letter-spacing:-1px;}
 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; -webkit-border-radius:0;

}
 input:checked[type="checkbox"]{-webkit-appearance:checkbox}
 textarea{-webkit-appearance:none}
 input[type=button],  input[type=submit], input[type=text] {-webkit-border-radius:0;
-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 60px;}
#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:110px; background:#fff;}
.inner h1 {text-align: center;}
.logo			{ height:70px;  z-index:1; }
.logo img { margin-top:30px;}
.btn_all		{ position:absolute; top:35px; left: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:11px;}

.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:none; top:0; right:0; width:70%; height:100%; min-height:100%; overflow-y:scroll; background:#60667f; z-index:100; }

#menuMoreList .btnLogin { color: #ea6093; background: #fff; }
#menuMoreList .btnJoin { color: #ee7a1a; background: #fff; }
#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:90px; overflow:hidden; margin:0 auto; background:#fff; }
.logo_btn li { display:inline-block; 	 }
.logo_btn li:first-child { padding:17px 0; padding-left:20px;}
.logo_btn li .txt01 { font-size:24px; color:#fff; font-weight:600; }
.logo_btn li .txt02 { font-size:18px;color:#fff; font-weight:600; margin-top:5px; }
.logo_btn li .txt02 span { color:#fffc00; }
.logo_btn .am_logo img { height:41px; vertical-align:top; margin-top:20px; margin-left:15px;}
.logo_btn a	{ display:inline-block;}
.logo_btn #btnClose	{ position:absolute; top:24px; right:20px; cursor:pointer}


.login_btn { overflow:hidden; }
.login_btn li{ float:left; border-bottom:1px solid #f47421; box-sizing:border-box; text-align:center; width:50%; line-height:55px; }
.login_btn li a { font-size:18px; color:#f47421; font-weight:600; } 
.login_btn li:first-child{ border-right:1px solid #f47421; }

.gnb_call {width:100%; text-align:center; margin-top:20px;}
.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 rgba(255,255,255,0.4); color: #fff; font-size:26px; font-weight: 600; line-height:80px;     background: url(../image/common/lnb_more.png) no-repeat scroll 94% 50% ;}

.lnb1>.open>a, .lnb1>li:hover>a { color:#fff;   background: url(../image/common/lnb_view.png) no-repeat scroll 94% 50% #52576c;}
.gnb_banner img { width:100%; }






.ss_menu { background:#60667f; border-bottom:1px solid rgba(255,255,255,0.4);}
.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: #fff; font-size:20px; line-height: 50px; 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; }



/* Footer */

.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 {background:#394458; }

#A_Footer .ft_btn {width:100%; line-height:55px; background:#e6e8ea; display:inline-block; }
#A_Footer .ft_btn ul { display:table; margin:auto; }
#A_Footer .ft_btn ul li {float:left; margin-right:15px;  }
#A_Footer .ft_btn ul li:last-child { margin-right:0; }
#A_Footer .ft_btn ul li a {font-size:18px; color:#666; }
#A_Footer .ft_copy {clear:both; font-size:16px; color:#8c8c8c; padding-top:3px; padding-bottom:15px;}
.ml30 {margin-left:30px;}
.ft_txt ul { overflow:hidden; display:table; margin:auto; margin-bottom:10px;}
.ft_txt ul li { float:left; margin-right:10px; }
.ft_txt ul li:last-child { margin-right:0; }
.ft_txt ul li a{ color:#fff;  font-size:16px; }

.ft_right { background:#d2d2d2; width:250px; color:#fff; text-align:center; float:right;     height: 40px; font-size:14px; font-weight:600; }
.ft_right span { font-size:18px; }
.ft_right img { vertical-align:top ; margin-top:10px;}

.ft_txt { text-align:center; padding:20px 0; }

.ft_txt .name { font-size:18px; color:#f1f4f6; }
.ft_txt .info { font-size:18px; color:#c3cdd5; line-height:22px; margin:5px 0;}
.ft_txt .copy {font-size:16px; color:#c3cdd5;  }




/* list paging */
.list_page { margin:auto 0; text-align: center; zoom: 1;   clear:both; }
.list_page .first_btn, .list_page .first2_btn { display:inline-block; height:34px; text-indent: -9999px; vertical-align: bottom;}

.list_page .first2_btn { width:34px; background: url(../image/common/arrow_l.png) no-repeat  top; }
.list_page ul { display: inline-block; overflow: hidden; vertical-align: bottom;}
.list_page li { float: left; margin: 0 2px;}
.list_page li:hover a, .list_page li a.on { color: #333; border:1px solid #333; box-sizing:border-box;}
.list_page li a { display: block; width: 34px; height: 34px; font-size: 13px; color: #333; text-align: center; line-height: 34px; border:1px solid #ddd; box-sizing:border-box;}
.list_page .last2_btn, .list_page .last_btn { display: inline-block; height:34px; text-indent:-9999px; vertical-align:bottom; }
.list_page .last2_btn { width:34px; background:url(../image/common/arrow_r.png) no-repeat left top; }








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