@charset "utf-8";



@font-face {
  font-family: 'Noto Sans KR';
  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 KR';
  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 KR';
  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 KR';
  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 KR';
  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 KR';
  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');
 }


@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* common */
html, body { margin: 0; width: 100%; height: 100%; position:relative; }
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:"Noto Sans KR";  outline:none;}
ul>li>a { text-decoration:none; }
a { color:inherit; letter-spacing:-0.5px;}
table { border-collapse: collapse; }
.blind {position:absolute !important;visibility:hidden !important;top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
.inner {width: 1180px; margin:0 auto; position:relative;}
fieldset {border:none;}
legend {display:none;}
caption {display:none;}
button {cursor:pointer;}
p {letter-spacing:-0.5px;}
i {display:inline-block}


/* LAYOUT */
#A_Container_Wrap {	width:100%;	clear:both; position:relative;}
#A_Container{ width:100%; margin:0 auto; clear:both; overflow: hidden; }
#A_Container_L{ float:left; width:240px; box-sizing:border-box; margin-right:60px;}
#A_Container_C{ width:880px; float:left; overflow:hidden; box-sizing:border-box;}


/* header */

#A_Header {position:fixed; top:0px; width:100%; margin:0 auto; height:100px; line-height:100px; z-index:99;}
#A_Header .logo {position:absolute; left:0px; top:0px;}
#A_Header .logo img {padding-top:35px;width:235px}
#A_Header .gnb {margin-left:390px;}
#A_Header .gnb:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
#A_Header .gnb > li {float:left; margin-right:80px; position:relative;}
#A_Header .gnb > li:last-child {margin-right:0px}
#A_Header .gnb > li > a {font-size:20px; color:#333; font-weight:500;}

#A_Header .right_btns {box-sizing:border-box; position:absolute; right:0px; top:37px; background:#777; display:inline-block; width:200px; height:40px; line-height:40px; font-size:15px; color:#fff; font-weight:300; }
#A_Header .right_btns a {position:relative; font-size:14px; font-weight:500; color:#fff; width:100px; display:inline-block; text-align:center; }
#A_Header .right_btns .right_line:before {position:absolute; right:0; bottom:10px; background-color:#fff; width:1px; height:16px; content:''; display:block;}

#A_Header .top_btns {text-align:right;vertical-align:top;position:absolute; right:0px; top:0px; display:inline-block; width:200px; height:30px; z-index:1;}
#A_Header .top_btns .i1 {position:absolute; right:37px; top:10px;display:inline-block; z-index:2; }
#A_Header .top_btns .i2 {position:absolute; right:12px; top:10px;display:inline-block;z-index:3;}

.bg_fff {background:#fff; border-bottom:1px solid #ddd;}

/* footer */

#A_Footer { overflow:hidden; background:#333; padding:20px 0; box-sizing:border-box; position:relative;}
#A_Footer .ft_left {float:left;}
#A_Footer .ft_left p {font-size:13px; color:#bbb; }
#A_Footer .ft_left p span {display:inline-block; margin:0 10px;}
#A_Footer .ft_left .copy {margin-top:8px;}
#A_Footer .ft_right {float:right; }
#A_Footer .ft_right a {font-size:13px; color:#ddd; margin-right:40px;}
#A_Footer .ft_right select{-webkit-appearance: none;  -moz-appearance: none; appearance: none; width:140px; height:40px; color:#bbb; box-sizing:border-box; padding:0 20px; vertical-align:middle; box-sizing: border-box; border: 1px solid #666; background: transparent url(../images/main/arrow.png)no-repeat 90% 50%;}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */