@charset "utf-8";
/* CSS Document */
/*** header ***/
#header {position:relative; width:100%; min-width:1100px; height:202px; background:#fff; z-index:200;}
#header .top_util {width:100%; background:#f5f5f5;}
#header .top_util .inner { position:relative; width:1100px;margin: 0 auto; height:36px;}
#header .top_util .left_inner {float:left;}
#header .top_util .left_inner .info_inner {float:left; margin-right:15px;}
#header .top_util .left_inner .info_inner li a {float:left; margin-top:8px; height:22px; margin-left:5px;}
#header .top_util .left_inner .info_inner li:first-child a {margin-left:0px;}
#header .top_util .left_inner .info_inner li a.moe {background:url("../images/cm/topNav_otherInfoLogo.png") 0 0 no-repeat; width:128px;}

#header .top_util .left_inner .icon_inner li span {padding-left:10px; font-size:12px; border-left:1px solid #dddddd; color:#666666; letter-spacing:-1px; line-height: 34px;}
#header .top_util .left_inner .icon_inner li a {float:left; margin-top:7px; width:24px; height:24px; margin-left:5px;}
#header .top_util .left_inner .icon_inner li a.nblog {background:url("../images/cm/topNav_otherInfo_b.png") 0 0 no-repeat;}
#header .top_util .left_inner .icon_inner li a.facebook {background:url("../images/cm/topNav_otherInfo_f.png") 0 0 no-repeat;}
#header .top_util .left_inner .icon_inner li a.youtube {background:url("../images/cm/topNav_otherInfo_y.png") 0 0 no-repeat;}
#header .top_util .left_inner ul {float: left}
#header .top_util .left_inner ul li {float: left;}
			
#header .top_util .right_inner {float:right}
#header .top_util .right_inner .nav_inner {float:left}
#header .top_util .right_inner .nav_inner li {display:inline-block;margin:0 5px}
#header .top_util .right_inner .nav_inner li:last-child a {margin-right:0px;}
#header .top_util .right_inner .nav_inner li a {padding-left:10px; font-size:12px; color:#555555; letter-spacing:-1px; line-height:36px;}
#header .top_util .right_inner .nav_inner li a:hover {color:#111111 !important;}

#header .top_logo {clear:both; position:relative; width:1100px; height:103px; margin:0 auto 0; padding-right:0px;}
#header .top_logo .logo {position:absolute; left:50%; top:50%; height:53px; transform: translate(-50%, -45%);}
#header .top_logo .left_bnr {float:left; display:inline-block; margin:29px 0 0 30px;}
#header .top_logo .left_bnr a {display:block; position:relative; width:220px; height:55px;}
#header .top_logo .left_bnr a img {position:absolute; top:50%; margin-top:-19px; left:0;}

#header .gnb_wrap {position:relative; height:63px; border-top:1px solid #f0f0f0; border-bottom:1px solid #333; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header .gnb_wrap ul {width:1100px; margin:0 auto;}

#header .gnb_wrap ul li {float:left; position:relative; text-align:center; height:62px;}
#header .gnb_wrap ul li a {position:relative; z-index:1; color:#111; font-size:17px; letter-spacing:-1px; line-height:58px; display:inline-block; padding:0 32px;}
#header .gnb_wrap ul > li > a:hover {color:#0082ff !important;}
#header .gnb_wrap ul li a:before {position:absolute; bottom:-3px; left:50%; width:0; background:#0082ff; content:""; transition:all 0.25s ease; -webkit-transition:all 0.25s ease;}
#header .gnb_wrap ul li.on a:before,
#header .gnb_wrap ul li.on a:hover:before {left:0; width:100%;}
#header .gnb_wrap ul > li > a:before {height:3px;}
#header .gnb_wrap ul:after { content:""; display:block; clear:both; }

#header .gnb_dep {position:absolute; width:100%; background:#598edc; display:none; z-index:5; text-align:left; } 
#header .gnb_dep ul {position:relative; width:1100px; margin:0 auto; background:#598edc; height:55px;}
#header .gnb_dep ul li {float:left;}
#header .gnb_dep ul li a {color:#fff; font-size:15px; letter-spacing:-1px; height:55px; line-height:55px; display:inline-block; padding:0 28px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
#header .gnb_dep ul li a:hover {color:#111; background:#fff;/*background:#3e6eca;*/}
#header .gnb_dep ul li a.active {color:#111; background:#fff;}
#header .gnb_dep ul li a.active:hover {color:#111; background:#fff;}
#header .gnb_dep ul li:first-child { border-left: none; }

.bltDrop:after { margin:-4px .2em 0 .5em; border-width:4px 4px 0 4px; border-color:#888 transparent; border-style:solid; content:' '; vertical-align:middle; display:inline-block; }
.bltDrop:hover:after { border-color:#e12c22 transparent; }
.bltDrop.on:after { border-width:0 4px 4px 4px; }
.fNew    {color:#e12c22; font:bold 10px Verdana; vertical-align:text-top; }

#header .gnb_wrap ul,
#header .gnb_dep > ul{ padding-right:0;}


/* ===== FOOTER ===== */

/* footer_ban_list */
.footer_ban_wrap {width:100%; border-top:1px solid #ccc;}

.footer_ban_wrap .footer_ban_list {width:100%;overflow:hidden}
.footer_ban_wrap .footer_ban_list > ul {width:100%; display:inline-block; border-left:1px solid #ccc; box-sizing:border-box; margin-bottom:-3px;}
.footer_ban_wrap .footer_ban_list > ul > li {position:relative; float:left; width:25%; height:70px; padding:13px 0 0 0; border-right:1px solid #ddd;
											 font-size:14px; box-sizing:border-box; text-align:center;}
.footer_ban_wrap .footer_ban_list > ul > li:last-child {border-right:1px solid #ccc;}

.footer_ban_wrap .footer_ban_list > ul > li,
.footer_ban_wrap .footer_ban_list > ul > li > a {letter-spacing:-0.5px; line-height:21px; color:#555;}

.footer_ban_wrap .footer_ban_list > ul > li strong,
.footer_ban_wrap .footer_ban_list > ul > li > a strong {color:#333; font-weight:700;}

.footer_ban_wrap .footer_ban_list > ul > li > a {display:block;}

.footer_ban_wrap .footer_ban_list > ul > li .ban_text {position:relative; display:inline-block; padding-left:80px; text-align:left;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text:before {position:absolute; left:0; top:-3px; display:block; width:80px; height:50px;}

.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_01:before {content:""; background:url(../images/main/footer_ban_img01.png) no-repeat left top;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_02:before {content:""; background:url(../images/main/footer_ban_img02.png) no-repeat left top;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_03:before {content:""; background:url(../images/main/footer_ban_img03.png) no-repeat left top;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_04:before {content:""; background:url(../images/main/footer_ban_img04.png) no-repeat left top;}

.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_01_02:before {content:""; background:url(../images/main/footer_ban_img01_02.png) no-repeat left top;}

/* wj-dialog-body */

.wj-dialog-body .img_wFull {max-width:100% !important; border:1px solid #ff0000 !important;}

/* footer_wrap */

#footer_wrap {background:#24262a; color:#fff;}
#footer_wrap .container {position:relative;}

/* footer_menu */

#footer_wrap .footer_menu {width:100%; border-bottom:1px solid #45464a;}
#footer_wrap .footer_menu .menu_wrap {width:100%; height:45px; line-height:45px; letter-spacing:-0.5px;}

#footer_wrap .footer_menu .menu_wrap > a {position:relative; display:inline-block; color:#999; font-size:14px; margin-right:20px;}
#footer_wrap .footer_menu .menu_wrap > a:after {content:""; display:inline-block; width:1px; height:12px; position:absolute; right:-13px; top:17px; background:#45464a;}
#footer_wrap .footer_menu .menu_wrap > a:last-child:after {display:none;}

#footer_wrap .footer_menu .menu_wrap > a.privacy {color:#fff;}

#footer_wrap .footer_menu .f_link {float:left; width:200px; height:45px; position:absolute; top:0; right:0; display:block;}
#footer_wrap .footer_menu .f_link h4 {margin:0 0 0 0; padding:0 0 0 0; text-align:left;}

#footer_wrap .footer_menu .f_link h4 > a {display:block; width:200px; padding:0 0 0 15px; line-height:45px; height:45px; font-size:13px; color:#999;
										  box-sizing:border-box; border-left:1px solid #45464a; border-right:1px solid #45464a;}
#footer_wrap .footer_menu .f_link h4 > a {background:url(../images/inc/com_arrow_iCon02_01.png) no-repeat; background-position:right 15px top 19px;}
#footer_wrap .footer_menu .f_link h4 > a.on {background:#111 url(../images/inc/com_arrow_iCon02_02.png) no-repeat; background-position:right 15px top 19px;}

#footer_wrap .footer_menu .site_Link {z-index:100;}
#footer_wrap .footer_menu .site_Link > ul {display:inline-block; width:200px; display:none; overflow:hidden; position:absolute; left:0; bottom:45px; background:#fff; box-sizing:border-box; border-top:1px solid #45464a; border-right:1px solid #45464a; border-left:1px solid #45464a;}
#footer_wrap .footer_menu .site_Link > ul > li {float:left; padding:0; width:100%; text-align:left;}
#footer_wrap .footer_menu .site_Link > ul > li > a {display:inline-block; color:#666; width:100%; height:100%; padding:10px 10px 10px 10px; font-size:13px; letter-spacing:-0.5px;}
#footer_wrap .footer_menu .site_Link > ul > li > a:hover {color:#111; background:#f4f5f7;}

/* footer_copyright */

#footer_wrap .footer_copyright {width:100%; padding:30px 0 35px 0; font-size:14px; letter-spacing:-0.5px; color:#999;}
#footer_wrap .footer_copyright a {color:#999;}

/* footer_cs_tel */

#footer_wrap .footer_copyright .footer_cs_tel {width:100%;}
#footer_wrap .footer_copyright .footer_cs_tel > dl {width:100%; display:inline-block;}
#footer_wrap .footer_copyright .footer_cs_tel > dl > dd {float:left; margin-right:18px;}

#footer_wrap .footer_copyright .footer_cs_tel > dl > dd.tel {color:#fff;}

#footer_wrap .footer_copyright .footer_cs_tel .footer_ban_naver {display:inline-block; width:100px; height:26px; vertical-align:middle; transform: translateY(-4px);
																 background:url(../images/inc/footer_naver_ban01.png) no-repeat center top;}
#footer_wrap .footer_copyright .footer_cs_tel .footer_ban_naver > span {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

/* footer_company_info */

#footer_wrap .footer_copyright .footer_company_info {line-height:23px; margin:10px 0 15px 0; font-weight:400;}
#footer_wrap .footer_copyright .footer_company_info .divider {display:inline-block; width:1px; height:12px; background:#45464a; margin:0 8px 0 8px; vertical-align:middle;}

/* copyright */

#footer_wrap .footer_copyright .copyright {letter-spacing:0; font-weight:400;}