@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 !important; 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; 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:-1.5px}
 ol, ul, dl, li{list-style:none}
 fieldset, img{border:0 ; vertical-align:middle;}
 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}
input[type=text],select { -webkit-border-radius:0;
-webkit-appearance: none;
}
input[type=text]::-ms-clear{display: 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 ;}
#A_Container_Wrap:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
#A_Footer {	position:fixed; width:640px; bottom:0px; margin:0 auto; height:auto; z-index:100;}
#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:28px;}
.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			{ top:0; right:0; width:70%; height:100%; min-height:100%; overflow-y:scroll; background:#ffa298; z-index:100; float:left;}

#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:130px; overflow:hidden; margin:0 auto; background:#fff; }


#btnClose	{ cursor:pointer;    margin-top: 20px;
    display: inline-block;
    margin-left: 20px;
    background: rgba(0,0,0,0.2);
    padding: 20px;
    border-radius: 50%;
}

.logo_btn li a { color:#fe6f5e; font-size:24px; font-weight:600; display: inline-block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 88px;}
.logo_btn li { float:left; width:50%; box-sizing:border-box; border-right:1px solid #eee; height: 130px; text-align:center; }
.logo_btn li:last-child{ border-right:0; }
.logo_btn li:nth-child(1) { background:url(../image/common/q_icon01.png)no-repeat center 20px; }
.logo_btn li:nth-child(2) { background:url(../image/common/q_icon02.png)no-repeat center 20px; }
.logo_btn li:nth-child(3) { background:url(../image/common/q_icon03.png)no-repeat center 25px; }



.login_btn { text-align:right; line-height:60px; }
.login_btn a { border:1px solid #009bd7;  font-weight:600; color:#00acee; font-weight:600; display:inline-block; padding:0 13px; font-size:18px; text-align:center;  line-height:40px;}
.login_btn a:last-child { background:#00acee; color:#fff; border:1px solid #00acee; }
.quick_menu { display:inline-block; width:100%; }
.quick_menu li { float:left; width:33.3%; border-right:1px solid #d1d1d1; height:96px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; box-sizing:border-box; text-align:center; }
.quick_menu li a { font-size:16px; color:#666; font-weight:600;     display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 65px;
    box-sizing: border-box;}
.quick_menu li:last-child { border-right:0; }

.quick_menu li:nth-child(1) { background:url(../image/common/q_icon01.png)no-repeat center 10px;  }
.quick_menu li:nth-child(2) { background:url(../image/common/q_icon02.png)no-repeat center 14px;  }
.quick_menu li:nth-child(3) { background:url(../image/common/q_icon03.png)no-repeat center 14px;  }


.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 #fff; color: #fff; font-size:26px; font-weight: 600; line-height:80px; background:#ffa298;}
.lnb1 li:first-child a  {  background:url(../image/common/lnb_more.png) no-repeat scroll 94% 50% #ffa298;}
.lnb1 li:last-child a  {  background:url(../image/common/lnb_more.png) no-repeat scroll 94% 50% #ffa298;}
.lnb1>.open>a{ color:#fff; background:url(../image/common/lnb_view.png) no-repeat scroll 94% 50% #fe6f5e !important; border:0; }



.ss_menu { background:#ffb6ae; border-bottom:1px solid #fff;}
.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:22px; line-height: 60px; 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_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:#515152;}
#A_Footer .ft_txt a {font-size:16px;  text-align:center; color:#d1d3d6; }
#A_Footer .ft_txt p {font-size:16px;  text-align:center; color:#a1a3a6; line-height:20px;}
#A_Footer .ft_btn {width:100%; line-height:45px; background:#3e3e40; display: inline-block;}
#A_Footer .ft_btn ul {  display: table;
  margin-left: auto;
  margin-right: auto;
}
#A_Footer .ft_btn ul li {display:inline-
;margin-right:20px;  line-height:18px;     border-right: 1px solid #707073;
    padding-right: 20px;}
#A_Footer .ft_btn ul li:last-child { border-right:0; padding:0; margin:0; }
#A_Footer .ft_btn ul li a {font-size:18px; color:#909090; }
#A_Footer .ft_copy {clear:both; font-size:16px; color:#8c8c8c; padding-top:3px; padding-bottom:15px;}
.ml30 {margin-left:30px;}


.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:12px 0; padding-bottom:17px;}

.list_page { margin:auto 0; text-align: center; zoom: 1;  margin-bottom:40px; clear:both; padding-top:60px; }
.list_page .first_btn, .list_page .first2_btn { display:inline-block; height:29px; text-indent: -9999px; vertical-align: bottom;}
.list_page .first_btn { width:27px; background: url(../image/common/arrow_l.png) no-repeat left top; }
.list_page .first2_btn { width:34px; background: url(../image/common/arrow_l.png) no-repeat -25px top; }
.list_page ul { display: inline-block; overflow: hidden; padding: 0 7px; vertical-align: bottom;}
.list_page li { float: left; margin: 0 5px;}
.list_page li:hover a, .list_page li a.on { color: #fff; background:#fe6e5e;}
.list_page li a { display: block; width: 28px; height: 28px; font-size: 22px; color: #444; text-align: center; line-height: 28px; }
.list_page .last2_btn, .list_page .last_btn { display: inline-block; height:29px; text-indent:-9999px; vertical-align:bottom; }
.list_page .last2_btn { width:27px; background:url(../image/common/arrow_r.png) no-repeat left top; }
.list_page .last_btn { width:34px; background:url(../image/common/arrow_r.png) no-repeat -25px top; }

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