@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap');

@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans CJK';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}


 /* teko-regular - latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/teko-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Teko Regular'), local('Teko-Regular'),
       url('../fonts/teko-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/teko-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/teko-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/teko-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/teko-v9-latin-regular.svg#Teko') format('svg'); /* Legacy iOS */
}
/* teko-500 - latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/teko-v9-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Teko Medium'), local('Teko-Medium'),
       url('../fonts/teko-v9-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/teko-v9-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/teko-v9-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/teko-v9-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/teko-v9-latin-500.svg#Teko') format('svg'); /* Legacy iOS */
}

 /* Element Reset */
*{-webkit-text-size-adjust:none ; outline:none; color:inherit; font-family: 'Roboto';}
 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-weight:normal; font-size:21px}
 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, var{font-style:normal;font-weight:normal}
/*  address, caption, em, var{font-style:normal;font-weight:normal}*/
 i {display:inline-block;}
 p {letter-spacing:-0.5px;}

 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;
}

select {box-sizing: border-box; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */






/* 전체 */
#A_Wrap { max-width:640px; position:relative; margin:0 auto; overflow:hidden;}
#A_Header			{ position:fixed;  margin:0 auto; zoom:1; z-index:99;top:0px; border-bottom:1px solid #ddd; background:#fff;}
#A_Header:after		{ content:""; clear:both; display:block }
#A_Container {position:relative;}
#A_Container_Wrap { position:relative;  margin:0 auto; overflow:hidden;}
#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;}

.bg_fff {background:#fff;}


/* Header */
.inner {width:580px; margin:0 auto; position: relative;}
.header_tit {width:640px; height:80px; }


#A_Header .header2 {width:640px; height:80px; background:#fff; text-align:center; line-height:80px; }
#A_Header .header2 .prevIcon {border:0; text-indent:-9999px; position:absolute; left:0px; top:25px; width:18px; height:32px; background:url(../images/common/prevArrow.png) no-repeat 0 0;}
#A_Header .header2 .tit {font-size:26px; color:#333;}
#A_Header .header2 .saveIcon {position:absolute; right:0px; top:30px; font-size:21px; color:#4f69ee; background:transparent; border:0;}


.inner h1 {text-align: left;}
.logo	{ height:70px;  z-index:1; }
.logo img { margin:10px 0 0 0px}
.full_gnb .logo_box {position:relative;}
.full_gnb .logo_box .logo img { margin:17.5px 0 0 30px; width: 180px; height: 45px;}
.full_gnb .logo_box .logo {display:inline-block;}
.full_gnb .logo_box .langSel {background:url(../images/common/selArrow.png) no-repeat 90% 50% #fff; position:absolute; right:80px; top:20px; width:100px; height:40px; line-height:40px; font-size:18px; color:#666; text-align:left; box-sizing:border-box; padding:0 15px;}

.btn_all		{ position:absolute; top:35px; left:0;}

.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;}



/* 전체메뉴 */

.none {display:none; }
.menubar { width:26px; height:35px; cursor:pointer; position:absolute; top:30px; right:0px;  z-index:999;}
.menubar li { width:100%; height:3px; background:#000; position:absolute; }
.menubar li:nth-child(1) { top:0; }
.menubar li:nth-child(2) { top:10px; }
.menubar li:nth-child(3) { top:20px; }


.full_wrap { background:rgba(0,0,0,0.5); position:fixed; top:0; right:0; width:100%; height:100% ; margin:auto;  z-index: 80; display:none; overflow-y: scroll;}
.full_gnb {position: absolute; top: 0; right:0px; z-index: 99; width: 85%; height:100%; background:#fff;}
.full_gnb .logo_box {margin:0 auto; height:80px; background:#07367d; text-align:left; }

.lnb1 li { float:none;  }
.lnb1 li a { display: block; padding-left:20px; border-bottom:1px solid rgba(255,255,255,0.4); color: #1c1c1c; font-size:31px; line-height:100px; background: url(../images/common/lnb_more.png) no-repeat scroll 94% 50% ; border-bottom:1px solid #e5e5e5;}

.ss_menu { background:#f9f9f9; border-bottom:1px solid rgba(255,255,255,0.4); display:none;}

.ss_menu li a {  display: block;     margin: 0 30px; border-bottom:1px solid #e5e5e5; color: #666; font-size:24px; line-height: 100px; font-weight:normal !important; background:none !important; }
.ss_menu li.on a, .ss_menu li a:hover { font-weight:600; }
.ss_menu li:last-child a{border-bottom:none;}



/* Footer */

#A_Footer{width:100%; overflow: hidden; position:relative; padding:60px 0 50px; background:#333; text-align:center;}
#A_Footer a {font-size:21px; color:#999; display:inline-block; padding:0 10px; font-weight:500;}
#A_Footer a.on {color:#4f69ee;}
#A_Footer .copy {font-size:18px; color:#666; margin-top:20px;}





/* list paging */
.list_page { margin:40px auto 80px; text-align: center; zoom: 1;   clear:both; }
.list_page .first_btn {display:inline-block; height:34px; text-indent: -9999px; vertical-align: middle; width:34px; background: url(../images/common/arrow_l.png) no-repeat 50% 50%}
.list_page ul { display: inline-block; overflow: hidden; vertical-align: middle; margin:0 15px;}
.list_page li { float: left; margin: 0 10px;}
.list_page li:hover a, .list_page li a.on { color: #ea768d; box-sizing:border-box; border-bottom:1px solid #ea768d;}
.list_page li a { display: block; width: 34px; height: 34px; font-size:21px; color: #888; font-weight:500; text-align: center; line-height: 34px; box-sizing:border-box;}
.list_page .last_btn { display: inline-block; height:34px; text-indent:-9999px; vertical-align:middle; width:34px; background:url(../images/common/arrow_r.png) no-repeat 50% 50%; }
