@charset "utf-8";

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(/font/NotoSansKR-Thin.woff2) format('woff2'), 
       url(/font/NotoSansKR-Thin.woff) format('woff'), 
       url(/font/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(/font/NotoSansKR-Light.woff2) format('woff2'), 
       url(/font/NotoSansKR-Light.woff) format('woff'), 
       url(/font/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/font/NotoSansKR-Regular.woff2) format('woff2'), 
       url(/font/NotoSansKR-Regular.woff) format('woff'), 
       url(/font/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(/font/NotoSansKR-Medium.woff2) format('woff2'), 
       url(/font/NotoSansKR-Medium.woff) format('woff'), 
       url(/font/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(/font/NotoSansKR-Bold.woff2) format('woff2'), 
       url(/font/NotoSansKR-Bold.woff) format('woff'), 
       url(/font/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(/font/NotoSansKR-Black.woff2) format('woff2'), 
       url(/font/NotoSansKR-Black.woff) format('woff'), 
       url(/font/NotoSansKR-Black.otf) format('opentype'); 
 }
 


/* common */

html, body {position: relative; width: 100%; height: 100%; margin: 0;}
* {margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "Noto Sans KR"; color: inherit; outline: none; -webkit-text-size-adjust: none; }  /* 아이폰 폰트확대 금지 */
a {color: inherit; text-decoration: none;}
table {border-collapse: collapse; }
caption {display: none;}
label {cursor:pointer;}
.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;}
i {display: inline-block;}
button {box-sizing: border-box; background-color: transparent; box-shadow: none; border: none; cursor: pointer;}
select {box-sizing: border-box; padding: 0 20px; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background:url(/images/sub/select_arrow.png) no-repeat 90% 50% #fff;}
select::-ms-expand {display: none;}
p {letter-spacing:-0.5px;}


/* 2020.03.03 css by UTILLINE */

.placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;} /* ms */
::-webkit-input-placeholder {color:#999999;} /* webkit */
::-moz-placeholder{color:#999999;} /* firefox */

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.fdiv {overflow:hidden; clear:both; width:100%;}
.fl {float:left;}
.fc {margin:0 auto;}
.fr {float:right;}

.vat {vertical-align:top;}
.vam {vertical-align:middle}

.cursor_p {cursor:pointer}
.cursor_d {cursor:default}

.show  {display:block}
.hide  {display:none}
.blind {font-size: 1.0em; display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

.bg_none {background-image:none}

.clear {clear:both;}
.clearfix {*zoom:1;}

.scroll_n  {overflow:hidden;}
.scroll_xn  {overflow-x:hidden;}
.scroll_yn  {overflow-y:hidden;}


/* Wrap */
#A_Container_Wrap {}
#A_Wrap {width: 100%; height: 100%;}
#A_Container {box-sizing: border-box; position: relative; width: 1180px; margin: 25px auto 100px; overflow:hidden;}
#A_Container_L {box-sizing: border-box; position: relative; width:200px; float:left;}
#A_Container_C {box-sizing: border-box; position: relative; width:956px; float:right;}

.inner {width:1180px; height:100%; margin:0 auto;}
.f_left {float:left;}
.f_right {float:right;}

/* header */
#header{}

#A_Header {display:inline-block; min-width:100%; 
			box-shadow:0 -1px 0 #dadada inset;
			-webkit-box-shadow:0 -1px 0 #dadada inset;
			-moz-box-shadow:0 -1px 0 #dadada inset;}
#A_Header .topBanner {width:100%; height:90px; background:#a2b2c2;}
#A_Header .topBanner ul {overflow:hidden; width:1180px; margin:0 auto;}
#A_Header .topBanner ul li {width:33.3333%; float:left; height:90px; cursor:pointer;}

#A_Header .topBanner ul li img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#A_Header .topBanner ul li:hover img {
  opacity: .5;
}

#A_Header .loginDiv {background:#e6e8f0; height:32px; line-height:32px;}
#A_Header .loginDiv .loginDiv_kind a {font-size:13px; color:#9ea0a2; }
#A_Header .loginDiv .loginDiv_kind a:first-child {margin-right:20px; color:#787e85;}

#A_Header .loginDiv .loginDiv_menu ul {overflow:hidden;}
#A_Header .loginDiv .loginDiv_menu ul li {float:left; margin-left:20px;}
#A_Header .loginDiv .loginDiv_menu ul li a {font-size:13px; color:#9ea0a2;}
#A_Header .loginDiv .loginDiv_menu ul li.popup {width:92px; background:#2d2b39; text-align:center; line-height:30px;}
#A_Header .loginDiv .loginDiv_menu ul li.popup a {color:#fff; }
#A_Header .loginDiv .loginDiv_menu ul li.popup i {margin-left:5px; width:11px; height:11px; background:url(/images/common/plus_icon.png) no-repeat 0 0;}

#A_Header .menuDiv1 {display:inline-block; min-width:100%; height:73px;}
#A_Header .menuDiv1 .logo {float:left; width:172px; padding-top:19px;}
#A_Header .menuDiv1 .gnb_area {float:left;}
#A_Header .menuDiv1 .login_area {float:right; padding:24px 0 0;}
#A_Header .menuDiv1 .login_area li {float:left; margin-right:20px; color:#666666; font-weight:300; font-size:14px; line-height:25px; letter-spacing:-0.3px;}
#A_Header .menuDiv1 .login_area li:first-child {margin-left:0px;}
#A_Header .menuDiv1 .login_area li:last-child {margin-right:0px;}
#A_Header .menuDiv1 .login_area li.pad1 {margin-right:5px;}
#A_Header .menuDiv1 .login_area li.btn_login { vertical-align:middle; text-align:center; height:25px; padding:0 12px; color:#ffffff; font-size:14px; background:#9a9fa8; -webkit-border-radius:2px; -moz-border-radius:2px;	border-radius:2px; cursor:pointer;}
#A_Header .menuDiv1 .login_area li.btn_login:link,
#A_Header .menuDiv1 .login_area li.btn_login:hover {color:#ffffff;}

ul#gnb1 {display:inline-block; min-width:100%;padding-left:38px;}
ul#gnb1 > li {float:left; margin-right:40px;}
ul#gnb1 > li:last-child {margin-right:0px;}
ul#gnb1 > li a {display:block; height:51px; padding-top:22px; font-size:18px; font-weight:500; color: #2f2f2f; letter-spacing:-0.3px; text-decoration:none;}
ul#gnb1 > li:first-line {color:#2f2f2f;}
ul#gnb1 > li:hover {color:#00b4bd; 
					box-shadow:0 -4px 0 #00b4bd inset;
					-webkit-box-shadow:0 -4px 0 #00b4bd inset;
					-moz-box-shadow:0 -4px 0 #00b4bd inset;}
ul#gnb1 > li:hover:first-line {color:#00b4bd;}
ul#gnb1 > li.type1:hover {background-size:65px 3px;}
ul#gnb1 > li.type2:hover {background-size:65px 3px;}
ul#gnb1 > li.type3:hover {background-size:153px 3px;}
ul#gnb1 > li.type4:hover {background-size:112px 3px;}
ul#gnb1 > li.type5:hover {background-size:158px 3px;}

ul#gnb1 > li .gnb1_sub {position:fixed; left:0; top:73px; z-index:20; min-width:100%; height:47px; background-color:#ffffff; border-bottom:1px solid #dddddd; display:none; }
ul#gnb1 > li:hover .gnb1_sub {display:block; transition:0.5s;}
ul#gnb1 > li .gnb1_sub .area1 {width:1180px; margin:0 auto;}
ul#gnb1 > li .gnb1_sub .area1 > ul > li {float:left;}
ul#gnb1 > li .gnb1_sub .area1 > ul > li:first-child {margin-left:0px;}
ul#gnb1 > li .gnb1_sub .area1 > ul > li a {display:block; padding:0 12px 0; font-weight:300; font-size:14px; line-height:47px; color:#555555; letter-spacing:-0.3px;}
ul#gnb1 > li .gnb1_sub .area1 > ul > li a:first-child {margin-left:0px;}
ul#gnb1 > li .gnb1_sub .area1 > ul > li a:last-child {margin-right:0px;}
ul#gnb1 > li .gnb1_sub .area1 > ul > li a:hover {color:#00b4bd;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad1 {padding-left:195px;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad2 {padding-left:302px;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad3 {padding-left:390px;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad4 {padding-left:495px;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad5 {padding-left:600px;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad6 {padding-left:705px;}
ul#gnb1 > li .gnb1_sub .area1 ul.pad7 {padding-left:580px;}


/*
.gnb { position:absolute; left:0px; top:0; left:172px;}
.gnb > li { float: left; zoom: 1; text-align: center; position:relative; margin-left:40px;}
.gnb > li a { display: block; height:51px; padding-top:22px; font-size:18px; font-weight:500; color: #2f2f2f;}
.gnb > li a:hover {color:#00b4bd; 
					box-shadow:0 -4px 0 #00b4bd inset;
					-webkit-box-shadow:0 -4px 0 #00b4bd inset;
					-moz-box-shadow:0 -4px 0 #00b4bd inset;}
					
.gnb > li a img { height:14px; }
.dp2 {position:absolute; top:70px; left:0px; margin-top:10px; display:none; width:120px; }
.dp2 > ul > li {line-height:26px;}
.dp2 > ul > li > a {font-size:14px; font-weight:normal; color:#666;}
.bg_box {position:absolute; background:#fff; top:74px; left:0px; height:200px; z-index:5; width:100%; display:none;}
*/





/* footer */
#footer {clear:both}

#A_Footer1 {display:inline-block; min-width:100%; background-color:#555555}
#A_Footer1 .ft_btn {height:57px; border-bottom:1px solid #6b6b6b;}
#A_Footer1 .ft_btn li {float:left; padding:0 20px 0 19px; color:#eeeeee; font-weight:300; font-size:14px; line-height:57px; background:url('/images/common/footer_line1.png'); background-repeat:no-repeat; background-position:right center;}
#A_Footer1 .ft_btn li a {color:#eeeeee;}
#A_Footer1 .ft_btn li span {color:ffffff; font-weight:500;}
#A_Footer1 .ft_btn li:first-child {padding-left:0;}
#A_Footer1 .ft_btn li:last-child {padding-right:0; background:none;}

#A_Footer1 .ft_info {display:inline-block; min-width:100%; padding:0 0 40px;}
#A_Footer1 .ft_info .info_left {float:left; padding-top:24px;}
#A_Footer1 .ft_info .info_left ul {display:block;}
#A_Footer1 .ft_info .info_left ul li {float:left; padding-right:18px; color:#cccccc; font-weight:200; font-size:13px; line-height:23px;}
#A_Footer1 .ft_info .info_left ul li a {color:#cccccc;}
#A_Footer1 .ft_info .info_left ul li:last-child {padding-right:0;}
#A_Footer1 .ft_info .info_left ul li.end {padding-top:8px;}

#A_Footer1 .ft_info .info_right {float:right; padding-top:96px}
#A_Footer1 .ft_info .info_right ul li {float:left; padding-right:22px;}
#A_Footer1 .ft_info .info_right ul li:last-child {padding-right:0;}



#A_Footer .ft_btn {height:55px; line-height:55px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
#A_Footer .ft_btn a {font-size:14px; color:#333; margin-right:25px; position:relative;}
#A_Footer .ft_btn a:before {position:absolute; right:-15px; bottom:2px; background-color:#333; width:1px; height:15px; content:''; display:block;}
#A_Footer .ft_btn .last:before {display:none;}

#A_Footer .ft_btn .snsBtns {position:absolute; right:0px; top:0px; }
#A_Footer .ft_btn .snsBtns button {width:28px; height:28px; background-image:url(/images/common/sns_icons.png); vertical-align:middle; margin-left:5px;}
#A_Footer .ft_btn .snsBtns .insta {background-position:0px 0px;}
#A_Footer .ft_btn .snsBtns .facebook {background-position:-44px 0px;}
#A_Footer .ft_btn .snsBtns .blog {background-position:-88px 0px;}

#A_Footer .ft_info {position:relative; overflow:hidden; padding:35px 0 25px;}
#A_Footer .ft_info .info_left {float:left; position:relative; padding-right:59px;}
#A_Footer .ft_info .info_left:before {position:absolute; right:0; bottom:-25px; background-color:#dbdbdb; width:1px; height:202px; content:''; display:block;}

#A_Footer .ft_info .info_left p {font-size:14px; color:#666;}
#A_Footer .ft_info .info_left p span {margin-left:23px;}
#A_Footer .ft_info .info_left .copy {margin-top:60px;}

#A_Footer .ft_info .info_right {float:left; margin-left:23px}
#A_Footer .ft_info .info_right ul {overflow:hidden;}
#A_Footer .ft_info .info_right ul li {float:left; position:relative;}
#A_Footer .ft_info .info_right ul li:nth-child(1) {margin-right:80px;}
#A_Footer .ft_info .info_right ul li .tit {font-size:14px; color:#333;}
#A_Footer .ft_info .info_right ul li .call {font-size:24px; color:#000; line-height:1.2;}
#A_Footer .ft_info .info_right ul li .time {font-size:14px; color:#666; margin-top:10px; }
#A_Footer .ft_info .info_right ul li .link a {font-size:14px; color:#666; margin-right:15px;}
#A_Footer .ft_info .info_right ul li:nth-child(1) .link {margin-top:45px;}
#A_Footer .ft_info .info_right ul li:nth-child(2) .link {margin-top:16px;}


/* left menu */

#A_Container_L h2.leftTit {margin-bottom:25px; text-align:center; font-size:26px; font-weight:500; color:#333; line-height:98px; height:98px; border:1px solid #ddd;}
#A_Container_L .leftMenu {border:1px solid #ddd; border-bottom:0;}
#A_Container_L .leftMenu > li p {font-size:16px; font-weight:500; color:#333; line-height:45px; padding-left:15px; border-bottom:1px solid #ddd; }
#A_Container_L .leftMenu > li .leftMenu_s {padding:15px; border-bottom:1px solid #ddd;}
#A_Container_L .leftMenu > li .leftMenu_s li a {font-size:14px; color:#4f4e4e; line-height:1.7;}
#A_Container_L .leftMenu > li .leftMenu_s li a:hover {color:#2ca6e0;}


.quick1 {width:120px; position:fixed; right: 0; top: 322px; z-index:10;}
.quick1 .area1 {width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px); background-color:#ffffff; border:1px solid #dddddd;}
.quick1 .area1 li {display:block; padding-left:10px; color:#666666; font-size:13px; font-weight:300; line-height:39px; border-bottom:1px solid #eeeeee; background:url('/images/common/side_dot1.png'); background-repeat:no-repeat; background-position:right center; cursor:pointer;}
.quick1 .area1 li:first-child {text-align:center; padding-left:0px; color:#ffffff; font-weight:500; background-color:#b0b5bd; background-image:none; cursor:default;}
.quick1 .area1 li:last-child {border-bottom:0px solid #eeeeee;}
.quick1 .area2 {display:block; margin-top:8px;}


.quick {width:120px; position:fixed; right: -90px; top: 344px; z-index: 2; transition: all 0.3s;}
.quick_btn {position: absolute; left: -25px; top: 50%; width: 80px; height: 30px; font-size: 16px; font-weight: 600; color: #fff; transform: translateY(-50%) rotate(-90deg); background-color: #3f556a;}
.quick.open .quick_btn {background-color: #a8bacb;}
.quick ul {float: right; box-sizing: border-box; width: 90px; margin: 0 0 0 auto; border:1px solid #e4e4e4;}
.quick ul li {height:82px; box-sizing:border-box; text-align:center; padding-top:15px; background:#ffffff; border-bottom:1px solid #e4e4e4;}
.quick ul li i {background-image:url(/images/main/quick_icons.png);}
.quick ul li:nth-child(1) i {width:42px; height:22px; background-position:0 0;}
.quick ul li:nth-child(2) i {width:27px; height:22px; background-position:-63px 0;}
.quick ul li:nth-child(3) i {width:25px; height:24px; background-position:-169px 0;}
.quick ul li.top {cursor:pointer; height:30px; line-height:20px; text-align:center;background:#3f556a; padding-top:0px; border-bottom:0;}
.quick ul li.top i {width:13px; height:7px; background-position:-207px 0;}
.quick ul li a {display:block; width:100%; height:100%;}
.quick ul li p {font-size:14px; color:#868686; margin-top:5px;}




@media (min-width:0) and (max-width:200px){

.quick1 {display:none;}

}