@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


@font-face {
    font-family: 'Gmarket';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:300;
}
@font-face {
    font-family: 'Gmarket';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:500;
}
@font-face {
    font-family: 'Gmarket';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:600;
}


/* common */
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:'Noto Sans KR'; box-sizing:border-box; font-weight:400;}
ul>li>a { text-decoration:none; }
a {  color:inherit; font-family:'Noto Sans KR';}
em {font-style:normal}
table { border-collapse:collapse; width:100%; table-layout: fixed; }
input[type="checkbox"]{ width:20px; height:20px;}
body{margin:0;width:100%;position:relative;font-size:17px;color:#333;line-height:1.4;}ul>li>a{text-decoration:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none!important;}
a:active,a:checked,a:focus,a:hover,a:visited{text-decoration:none!important}
ul>li>a:active,ul>li>a:checked,ul>li>a:focus,ul>li>a:hover,ul>li>a:visited{text-decoration:none}
table{border-collapse:collapse}
.clear::after{clear:both;content:'';display:block}
fieldset{border:none}legend{display:none}caption{display:none}p,span,strong{letter-spacing:-.5px}i{display:inline-block}em{font-style:normal;letter-spacing:-1px}input{box-sizing:border-box;border:1px solid #ddd;background-color:#fff;border-radius:0; width:100%; color:#333; font-size:17px; height:40px; line-height:40px; padding:0 10px; }
label { position:relative; }

#popup_8 input[type=checkbox] + span {border:none; display:unset;}
input[type=radio],
input[type=checkbox] {opacity:0; position:absolute; left:0; top:0; }
input[type=radio] + span,
input[type=checkbox] + span { width:26px; height:26px;   position:relative; border-radius:50%; margin:0 5px; cursor:pointer; display:inline-block; border:1px solid #ddd; vertical-align: middle;}
.popup_close1 input[type=checkbox]{position:unset; width:13px ; height:13px; vertical-align: middle; opacity: 1;}
.popup_close1{height:20px; line-height:22px; width:130px !important; border:none !important;}
.popup_close1 input:checked + span:before{display:none;}
input:checked + span:before { content:""; display:block; position:absolute; width:100%; height:100%; top:0%; left:0%; background-image:url("../_image/check02.png"); background-position:center; background-size:60%; background-repeat:no-repeat; }
input::placeholder { color:#333; font-family: 'NanumSquare'; font-size:17px; }
input[type=text]::-ms-clear{display:none}button{box-sizing:border-box;border:0;background-color:transparent;cursor:pointer;font-family: 'NanumSquare';}textarea{box-sizing:border-box;resize:none}select{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer; outline:none; background-color:#fff; }select::-ms-expand{display:none}
.clear::after{display: block; clear: both;content: '';}
input[type=password]{ font-family:"굴림";}
select { padding:0 10px; border:1px solid #dddddd; height:40px; line-height:40px; vertical-align:bottom; -webkit-appearance: none;-moz-appearance: none; appearance:none; background: url(../_image/sub/select_arrow.png) no-repeat 95% center; font-family: 'NanumSquare'; font-size:17px; color:#333; background-color:#fff; }
/* 파일 */
.file { display:flex; align-items:center; }
.file .f_button { width:100px; height:40px; line-height:40px; background-color:#0092d8; color:#fff; text-align:center; border-radius:5px;  display:inline-block; cursor:pointer; position:relative; cursor:pointer; }
.file .f_button input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.file .f_name { display:inline-block; margin-left:10px; width:calc(100% - 110px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blue_hover { color:#fff; background:#0092d8; transition:0.2s; border:1px solid #0092d8; }
.blue_hover:hover { color:#0092d8; background:#fff; }

/* 스크롤 커스텀 */
.scroll_css::-webkit-scrollbar { width:10px; }
.scroll_css::-webkit-scrollbar-thumb { background-color:#0092d8; border-radius:10px;}
.scroll_css::-webkit-scrollbar-track { background-color:#d1edf9; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

#A_Header {	}
#A_Container_Wrap {	width:100%;	}
#A_Container{ }
#A_Container_L{  }
#A_Container_C{ }
#A_Footer { position:relative; }
.inner {width:1200px; margin:0 auto; position:relative; }
.inner1060 { width:1060px; }
select::-ms-expand { display: none; }
img { vertical-align:middle; height:auto; }
b { font-weight:600; }

h1 { font-weight:600; }
h2 { font-weight:600; font-size:54px; }
h3 { font-weight:600; font-size:44px; }
h4 { font-weight:600; font-size:34px; }
h5 { font-weight:600; font-size:30px; }
h6 { font-weight:600; }

.mobile { display:none; }

input[type=checkbox].big_check + span { width:23px; height:23px; border-radius:4px; margin:0 5px; }

.content { padding:100px 0; }
/* float */
.overflow { overflow:hidden; }
.float_right { float:right; }
.float_left { float:left; }
/* position */
.relative { position:relative; }
/* flex */
.flex { display:flex; justify-content:space-between; flex-wrap:wrap; }
/* class */
.bg { background-position:center; background-repeat:no-repeat; background-size:cover; }
.aBlock { display:block; height:100%; }
.eb { display:block; font-weight:800; }
.shadow { box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.background { background-position:center; background-repeat:no-repeat; background-size:cover; }
.text_center { text-align:center; }
.bold { font-weight:600; }

/* background */
.blue_bg { background-color:#f3f7fb; }

/* color */
.blue { color:#0092d8; }
.blue2 { color:#00a0e0; }
.gray666 { color:#666666; }
.gray999 { color:#999; }
.white { color:#fff; }
.red { color:#F00001; }

/* margin */
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.p30 { padding:30px !important; }

.absolute_center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/* 폰트 */
.Gmarket { font-family: 'Gmarket'; }


/* list paging */
.list_page { margin:30px auto 0; text-align: center; zoom: 1; clear:both; }
.list_page .first2_btn,
.list_page .last2_btn { display:none; }
.list_page .first_btn,
.list_page .last_btn { display:inline-block; height:50px; text-indent: -9999px; vertical-align: bottom; width:50px; text-align:center; }
.list_page .first_btn { background: url("../_image/list_page01.png") no-repeat center; }
.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:#fff; background-color:#00a0e0; }
.list_page li a { display: block; width:50px; height:50px; text-align: center; line-height:50px; box-sizing:border-box;}
.list_page .last_btn { background:url("../_image/list_page02.png") no-repeat center; }

/* 플로팅 */
#floating { position:fixed; right:60px; width:85px; top:calc(50vh - 240px) !important; z-index:100; border-radius:50px; background-color:#fff; overflow:hidden; border:1px solid #dddddd; }
#floating * { transition:0.2s; }
#floating .float_title { background-color:#ee3a3a; color:#fff; padding:17px 0 10px; text-align:center; font-size:14px; font-weight:600; cursor:pointer; }
#floating ul { }
#floating li { text-align:center; padding:0 8px; position:relative; height:85px; background-color:#fff; }
#floating li a { border-bottom:1px solid #dddddd; }
#floating li a .absolute_center { width:100%; }
#floating li:hover { background-color:#f3f7fb; }
#floating li:last-child { border:none; }
#floating li p { font-size:14px; margin-top:0; }
#floating li:hover  p { color:#0067dd; }


@media screen and (max-width:1500px) {
  /* 플로팅 */
  #floating { right:30px; height:auto; top:calc(100vh - 150px) !important; display:flex; flex-direction:column; border:none; background-color:inherit; overflow:visible;}
  #floating .float_title { order:2; box-shadow:0 0 10px rgba(0,0,0,0.5); border-radius:50%; z-index:1; height:85px; padding:28px 0; }
  #floating ul { order:1; position:absolute; bottom:0%; }
  #floating li  { border-radius:50%; position:absolute; bottom:-100%; overflow:hidden; width:85px; height:85px; padding:0; opacity:0;}
  #floating li a { border:none; }
  /*플로팅 클릭했을때 */
  #floating.on { background-color:inherit; }
  #floating.on li { box-shadow:0 0 10px rgba(0,0,0,0.05); opacity:1;}

  #floating li:nth-of-type(6) { transition:0.2s; }
  #floating li:nth-of-type(5) { transition:0.3s; }
  #floating li:nth-of-type(4) { transition:0.4s; }
  #floating li:nth-of-type(3) { transition:0.5s; }
  #floating li:nth-of-type(2) { transition:0.6s; }
  #floating li:nth-of-type(1) { transition:0.7s; }

  #floating.on li:nth-of-type(6) { bottom:0px; }
  #floating.on li:nth-of-type(5) { bottom:90px; }
  #floating.on li:nth-of-type(4) { bottom:185px; }
  #floating.on li:nth-of-type(3) { bottom:280px; }
  #floating.on li:nth-of-type(2) { bottom:375px; }
  #floating.on li:nth-of-type(1) { bottom:470px; }

  #floating.on li a { padding:0; }
}

@media screen and (max-width:1200px) {
  .inner {width:1024px; }
  .content { padding:80px 0; }

  h2 { font-size:50px; }
  h3 { font-size:40px; }
  h4 { font-size:30px; }
  h5 { font-size:28px; }



}
@media screen and (max-width:1024px) {
  body { font-size:16px; }
  .inner {width:auto; padding:0 20px; }
  .content { padding:70px 0; }

  h2 { font-size:40px; }
  h3 { font-size:35px; }
  h4 { font-size:26px; }
  h5 { font-size:24px; }

  /* 플로팅 */
  #floating { right:20px; }

}
@media screen and (max-width:768px) {
  .popup {left:10px !important;}
  #A_Container_Wrap { margin-top:60px; }
  body { font-size:15px; }
  input,
  input::placeholder,
  select,
  textarea { font-size:15px; }
  input[type=checkbox].big_check + span { width:18px; height:18px; }
  .content { padding:60px 0; }
  .mobile { display:block; }
  .pc { display:none; }

  h2 { font-size:35px; }
  h3 { font-size:30px; }
  h4 { font-size:24px; }
  h5 { font-size:22px; }
  .pc { display:none; }

  /* margin */
  .mb20 { margin-bottom:10px; }
  .mb30 { margin-bottom:15px; }

  /* 플로팅 */
  /* .aBlock{display:none;} */
  #floating { right:20px; width:50px; height:auto; top:calc(100vh - 100px);}
  #floating .float_title { font-size:13px; width:55px; height:55px; padding:11px 0; }
  #floating li  { width:55px; height:55px; }

  #floating.on li:nth-of-type(6) { bottom:0px; }
  #floating.on li:nth-of-type(5) { bottom:60px; }
  #floating.on li:nth-of-type(4) { bottom:120px; }
  #floating.on li:nth-of-type(3) { bottom:180px; }
  #floating.on li:nth-of-type(2) { bottom:240px; }
  #floating.on li:nth-of-type(1) { bottom:300px; }

  #floating.on li a { background-color:#fff; padding:0; }
  #floating li p { display:none; }

  input[type=radio] + span,
  input[type=checkbox] + span { width:20px; height:20px; }
}
@media screen and (max-width:480px) {
  body { font-size:14px; }
  input,
  input::placeholder,
  select,
  textarea { font-size:14px; }

  .content { padding:50px 0; }

  h2 { font-size:30px; }
  h3 { font-size:26px; }
  h4 { font-size:22px; }
  h5 { font-size:20px; }
  .inner { padding:0 15px; }

}