@charset "utf-8";
/* CSS Document */


/* 서브 비주얼 */
.subvisual_txt{
	animation: v_text 1.2s ease;
	text-align:center;
	font-family:"Noto Sans KR";
}
.subvisual_txt h2{
	font-size: 36px;
	line-height: 1;
	text-transform:uppercase;
	color: #152a68;
	margin: 0;
}
.subvisual_txt p{
    font-size: 30px;
    color: #000;
    letter-spacing: -0.6px;
    font-weight: bold;
    margin: 15px 0 15px 0;
}
@keyframes v_text {
    0% {transform:translateY(50px); opacity:0;} 
    100% {transform:translateY(0); opacity:1;}
}


/* Q&A*/
#q a:hover h1{transform:scale(1.2,1.2);}

/* CS */
#cs{font-family:"Noto Sans KR",sans-serif;}
#cs h1{font-size:30px; margin:5px 0px; font-weight: 900; }
#cs h2{color:#c4161c; font-size:34px; margin:0px; font-weight: 900;}
#cs p{font-size:16px; color:#666666; margin:5px 0px;}
#cs span{color:#004a80; font-weight:bold;}

/* 인사말 */
#about2{font-family:"Noto Sans KR",sans-serif;}
#about2 h1{font-size:26px;}
#about2 h1 span{color:#c4161c;}
#about2 p{font-size:16px; color:#333; line-height: 1.8; margin-bottom:50px;}
#about2 .name{float:right;}


/* 오시는 길 */
.contact_info {width:1000px; margin-top:30px; font-family:"Noto Sans KR",sans-serif;}
.contact_info h2 {font-size:24px; font-weight:700; color:#353535; margin-bottom:20px;}
.contact_info table {width:1000px; border-top:1px solid #dedede;}
.contact_info table td {padding:16px; border-bottom:1px solid #dedede;}
.contact_info table td>span {font-size:15px; font-weight:200; color:#919191; padding-right:15px;}
.contact_info table .contact_01 {font-size:16px; font-weight:600; color:#c5221f; background: url('/user_data/jaeiltrade/content/editor/img/contact_icon01.png') no-repeat; padding-left:38px; background-position:left center;}
.contact_info table .contact_02 {font-size:16px; font-weight:600; color:#c5221f; background: url('/user_data/jaeiltrade/content/editor/img/contact_icon02.png') no-repeat; padding-left:38px; background-position:left center;}
.contact_info table .contact_03 {font-size:16px; font-weight:600;  color:#c5221f; background: url('/user_data/jaeiltrade/content/editor/img/contact_icon03.png') no-repeat; padding-left:38px; background-position:left center;}
.contact_info table .contact_04 {font-size:16px; font-weight:600;  color:#c5221f; background: url('/user_data/jaeiltrade/content/editor/img/contact_icon04.png') no-repeat; padding-left:38px; background-position:left center;}
.contact_info table td>a {color:#383838;}
.contact_info table td>a:hover{color:#c5221f; text-decoration:none;}

/* 푸터 */
.footer {
  width: 100%;
  height:auto;
  overflow: hidden;
  background: #222;
  font-family:"Noto Sans KR", sans-serif;
  text-align:center;
}
.footer  a {
font-family:"Noto Sans KR", sans-serif;
}

.footer .footer_top {
  background: #363636;
  overflow:hidden;
  height:42px;
}

.footer .footerContents {
  width: 1000px;
  margin: 0 auto;
}

.footer .footerContents ul { width:285px; height:44px; padding:0px; margin:auto; }
.footer .footerContents ul>li {float:left; list-style:none; padding:10px 0 10px 0;}
.footer .footerContents ul>li a {
	color: #fff;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
}
.footer .footerContents ul>li a:hover {}
.footer .footerContents .down_btn {float:right;}



.footer .footerContents span {
    margin: 0 25px;
    color: #969696;
}
.footer_copy {width:1000px;margin:0 auto;padding:10px 0px;overflow: hidden;}
.footer_copy a {color:#d2d6db!important;}
.footer_copy h1 {width:120px;height:65px;float: left; margin:20px 0 0 0;}
.footer_copy .copy_txt {float:left; margin-left:220px; text-align:left;}
.footer_copy .copy_txt p {font-size: 14px; color: #f1f1f1;}
.btn_up_layer {position:fixed;right:15px;bottom:20px;display:none; background:none; border:0px; padding:5px 10px;z-index:1;}



/*크로스브라우징하면서 추가한css*/
.online_box{width:295px; height:260px; background:url(/user_data/swshowcase/content/editor/img/online_bg.jpg)no-repeat;}
.online_box a{display:block; width:100%; height:100%; text-decoration:none; padding:30px;}
.online_box h4{font-size:30px; font-weight:500; margin-bottom:35px; color:#fff; margin-top:0; line-height:1;}
.online_box p{font-size:16px; line-height:25px; color:#fff; margin-bottom:40px;}



.custom_box{width:240px; height:200px; background:url(/user_data/swshowcase/content/editor/img/custom_bg.jpg)no-repeat; padding:30px;}
.custom_box h4{font-size:30px;font-weight:500;margin-bottom: 20px;color:#fff;margin-top:0;line-height:1;}
.custom_box dl{margin-bottom: 15px;color:#fff;margin-top: 0;}
.custom_box dl:last-child{margin-bottom:0;}
.custom_box dl dt{font-size: 16px;font-weight:500;}
.custom_box dl dd{font-size:16px;margin-inline-start: 0;}
.custom_box dl dd a{color:#fff; text-decoration:none;}
.custom_box dl dd span{font-size: 22px;font-weight:bold;}

#stcompolayer544{background-size:cover !important;}

.h4_tit{font-size:20px; color:#2752a1; margin:0 0 30px 0; position:relative; padding-left:15px;}
.h4_tit:before{position:absolute; content:""; background:#2752a1; top:15px; left:0; width:8px; height:2px;}

/*#maintable1{padding-bottom:100px;}*/
.defaulttableL{border-top:1px solid #eaeaea;}
#mtempcontenttable1{padding-bottom:100px !important;}
#m_main_visual{display:none;}
#mobile_form{display:none;}
#pc_form{display:block;}