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

/* 기본 서브 배경 스타일 */
#maintablewrap { background:#fff url(/user_data/ggic/content/editor/img/suboutbg.gif) repeat-x center top !important; padding:0; margin:0; }
#contenttable2 { background:#fff url(/user_data/ggic/content/editor/img/subcontentbg.gif) repeat-y center top !important; width:980px; font-family:NanumGothic, ngn, NanumGothic, Dotum; font-size:13px; color:#616161; }/* 본문영역 */
#mtempcontenttable1 { display:block; }
@font-face {
font-family:"ngn";
src:url("/USER_DATA/_COMMON/font/NanumGothic.eot");
src:local(※), url("/USER_DATA/_COMMON/font/NanumGothic.woff") format("woff"), url("/USER_DATA/_COMMON/font/NanumGothic.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
 @font-face {
 font-family: 'ngb';
 font-style: normal;
 font-weight: 700;
 src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
 src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
/* 탑메뉴 */
.tnb { margin:0; padding:4px 0 0 0; right:0; overflow:hidden; }
.tnb ul { text-align:right; }
.tnb li { list-style:none; font-size:10px; color:#fff; font-family:Tahoma, Geneva, sans-serif; line-height:19px; padding:0 7px; float:left; }
.tnb li a:link { font-size:10px; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; }
.tnb li a:visited { font-size:10px; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; }
.tnb li a:hover { font-size:10px; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; }
.tnb_online { background-color:#FE7800; }
.tnb_site { background-color:#115299; }
#topmenu { float:left; }
#google_translate_element { text-align:right; }
/* 메인 우측 배너 */
.main_bnr { width:219px; }
.m_bnrbox { background:url(/USER_DATA/ggic/content/editor/img/main_bnr_bg.gif) no-repeat 0 0; height:53px; padding-bottom:10px; }
.m_bnrbox h3 { color:#115299; font-size:12px; font-family:NanumGothic, ngn, NanumGothic, Dotum; font-weight:bold; margin:0; padding-top:11px; padding-bottom:5px; float:left; overflow:hidden; width:105px; }
.greytxt { width:150px; overflow:hidden; color:#666; font-size:11px; font-family:NanumGothic, ngn, NanumGothic, Dotum; margin:0; }
.m_bnrbox p { color:#666; font-size:11px; font-family:NanumGothic, ngn, NanumGothic, Dotum; margin:0; float:left; overflow:hidden; }
.over_h { overflow:hidden; }
.m_bnrbox a:link { color:#115299; text-decoration:none; }
.m_bnrbox a:visited { color:#115299; text-decoration:none; }
.m_bnrbox a:hover { color:#115299; text-decoration:none; }
/* 서브 좌측 배너 */
.leftbnr { width:198px; border-top:1px solid #E7E7E7; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background-color:#fff; }
.bnrbox { width:198px; height:100px; border-bottom:1px solid #E7E7E7; background-color:#fff; }
.bnrbox h1 { color:#115299; font-size:13px; font-family:NanumGothic, ngn, NanumGothic, Dotum; font-weight:bold; margin:0; padding:15px 0 5px 12px; }
.bnrbox p { margin:0; color:#666; font-size:11px; font-family:NanumGothic, ngn, NanumGothic, Dotum; line-height:16px; padding-left:12px; }
.bnrbox a:link { color:#115299; text-decoration:none; }
.bnrbox a:visited { color:#115299; text-decoration:none; }
.bnrbox a:hover { color:#115299; text-decoration:none; }
/* 카피라이트 */
.footer { background:url(/USER_DATA/ggic/content/editor/img/subcopybg.gif) repeat-x 0 90px; width:100%; }
.m_footer { background:url(/USER_DATA/ggic/content/editor/img/subcopybg.gif) repeat-x 0 0; width:100%; }
.space { width:980px; margin:0 auto; height:90px; background:url(/USER_DATA/ggic/content/editor/img/subcontentbg.gif) repeat-y 0 0; }
.copyright { width:980px; margin:0 auto; }
.copyright p { margin:0; }
.copyright ul { margin:0; overflow:hidden; padding:0; }
.copyright ul li { list-style:none; float:left; line-height:33px; padding-right:12px; font-family:NanumGothic, ngn, NanumGothic, Dotum; font-size:12px; color:#686868; font-weight:bold; }
.copyright ul li img { line-height:0; margin-top:11px; }
.copyright a:link { color:#686868; text-decoration:none; }
.copyright a:visited { color:#686868; text-decoration:none; }
.copyright a:hover { color:#686868; text-decoration:none; }
.copy_txt { padding-top:14px; float:left; }
.copy_txt p { font-family:NanumGothic, ngn, NanumGothic, Dotum; font-size:12px; line-height:21px; color:#7c7c7c; margin:0; }
.engtxt { font-size:11px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#afafaf; }
.f_right { float:right!important; }
.b_txt { color:#115299!important; }
.dg_txt { color:#515151!important; }
/* 메인 컨텐츠 */
.main_content h2 { color:#323232; font-size:15px; font-family:NanumGothic-Bold, ngb, Dotum; margin:0; }
/* padding margin */
.p_t5 { padding-top:5px!important; }
.p_t9 { padding-top:9px; }
.p_t10 { padding-top:10px; }
.p_t12 { padding-top:12px; }
.p_t15 { padding-top:15px; }
.p_t20 { padding-top:20px!important; }
.p_t25 { padding-top:25px; }
.p_t27 { padding-top:27px; }
.p_t30 { padding-top:30px!important; }
.p_t35 { padding-top:35px; }
.p_t40 { padding-top:40px!important; }
.p_t45 { padding-top:45px!important; }
.p_t50 { padding-top:50px; }
.p_t55 { padding-top:55px; }
.p_t60 { padding-top:60px; }
.p_t65 { padding-top:65px; }
.p_t70 { padding-top:70px; }
.p_t75 { padding-top:75px; }
.p_t80 { padding-top:80px; }
.p_t85 { padding-top:85px; }
.p_t98 { padding-top:98px; }
.p_l10 { padding-left:10px; }
.p_l23 { padding-left:23px; }
.p_l32 { padding-left:32px; }
.p_l35 { padding-left:35px!important; }
.p_l70 { padding-left:70px!important; }
.p_l662 { padding-left:662px!important; }
.p_r10 { padding-right:10px!important; }
.p_r20 { padding-right:20px!important; }
.p_r29 { padding-right:29px!important; }
.p_r35 { padding-right:35px!important; }
.p_r40 { padding-right:40px!important; }
.p_r24 { padding-right:24px; }
.p_b20 { padding-bottom:20px!important; }
.p_b40 { padding-bottom:40px; }
.p_b100 { padding-bottom:100px; }
.p_b150 { padding-bottom:150px; }
/* 내용 */
.content { width:749px; text-align:justify; font-family:NanumGothic, ngn, Dotum; font-size:13px; color:#616161; line-height:26px; }
.content p { margin:0; padding:0; font-family:NanumGothic, ngn, Dotum; font-size:13px; color:#616161; line-height:26px; }
.content h2 { font-family:NanumGothic, ngn, Dotum; font-size:19px; color:#878787; margin:0; padding:0 0 30px 0; font-weight:normal; }
.content .scroll {
 width:100%;
 height:300px;
 overflow:auto;
 } 
.txt_b { font-size:15px; color:#666666; font-weight:bold; }
.f_left { float:left; }
.mapborder { border:1px solid #E7E7E7; text-align:center; padding:4px 0 4px 0; line-height:0; }
.txt_blue { color:#2570c3; }
.txt_or { color:#fe6c00; font-size:15px; }
.messbox { overflow:hidden; border-bottom:1px dotted #A6A6A6; padding-bottom:40px; }
.messbox .txtbox { float:left; overflow:hidden; }
.messbox .txtbox h3 { margin:0; padding:0 0 5px 0; color:#232323; font-size:16px; font-family:NanumGothic-Bold, ngb, NanumGothic, 돋움; font-weight:normal; }
.messbox .txtbox h4 { margin:0; padding:0; color:#115299; font-size:14px; font-family:NanumGothic-Bold, ngb, NanumGothic, 돋움; font-weight:normal; }
.messbox .imgbox { float:right; }
.cast_01 { overflow:hidden; }
.cast_01 ul { margin:0; padding:0; }
.cast_01 ul li { list-style:none; float:left; padding-right:39px; background:url(/USER_DATA/ggic/content/editor/img/img_right.png) no-repeat 171px 65px; }
.cast_01 ul li h2 { color:#fff; font-size:13px; font-weight:bold; background:url(/USER_DATA/ggic/content/editor/img/or_bg.png) no-repeat 0 17px; text-align:center; line-height:28px; padding:17px 0 0 0; margin:0; }
.cast_01 .no_padding { padding-right:0!important; }
.cast_02 { overflow:hidden; }
.cast_02 ul { margin:0; padding:0; }
.cast_02 ul li { list-style:none; float:right; padding-left:39px; background:url(/USER_DATA/ggic/content/editor/img/img_left.png) no-repeat 10px 65px; }
.cast_02 ul li h2 { color:#fff; font-size:13px; font-weight:bold; background:url(/USER_DATA/ggic/content/editor/img/or_bg.png) no-repeat 0 17px; text-align:center; line-height:28px; padding:17px 0 0 0; margin:0; }
.cast_02 .no_padding { padding-left:0!important; }
.cast_02 .nobg { background:none; }
.tablebox { width:460px; overflow:hidden; float:left; }
.rightimg { width:289px; overflow:hidden; }
.rightimg p { padding:0 0 20px 0; margin:0; line-height:34px; }
.pro_box { width:360px; float:left; }
.pro_box p { margin:0; padding:0; line-height:0; }
.pro_box h2 { margin:0; color:#fff; font-size:14px; font-family:NanumGothic-Bold, ngb, NanumGothic, 돋움; font-weight:normal; background:url(/USER_DATA/ggic/content/editor/img/sub_02_01_titbg.gif) repeat-x 0 10px; padding:10px 0 0 20px; line-height:31px; }
.pro_box ul { margin:0; padding:0; }
.pro_box ul li { font-family:NanumGothic, ngn, Dotum; font-size:13px; color:#616161; line-height:26px; list-style:none; margin:0; padding:5px 0 0 0; }
/* table */
.tablebox1 { border-top:2px solid #FE7800; }
.tablebox1 th { border-right:1px solid #FE7800; border-bottom:1px solid #FFD6B2; color:#FE7800; font-family:NanumGothic, ngn, Dotum; font-size:13px; line-height:34px; background-color:#FFF3E8; font-weight:normal; }
.tablebox1 td { border-bottom:1px solid #E6E6E6; color:#616161; font-family:NanumGothic, ngn, Dotum; font-size:13px; line-height:34px; padding-left:20px; }
.tablebox1 .b_border_or { border-bottom:1px solid #FFD6B2; }
.tablebox1 a:link { color:#616161; text-decoration:none; }
.tablebox1 a:visited { color:#616161; text-decoration:none; }
.tablebox1 a:hover { color:#616161; text-decoration:underline; }
.tablebox1 .noright { border-right:0; }
.tablebox2 { border-top:2px solid #FE7800; border-left:1px solid #E6E6E6; }
.tablebox2 th { border-right:1px solid #FE7800; border-bottom:1px solid #FFD6B2; color:#FE7800; font-family:NanumGothic, ngn, Dotum; font-size:13px; line-height:34px; background-color:#FFF3E8; font-weight:normal; text-align:center; }
.tablebox2 td { border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; color:#616161; font-family:NanumGothic, ngn, Dotum; font-size:13px; line-height:34px; padding-left:20px; }
.tablebox2 .b_border_or { border-bottom:1px solid #FFD6B2; }
.tablebox2 .noleft { border-left:0; }
.tablebox2 .noright { border-right:0; }
/* 개인정보보호정책 */
#private { color:#555555; font-size:12px; font-family:NanumGothic, ngn, NanumGothic, Dotum, Arial; }
#private tbody tr td dl { width:100%; }
#private tbody tr td dl dt { padding:0; margin:0; font-weight:bold; }
#private tbody tr td dl dd { padding:0; margin:10px 0 30px 20px; text-align:justify; color:#888888; line-height:20px; }
#private tbody tr td .point { padding:0; margin:0; color:#000000; font-weight:normal; }
/* 이용약관 */
#service { color:#555555; font-size:12px; font-family:NanumGothic, ngn, NanumGothic, Dotum, Arial; }
#service tbody tr td dl { width:100%; }
#service tbody tr td dl dt { padding:0; margin:0; font-weight:bold; }
#service tbody tr td dl dd { padding:0; margin:10px 0 30px 20px; text-align:justify; color:#888888; line-height:20px; }
#service tbody tr td .point { padding:0; margin:0; color:#000000; font-weight:normal; }
#main_topmenu { line-height:0!important; }
#slideLeft_319 { line-height:0!important; }


.subvisual {animation: opacity_ani 1.5s ease;}

@keyframes opacity_ani {
  0% { transform: translateX(150px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1;}
}
@-webkit-keyframes up_ani1 {
  0% { transform: translateX(150px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1;}
}