@charset "utf-8";

/************************************************************************
 * 파일명 :common.css
 * 설명 :공통 CSS
************************************************************************/

@font-face{font-family:'NotoSansKR'; font-style:normal; font-weight:400; src:url('/static/font/NotoSansKR-Regular.woff2') format('woff2'), url('/static/font/NotoSansKR-Regular.woff') format('woff2'), url('/static/font/NotoSansKR-Regular.otf') format('opentype')}
@font-face{font-family:'NotoSansKR'; font-style:normal; font-weight:500; src:url('/static/font/NotoSansKR-Medium.woff2') format('woff2'), url('/static/font/NotoSansKR-Medium.woff') format('woff2'), url('/static/font/NotoSansKR-Medium.otf') format('opentype')}
@font-face{font-family:'NotoSansKR'; font-style:normal; font-weight:700; src:url('/static/font/NotoSansKR-Bold.woff2') format('woff2'), url('/static/font/NotoSansKR-Bold.woff') format('woff2'), url('/static/font/NotoSansKR-Bold.otf') format('opentype')}

/* 기본설정 */

*{margin:0;padding:0;}
html{height:100%}
body{line-height:1.2;overflow-y:scroll;font-family:'NotoSansKR','AppleGothic','맑은 고딕',Dotum,sans-serif;font-weight:400 !important;font-size:16px;color:#555;-webkit-text-size-adjust:none;word-spacing:0;letter-spacing:0;}

a:link{color:#555; text-decoration:underline}
a:visited{color:#555; text-decoration:none}
a:hover{color:#333; text-decoration:underline}
a:active{color:#555; text-decoration:none}

img{max-width:100%; height:auto; border:0 none}
ol, ul/*, li*/{list-style-type:none}
h1, h2, h3, h4, h5, h6{font-weight:700; line-height:1.2}
hr{border:0}
table{border-collapse:collapse; border-spacing:0}

.ir_pm{display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out{overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

/* 정렬 */
.fl_left{float:left}
.fl_right{float:right}
.fl_clear{clear:both; height:0; font-size:0; line-height:0}

.alignL{text-align:left}
.alignC{text-align:center}
.alignR{text-align:right}

.clear_g{display:block; overflow:visible; width:auto; clear:both; *zoom:1}
.clear_g:after{display:block; visibility:hidden; height:0; font-size:0; clear:both; content:''}
.clfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clfix{display:inline-block}
.clfix{display:block}
* html .clfix{height:1%} /* Hides from IE-mac */
.clfix{zoom:1} /*for IE 5.5-7*/

.hand{cursor:pointer}
.overflow{overflow:hidden}
.none{display:none !important}
.hide{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px}


/* form */
fieldset{border:0 none}
label{}
input[type='text']{font-family:'NotoSansKR','AppleGothic','맑은 고딕',Dotum,sans-serif;vertical-align:middle;color:#555;background:#fff;}
input[type='text']:focus{outline:none !important; border-color:#ff7f00; background-color:#fff !important}
input[type='text']:after{background:#fff !important}
input[type='text']:hover{background-color:#fff !important}
input[type='text']:active{background-color:#fff !important}
input[type='text']:-webkit-autofill{-webkit-box-shadow:none}
input[type=submit], input[type=button]{cursor:pointer}
input:-ms-input-placeholder{color:#bebebe}
input::-webkit-input-placeholder{color:#bebebe}
input::-moz-placeholder{color:#bebebe}
input:focus{outline:none !important; border-color:#ff7f00; background-color:#fff !important}
input:after{background:#fff !important}
input:hover{background-color:#fff !important}
input:active{background-color:#fff !important}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	transition:background-color 5000s ease-in-out 0s;
	-webkit-transition:background-color 9999s ease-out;
	-webkit-box-shadow:0 0 0 1000px white inset !important;
}
input.chk{border:0 none; margin-right:4px; vertical-align:middle}

/* Select box 스타일 초기화 */
select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand{display:none}

select{margin:0;padding-left:5px;height:30px;color:#555;border:1px solid #ccc;}
.select{position:relative;display:inline-block;padding:6px 4px;height:22px;vertical-align:middle;background:#fff;border:1px solid #b3b3b3;}
.select select{font-weight:400;font-size:14px;color:#555;background:#fff;border:0;}

textarea{padding:10px; border:1px solid #ccc; background:#fff; color:#4c4c4c; resize:vertical; -webkit-appearance:none}
textarea:focus{border-color:#ff7f00}

input[type="checkbox"] + label{color:#999}
input[type="checkbox"] + label span{display:inline-block; margin-left:4px; cursor:pointer}
input[type="checkbox"]:checked + label span{/*background:url('/static/images/common/checkbox-20-on@2x.png') #ff7f00 no-repeat center/10px 10px*/}
input[type="radio"]{display:none}
input[type="radio"] + label{font-family:'NotoSansKR','AppleGothic','맑은 고딕',Dotum,sans-serif;color:#999;}
input[type="radio"] + label span{display:inline-block; width:19px; height:19px; margin:-2px 8px 0 0; vertical-align:middle; background:url('/static/images/common/check_radio_sheet.png') -38px top no-repeat; cursor:pointer}
input[type="radio"]:checked + label span{background:url('/static/images/common/check_radio_sheet.png') -57px top no-repeat}

/* space */
.mt0{margin:0 auto !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}

.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}

.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}

.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}

.pr10{padding-right:10px !important}
.pr20{padding-right:20px !important}
.pr30{padding-right:30px !important}

.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}


/* layout */
.skip_nav a{display:block; position:absolute; z-index:100; top:-1000em; left:0; padding:10px; background-color:#000; color:#fff; text-align:center}
.skip_nav a:focus{position:relative; top:0; width:100%; height:auto; margin:0; padding:10px}
.full{width:100% !important}

/* common */
#wrap{position:relative; width:100%;margin:0 auto; overflow-x:auto}

/* header */
#header{position:relative; z-index:100; width:100%; min-width:1280px; background:#fff; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.1); border:none}
#header .hTopIn{position:fixed;width:100%;height:40px;background:#E9F9FF;color:#333; font-weight:bold}
#header .hTopIn .adver{height:40px;line-height:38px;text-align:center;font-size:16px;color:#333;}
#header .hTopIn .adver>span{color:#C30D22; font-weight:bold}
#header .hTopIn .adver_link{display:inline; margin-left:10px; font-size:14px; color:#555}
#header .hTopIn .down{width:100%;color:#333;border:none}
#header .header{position:fixed;left:0;top:0;box-sizing:border-box;width:100%;height:90px;background:#fff;box-shadow:0 2px 6px 0 rgb(0 0 0 / 10%);}

.products_top{background:none !important}

/* container */
#wrap #container{position:relative; width:1280px; min-width:1280px; min-height:300px; margin:0 auto}
#wrap #container.main_container{width:100%}
#wrap #container.nbg{background:#fff}
#wrap #container .content{padding:0 0 100px;width:100%;overflow:hidden;margin:90px auto 0;}


/* GNB */
#header .header .menu_wrap{position:relative;width:100%;}
#header .header h1{position:absolute;left:100px;top:33px;width:175px;height:22px;overflow:hidden;}
#header .header h1 a{display:block;width:100%;height:100%;background:url('/static/images/common/img_ci_jiransecurity@2x.png') no-repeat 0 0/100% auto;}

/*30주년 엠블럼 적용 / 2024년 한시적으로 사용 */
/*#header .header .menu_wrap{position:relative;width:100%;}
#header .header h1{position:absolute;left:100px;top:33px;width:180px;height:32px;overflow:hidden;}
#header .header h1 a{display:block;width:100%;height:100%;background-image:url('/static/images/common/JIRAN30_smile_60.gif'),url('/static/images/common/JIRAN30_jiransecu_tx_60.png');background-repeat:no-repeat;background-position:left top, 40px top;background-size:40px 30px, 137px 30px;}*/
/*30주년 엠블럼 적용 / 2024년 한시적으로 사용 */

#header .header .gnb{margin:0 auto; width:1200px; text-align:center; font-size:0}
#header .header .gnb .btn_closed_m{display:none}
#header .header .gnb .top_link{display:none}
#header .header .gnb_dim_m{display:none}

#header .header .gnb>ul>li{display:inline-block; text-align:center; margin:0 10px; padding:0 30px}
#header .header .gnb>ul>li>a{position:relative; display:inline-block; color:#222; height:90px; font-weight:700; font-size:18px; line-height:90px}
#header .header .gnb>ul li a{letter-spacing:-1.5px; text-decoration:none}
#header .header .gnb ul li.ui-active > a{color:#ff7f00 !important}
#header .header .gnb ul li.ui-active > a:after{content:''; position:absolute; display:block; height:2px; width:100%; bottom:0; left:0; margin:0 auto; background:#ff7f00}
#header .header .gnb ul li a:hover{color:#ff7f00; text-decoration:none}
#header .header .gnb ul li a.gnb_on{color:#ff7f00 !important; background:url('/static/images/common/bg_gnb_on.png') repeat-x bottom left}
#header .header .menu_wrap ul li .depth_wrap{overflow:hidden; position:fixed; top:90px; right:0; left:0; max-height:0; background:#fff}
#header .header .menu_wrap ul li.ui-active .depth_wrap{max-height:350px; border-bottom:1px solid #f0f0f2; border-top:1px solid #f0f0f2; box-shadow:0 2px 6px 0 rgb(0 0 0 / 10%)}

#header.gnb_open{z-index:99999}
#wrap #header.gnb_open .header, #wrap.products #header.gnb_open .header{background:#fff !important}
#wrap.products #header.gnb_open .header.products_top{background:#fff !important}
#wrap #header.gnb_open .header h1 a, #wrap.products #header.gnb_open .header h1 a{background:url('/static/images/common/img_ci_jiransecurity@2x.png') no-repeat 0 0 / 100%}
/*#wrap #header.gnb_open .header h1 a, #wrap.products #header.gnb_open .header h1 a{background-image:url('/static/images/common/JIRAN30_smile_60.gif'),url('/static/images/common/JIRAN30_jiransecu_tx_60.png');background-repeat:no-repeat;background-position:left top, 40px top;background-size:40px 30px, 137px 30px;}*/

#wrap.products #header.gnb_open .header .gnb>ul>li>a{color:#222}
#wrap.products #header.gnb_open .header .gnb>ul>li.ui-active>a{color:#ff7f00}
#wrap.products #header.gnb_open .header .gnb_s>ul>li>a{color:#222}
#wrap.products #header.gnb_open .header .gnb_s>ul>li.ui-active>a{color:#ff7f00}
#wrap.products #header.gnb_open .header .gnb_s .btn_search{background-image:url('/static/images/common/ico-gnb-search.png')}
#wrap.products #header.gnb_open .header .gnb_s .btn_menu{background-image:url('/static/images/common/ico-gnb-allmenu.png')}
#wrap.products #header.gnb_open .header .gnb_s ul li.gnb05:after{background:rgba(0,0,0,0.4)}

#wrap #header .header .menu_wrap ul li .depth_wrap>ul{margin:0 auto; padding:40px 0; width:1200px}
#wrap #header .header .menu_wrap ul li .depth_wrap>ul>li{text-align:left}
#wrap #header .header .menu_wrap ul li .depth_wrap>ul>li a{font-size:15px}
#wrap.products #header .header .menu_wrap .depth_wrap>ul>li a{color:#868686}

#wrap #header .header .menu_wrap ul li.menu .depth_wrap>ul>li{display:inline-block}
#wrap #header .header .menu_wrap ul li.menu .depth_wrap>ul>li a{display:block; padding:0 30px; color:#282828; font-weight:700; font-size:16px; text-decoration:none}
#wrap #header .header .menu_wrap ul li.menu .depth_wrap>ul>li a:hover{color:#ff7f00 !important; text-decoration:underline}
#wrap #header .header .menu_wrap ul li.menu .depth_wrap>ul>li:first-child a{padding-left:0}
#wrap #header .header .menu_wrap ul li.menu .depth_wrap>ul>li:last-child a{padding-right:0}
#wrap #header .header .menu_wrap ul li.menu .depth_wrap>ul{text-align:center}

#wrap #header .header .menu_wrap ul li.menu.gnb01 .depth_wrap>ul{font-weight:400}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap>ul{padding-bottom:100px}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap>ul>li{display:inline-block; width:20%; vertical-align:top}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap>ul>li>a{font-size:16px; line-height:27px; font-weight:700; color:#282828 !important}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap>ul>li>ul>li{margin-top:15px}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap>ul>li>ul>li a{font-weight:400 !important}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap>ul>li>ul>li a:hover{text-decoration:underline; color:#ff7f00}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap .find_pdt{position:absolute; bottom:0; left:0; right:0; text-align:center; border-top:1px solid #f0f0f2; z-index:1}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap .find_pdt a{font-size:16px; font-weight:500; color:#ff7f00; display:inline-block; height:60px; line-height:60px}
#wrap #header .header .gnb ul li.gnb01 .depth_wrap .find_pdt a:after{content:''; display:inline-block; width:16px; height:16px; background:url('/static/images/common/ico-search-solution.png') no-repeat 1px 1px; background-size:16px; margin-left:6px}

#wrap #header .header .menu_wrap ul li.menu.gnb02 .depth_wrap>ul{font-weight:400}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap>ul>li{display:inline-block; width:15%; vertical-align:top}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap>ul>li:first-child{margin-left:-155px}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap>ul>li>a{font-size:16px; line-height:27px; color:#282828 !important; padding:0 30px !important; text-align:center}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap>ul>li>ul>li{margin-top:15px}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap>ul>li>ul>li a:hover{text-decoration:underline; color:#ff7f00}

#wrap #header .header .gnb ul li.gnb02 .depth_wrap .find_pdt{position:absolute; bottom:0; left:0; right:0; text-align:center; border-top:1px solid #f0f0f2; z-index:1}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap .find_pdt a{font-size:16px; font-weight:400; color:#ff7f00; display:inline-block; height:60px; line-height:60px}
#wrap #header .header .gnb ul li.gnb02 .depth_wrap .find_pdt a:after{content:''; display:inline-block; width:16px; height:16px; background:url('/static/images/common/ico-search-solution.png') no-repeat center; background-size:16px; margin-left:6px}

#wrap #header .header .menu_wrap ul li.menu.gnb03 .depth_wrap>ul{font-weight:400}
#wrap #header .header .gnb ul li.gnb03 .depth_wrap>ul>li{display:inline-block; width:10%; vertical-align:top}
#wrap #header .header .gnb ul li.gnb03 .depth_wrap>ul>li:first-child{margin-left:140px}
#wrap #header .header .gnb ul li.gnb03 .depth_wrap>ul>li>a{font-size:16px; line-height:27px; color:#282828 !important; padding:0 30px !important; text-align:center}
#wrap #header .header .gnb ul li.gnb03 .depth_wrap>ul>li>ul>li{margin-top:15px}
#wrap #header .header .gnb ul li.gnb03 .depth_wrap>ul>li>ul>li a:hover{text-decoration:underline; color:#ff7f00}

#wrap #header .header .menu_wrap ul li.menu.gnb04 .depth_wrap>ul{font-weight:400}
#wrap #header .header .gnb ul li.gnb04 .depth_wrap>ul>li{display:inline-block; width:10%; vertical-align:top}
#wrap #header .header .gnb ul li.gnb04 .depth_wrap>ul>li:first-child{margin-left:410px}
#wrap #header .header .gnb ul li.gnb04 .depth_wrap>ul>li>a{font-size:16px; line-height:27px; color:#282828 !important; padding:0 30px !important; text-align:center}
#wrap #header .header .gnb ul li.gnb04 .depth_wrap>ul>li>ul>li{margin-top:15px}
#wrap #header .header .gnb ul li.gnb04 .depth_wrap>ul>li>ul>li a:hover{text-decoration:underline; color:#ff7f00}

#wrap #header .header .menu_wrap ul li.menu.gnb05 .depth_wrap>ul{text-align:right}
#wrap #header .header .menu_wrap ul li.menu.gnb05 .depth_wrap>ul.gnb05_sub{width:95%; min-width:1280px; position:relative; float:right; text-align:right; right:210px}


/* 메뉴바 우측 - 회사소개 검색 전체메뉴 */
#header .header .gnb_s{float:right;top:0;right:0;width:226px;height:38px;margin:-53px 100px 0 0;}
#header .header .gnb_s .btn_closed_m,
#header .header .gnb_s .top_link,
#header .header .gnb_s_dim_m{display:none}

#header .header .gnb_s>ul{display:inline-block; margin:0 auto; padding:0; width:150px; text-align:right; float:left; font-weight:400}
#header .header .gnb_s>ul:after{content:""; display:block; clear:both}
#header .header .gnb_s>ul>li{display:inline-block; width:auto; text-align:center; padding-right:78px}
#header .header .gnb_s>ul>li>a{display:inline-block; height:66px; color:#777; font-size:16px; width:70px; font-weight:400; letter-spacing:-1.5px; text-decoration:none}
#header .header .gnb_s>ul>li>a:hover{color:#ff7f00; text-decoration:none}
#header .header .gnb_s>ul>li:last-child{padding-right:0}

#header .header .gnb_s ul li a.gnb_on{color:#ff7f00 !important; background:url('/static/images/common/bg_gnb_on.png') repeat-x bottom left}

#header .header .gnb_s ul li.gnb05{height:50px;width:100px;margin-right:10px;padding-right:20px;font-size:1.000em;font-weight:700;color:#5d5d5d;letter-spacing:-1px;background:url('/static/images/common/side_bar.png') no-repeat right -5px;display:inline-block;text-align:right}

#header .header .menu_wrap .gnb_s ul li .depth_wrap{overflow:hidden; position:fixed; top:90px; right:0; left:0; max-height:0; background:#fff; float:right; font-weight:400}
#header .header .menu_wrap .gnb_s ul li.ui-active .depth_wrap{max-height:350px; border-bottom:1px solid #f0f0f2; border-top:1px solid #f0f0f2; font-weight:400}

#header .header .gnb_s .btn_menu{float:left;width:36px;height:36px;background:url('/static/images/common/ico-gnb-allmenu.png') no-repeat 0 0/100% auto;}
#header .header .gnb_s .btn_menu.on{background:url('/static/images/common/ico-gnb-allmenu.png') no-repeat 0 0}
#header .header .gnb_s .btn_search{float:left;width:36px;height:36px;background:url('/static/images/common/ico-gnb-search.png') no-repeat 0 0/100% auto;margin-right:2px;}
#header .header .gnb_s .search_btn_closed{display:block; position:absolute; float:right; top:35px; right:6%; width:23px; height:23px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}


/* 전체메뉴 */
#header .header .menu_all{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;box-shadow:0 2px 6px 0 rgb(0 0 0 / 10%);}
#header .header .menu_all.on{display:block;}

#header .header .menu_all .menu_all_wrap{position:relative;width:100%;height:100%;}
#header .header .menu_all .menu_all_wrap .btn_closed{position:absolute;top:27px;right:50px;width:36px;height:36px;outline:0;background:url('/static/images/common/ico_gnb_allmenu_close@2x.png') no-repeat 50% 50%/100% auto;z-index:1000336}

#header .header .menu_all .menu_all_wrap .menu_all_right{position:absolute;right:0;top:0;z-index:10;width:400px;height:100%;background:#ff7f00;text-align:left;}
#header .header .menu_all .menu_all_wrap .menu_all_right .menu_all_right_solutionmap{display:block;padding:140px 0 0;width:230px;margin:0 auto;}
#header .header .menu_all .menu_all_wrap .menu_all_right .menu_all_right_solutionmap span{display:block;}
#header .header .menu_all .menu_all_wrap .menu_all_right .menu_all_right_solutionmap a{color:#fff;text-decoration:none;}
#header .header .menu_all .menu_all_wrap .menu_all_right .b_txt{font-weight:700;font-size:24px;letter-spacing:-1px;color:#fff;text-decoration:none}
#header .header .menu_all .menu_all_wrap .menu_all_right .s_txt{margin-top:10px;line-height:20px;text-align:left;font-size:14px;color:#fff;letter-spacing:-0.5px;}
#header .header .menu_all .menu_all_wrap .menu_all_right .go_btn{margin:26px 0 0;display:inline-block;padding:5px 24px 6px 15px;font-size:13px;color:#fff;letter-spacing:-0.5px;background:url('/static/images/common/ico_arrow.png') no-repeat 70px 8px;border:1px solid #fff;border-radius:18px;}

#header .header .menu_all .menu_all_wrap .menu_all_right .allmenu_visual{position:absolute; bottom: 100px; width:100%; height: 200px;margin:0 auto;background: url('/static/images/common/img_allmenu_visual@2x.png') no-repeat 50% 0/283px auto;}
#header .header .menu_all .menu_all_wrap .menu_all_right .allmenu_visual .footer_tel_sns{margin:150px auto 0;display:block;width:305px;line-height:normal;color:#fff;text-align:center;}
#header .header .menu_all .menu_all_wrap .menu_all_right .allmenu_visual .footer_tel_sns span{float:left;line-height:29px;vertical-align:top;margin-left:15px;}
#header .header .menu_all .menu_all_wrap .menu_all_right .allmenu_visual .footer_tel_sns span:first-child{padding-right:5px;font-weight:700;font-size:20px;letter-spacing:-0.5px;margin-left:10px;}
#header .header .menu_all .menu_all_wrap .menu_all_right .allmenu_visual .footer_tel_sns span a{display:inline-block;box-sizing:border-box;padding:4px 0;width:20px;height:29px;vertical-align:top;}
#header .header .menu_all .menu_all_wrap .menu_all_right .allmenu_visual .footer_tel_sns span img{vertical-align:top;}
#header .header .menu_all .menu_all_wrap .menu_all_left{padding-right:400px;height:100%;background:#fff}
#header .header .menu_all ul.menu_all_conts{padding:130px 0 0;}
#header .header .menu_all ul.menu_all_conts::after{content:'';display:table;clear:both;}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul{display:block;width:870px;margin:0 auto;}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul::after{content:'';display:table;clear:both;}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li{float:left; text-align:left; color:#fff}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li a{color:#ff7f00; font-size:24px; font-weight:700; line-height:52px; letter-spacing:-1px; text-decoration:none}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul{text-align:left}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li{margin-top:15px}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li a{color:#333; margin-top:15px; font-size:18px; line-height:27px; text-align:left; text-decoration:none; letter-spacing:-1px}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul{padding:12px 0; float:left; width:100%; display:grid; clear:both}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li{border-bottom:0; display:inline-block; float:left; margin-top:10px}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li:first-child{margin-top:0}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li:last-child{margin-bottom:15px}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li a{float:left;display:inline-block;margin-top:0;font-size:16px;font-weight:300;line-height:20px;color: #555;letter-spacing:-1px;}
#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li a:hover{color:#282828; font-weight:700; text-decoration:underline}

#header .header .menu_all .menu_all_wrap ul li.a01{width:470px}
#header .header .menu_all .menu_all_wrap ul li.a01 > ul{}
#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li{display:inline-block; width:150px}
#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li:nth-child(even){margin-left:70px}
#header .header .menu_all .menu_all_wrap ul li.a02{width:150px; margin:0 100px 0 0}
#header .header .menu_all .menu_all_wrap ul li.a03{width:150px; margin:0}
#header .header .menu_all .menu_all_wrap ul li.a04{width:150px; margin:58px 100px 0 0}
#header .header .menu_all .menu_all_wrap ul li.a05{width:150px; margin:58px 0 0}
#header .header .menu_all .menu_all_wrap .a06{display:inline-block; float:left; margin:58px 0 0}
#header .header .menu_all .menu_all_wrap .a06 ul li{display:inline-block; margin-right:50px}
#header .header .menu_all .menu_all_wrap .a06 ul li a{font-size:16px; font-weight:300;  line-height:27px; color:#555; letter-spacing:-1px; text-decoration:none}
#header .header .menu_all .menu_all_wrap .a06 ul li a:hover{color:#282828; font-weight:700; text-decoration:underline}
#header .header .menu_all .menu_all_wrap .a06 ul li.withyou a{padding-right:20px; background:url('/static/images/common/ico-link@2x.png') no-repeat right 8px / 12px}

/* 검색 */
.search_wrap{display:none;position:absolute;width:1280px;height:210px;top:90px;left:50%;margin-left:-640px;padding:50px;background:#f5f6f8;font-size:0;text-align:center; box-sizing:border-box;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);border-top:1px solid #eaebef}
.search_wrap.on{display:block;width:100%;margin-left:-50%}
.search_wrap .btn_closed{display:block; position:absolute; float:right; top:45px; right:5%; width:23px; height:23px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0/100%}
.search_wrap .input_box{position:relative}
.search_wrap .input_box input{width:840px; height:60px; padding:5px 20px; background:#fff !important; border:1px solid#dadbde; border-radius:4px; box-sizing:border-box}
.search_wrap .input_box input[type="text"]{background:#fff !important}
.search_wrap .input_box input:focus{outline:none; border-color:#ff7f00; background:#fff !important}
.search_wrap .input_box input:after{background:#fff}
.search_wrap .input_box input:hover{background-color:#fff}
.search_wrap .input_box input:active{background-color:#fff}
.search_wrap .input_box input:focus{background-color:#fff}
.search_wrap .input_box ::-webkit-input-placeholder{color:#bebebe; background:#fff !important; font-size:1.125em}
.search_wrap .input_box .search{position:absolute; width:36px; height:36px; right:15px; top:-17px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0}

.quick_search{display:block; margin-top:20px; font-size:14px; color:#555; text-align:center}
.quick_search span{display:inline-block}
.quick_search span.quick_search_tit{font-weight:700}
.quick_search span p{display:inline; margin-left:10px; text-decoration:underline}


/* 딤처리 */
.dim_menu_all{display:none; position:fixed; z-index:99; top:0; right:0; bottom:0; left:0; background:#000; opacity:0.7}
.dim_menu_all.on{display:block}

/* 모달팝업 */
.modal{position:absolute; top:0; left:0; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.4)}
.modal.show{display:block}
.modal_body{position:absolute; top:50%; left:50%; width:400px; height:600px; padding:40px; text-align:center; background-color:rgb(255, 255, 255); border-radius:10px; box-shadow:0 2px 3px 0 rgba(34, 36, 38, 0.15); transform:translateX(-50%) translateY(-50%)}


/* 컨텐츠 공통 */
/* top_info */
.top_info{height:240px;text-align:center;opacity:0.9}
.top_info h2{display:inline-block; margin:80px auto 0 auto; color:#111; font-size:3.000em; font-weight:700; letter-spacing:-2px}
.top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.125em; line-height:2.000em; letter-spacing:-1px}
.top_info .subtit_desc>span{display:inline}

.top_info{background:none}
.top_info.products{background:none}
.top_info.securitycenter{background:none}
.top_info.pr{background:none}
.top_info.ir{background:none}
.top_info.js{background:none}
.top_info.etc{background:none; height:auto}


/* 탭메뉴 */
.tab_menu{display:inline-block; width:100%; height:auto; margin:15px auto 60px auto; text-align:center}
.tab_menu span{display:inline-block; border:1px solid rgba(0, 0, 0, 0.2); border-radius:50px; background:#fff; box-sizing:border-box}
.tab_menu span p{display:inline-block; float:left; width:200px; height:60px; margin:0 auto; padding:10px 0; font-weight:700; font-size:18px; line-height:40px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
.tab_menu span p a{text-decoration:none}
.tab_menu span p a:hover{cursor:pointer; color:#ff7f00; border-radius:50px; border:0px none}
.tab_menu span p a>i{display:inline; font-style:normal}
.tab_menu span p.menu_first{}
.tab_menu span p.menu_on{background:#ff7f00; border-radius:50px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
.tab_menu span p.menu_on a{color:#fff}
.tab_menu span p.menu_on a>i{display:inline; font-style:normal}
.tab_menu .table_list_select{display:inline-block; width:200px; float:right; margin-top:8px; text-align:right}
.tab_menu .table_list_select p{display:inline; font-size:12px}
.tab_menu .ir{margin-top:135px !important}


.tab_menu2{width:403px;margin:15px auto 60px;}
.tab_menu2 span{display:inline-block;width:100%;background:#fff;border:1px solid rgba(0,0,0,0.2);border-radius:50px;box-sizing:border-box}
.tab_menu2 span p{float:left;width:200px;height:60px;margin:0 auto;box-sizing:border-box}
.tab_menu2 span p a{display:block;padding:10px 0;font-weight:700;font-size:18px;line-height:40px;text-align:center;letter-spacing:-1px;word-break:keep-all;text-decoration:none;border-radius:50px;border:0}
.tab_menu2 span p a:hover{cursor:pointer;color:#ff7f00;}
.tab_menu2 span p a>i{display:inline; font-style:normal}
.tab_menu2 span p.menu_first{}
.tab_menu2 span p.menu_on{background:#ff7f00; border-radius:50px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
.tab_menu2 span p.menu_on a{color:#fff}
.tab_menu2 span p.menu_on a>i{display:inline; font-style:normal}

/*유튜브 사이즈*/
.video-wrap{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed{position:absolute; top:0; left:0; width:100%; height:100%}


/* 검색 */
.search{display:inline-block; width:100%; height:130px; padding:40px 0; background-color:#f5f6f8; text-align:center; box-sizing:border-box}
.search>form{position:relative; width:660px; margin:0 auto}
.search .box_searchbar input{width:100%; height:50px; margin:0 auto; padding:8px; font-size:1.000em; background-color:#fff; border:1px solid #dadbde; border-radius:4px; box-sizing:border-box}
.search .box_searchbar input:focus{outline:none !important; border-color:#ff7f00}
.search .box_searchbar .js_search{position:absolute; width:36px; height:36px; right:15px; top:8px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0}
.search .box_searchbar .js_search_after{position:absolute; width:36px; height:36px; right:7px; top:17px; margin:0; background:url('/static/images/icon/ico-result-close.png') no-repeat 0 0; color:#222}
.search .box_searchbar .js_search_boxon{position:absolute; width:36px; height:36px; right:52px; top:13px; margin:0; background:url('/static/images/icon/ico-searchbar-txt-del.png') no-repeat 0 0; color:#222}
.search .box_searchbar>p{position:relative; display:inline; width:550px; font-size:1.000em; margin-top:-47px; margin-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left} /* 이 css는 개발 작업 완료 되면 삭제 */
.search .search_on{position:relative}
.search .tf_keyword{display:inline; float:left; width:370px; height:18px; margin:11px 10px 0; padding:0; border:0 none; font-weight:700; font-size:1.000em; line-height:1.125em; font-family:'NotoSansKR','AppleGothic','맑은 고딕',Dotum,sans-serif;background-color:transparent; outline:none}
.search .btn_calendar{float:left; margin-left:5px; width:40px; height:40px; border:0 none;/*background:url('/static/images/icon/icon_calendar.png') no-repeat 0 0;*/cursor:pointer}
.search p{float:left; margin:0 5px; font-size:18px; line-height:2.813em}



/* 페이징 */
.paging_pc{overflow:hidden; width:100%; margin:80px auto; font-size:1.000em; text-align:center; vertical-align:top}
.paging_pc .inner_paging{overflow:hidden;display:inline-block;margin:0 auto}
.paging_pc .link_page{float:left; width:40px; height:40px; line-height:2.500em; margin:0 3px; color:#555; text-decoration:none}
.paging_pc .link_page a.active{color:#fff; font-weight:400}
.paging_pc em.link_page, .paging_pc a.link_page:hover{width:40px; height:40px; line-height:2.500em; font-style:normal; border:0 none; color:#fff; background-color:#ff7f00}
.paging_pc .btn_paging{float:left; width:40px; height:40px; background-color:#fafafa}
.paging_pc span.btn_paging, .paging_pc a.btn_paging:hover{width:40px; height:40px; border:0 none; background-color:#ff7f00; color:#fff}
.paging_pc .btn_fst{margin-right:6px}
.paging_pc .btn_lst{margin-left:6px}
.paging_pc .btn_prev{margin-right:60px}
.paging_pc .btn_next{margin-left:60px}
.paging_pc .btn_paging .ico_corp{display:block; width:40px; height:40px}
.paging_pc .btn_fst .ico_corp{background:url('/static/images/common/ico_paging_first@2x.png') no-repeat 0 0 / 100%; background-color:#fff}
.paging_pc .btn_lst .ico_corp{background:url('/static/images/common/ico_paging_last@2x.png') no-repeat 0 0/ 100%; background-color:#fff}
.paging_pc .btn_prev .ico_corp{background:url('/static/images/common/ico_paging_prev@2x.png') no-repeat 0 0/ 100%; background-color:#fff}
.paging_pc .btn_next .ico_corp{background:url('/static/images/common/ico_paging_next@2x.png') no-repeat 0 0/ 100%; background-color:#fff}
.paging_pc span.btn_paging .ico_corp,.paging_pc .btn_paging:hover .ico_corp{width:40px; height:40px}
.paging_pc span.btn_fst .ico_corp,.paging_pc .btn_fst:hover .ico_corp{background:url('/static/images/common/ico_paging_first_white@2x.png') no-repeat 0 0/ 100%; background-color:#ff7f00}
.paging_pc span.btn_lst .ico_corp,.paging_pc .btn_lst:hover .ico_corp{background:url('/static/images/common/ico_paging_last_white@2x.png') no-repeat 0 0/ 100%; background-color:#ff7f00}
.paging_pc span.btn_prev .ico_corp,.paging_pc .btn_prev:hover .ico_corp{background:url('/static/images/common/ico_paging_prev_white@2x.png') no-repeat 0 0/ 100%; background-color:#ff7f00}
.paging_pc span.btn_next .ico_corp,.paging_pc .btn_next:hover .ico_corp{background:url('/static/images/common/ico_paging_next_white@2x.png') no-repeat 0 0/ 100%; background-color:#ff7f00}
.paging_mobile{display:none}



/* Footer */
#footer{overflow:hidden; position:relative; width:100%; min-width:1280px; height:300px; /*margin:80px auto 0 auto; */ margin:0 auto; border-top:1px solid #dadbde; background-color:#fff; color:#777; text-decoration:none}

#footer .footer_1dep{display:block; width:1280px; height:90px; margin:0 auto; padding-top:50px; box-sizing:border-box}
#footer .footer_1dep .footer_select{float:right; display:inline-block; width:170px; margin-top:-10px; color:#ccc}
#footer .footer_1dep .footer_select:after{content:""; display:inline-block}
#footer .footer_1dep .footer_select p.tit{margin-top:23px; padding-left:25px; color:#ccc; font-size:1.000em; font-weight:700; line-height:1.500em}
#footer .footer_1dep .footer_select .sel_family_pc{width:170px}
#footer .footer_1dep .footer_select select{height:36px; padding:5px 10px; border:1px solid #828285; background-color:#fff; background-image:url('/static/images/common/ico-footer-familysite-on.png'); background-repeat:no-repeat; background-position:95% 5px; background-size:24px 24px; font-size:12px; color:#555; cursor:pointer}
#footer .footer_1dep .footer_select select::-ms-expand{display:none}
#footer .footer_1dep .footer_select ul{padding:10px 0 0 13px; width:170px}
#footer .footer_1dep .footer_select ul:after{content:""; display:block; clear:both}
#footer .footer_1dep .footer_select ul li{float:left; width:170px}
#footer .footer_1dep .footer_select ul li a{display:block; margin-left:12px; color:#555; font-size:0.875em; line-height:18px; text-decoration:none}

#footer .footer_1dep .footer_link{float:left; display:inline-block; margin-top:0px}
#footer .footer_1dep .footer_link p{display:inline-block; font-size:0.875em; color:#9f9f9f; letter-spacing:-1px}
#footer .footer_1dep .footer_link p.privacy a{color:#ff7f00; font-weight:700; text-decoration:none}
#footer .footer_1dep .footer_link p.withyou a{display:inline-block; color:#555 !important; text-decoration:none}

#footer .footer_2dep{display:block; width:1280px; height:220px; margin:0 auto; padding:20px 0; box-sizing:border-box; border-top:1px solid #dadbde; z-index:1000}
#footer .footer_2dep .footer_sns{float:right; display:inline-block; width:300px; height:40px; margin-top:0; text-align:right}
#footer .footer_2dep .footer_sns span{display:inline-block; width:38px; height:38px; margin-right:8px}
#footer .footer_2dep .footer_sns span:last-child{margin-right:0}
#footer .footer_2dep .footer_sns .facebook{background:url('/static/images/common/ico_footer_facebook@2x.png') no-repeat left top; background-size:100%; cursor:pointer}
#footer .footer_2dep .footer_sns .facebook:hover{ -webkit-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2);  border-radius:50px}
#footer .footer_2dep .footer_sns .youtube{background:url('/static/images/common/ico_footer_youtube@2x.png') no-repeat left top; background-size:100%; cursor:pointer}
#footer .footer_2dep .footer_sns .youtube:hover{ -webkit-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2);  border-radius:50px}
#footer .footer_2dep .footer_sns .blog{background:url('/static/images/common/ico_footer_blog@2x.png') no-repeat left top; background-size:100%; cursor:pointer}
#footer .footer_2dep .footer_sns .blog:hover{ -webkit-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); border-radius:50px}
#footer .footer_2dep .footer_sns .naverblog{background:url('/static/images/common/ico_footer_naver_blog@2x.png') no-repeat left top; background-size:100%; cursor:pointer}
#footer .footer_2dep .footer_sns .naverblog:hover{ -webkit-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); border-radius:50px}

#footer .footer_2dep .footer_info{float:left; display:inline-block; width:900px; margin-top:0px}
#footer .footer_2dep .footer_info p{margin-top:20px; font-size:0.875em; line-height:1.375em; letter-spacing:-1px}
#footer .footer_2dep .footer_info p:first-child{margin-top:0}
#footer .footer_2dep .footer_info p a{color:#777; text-decoration:none}
#footer .footer_2dep .footer_info p span{display:inline-block; margin-top:5px; color:#555}
#footer .footer_2dep .footer_info p em{font-style:normal; font-weight:700}
#footer .footer_2dep .footer_info p.copy{font-size:0.875em}
#footer .footer_2dep .footer_info p.copy>em{display:none}



/* Top button */
#footer .btn_top{position:fixed; right:25px; bottom:35px; width:50px; height:50px; background:url('/static/images/common/img_quick_top_m.png') no-repeat 0 0; background-size:50px; border-radius:50%;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1); z-index:9999}
#footer .btn_top:hover{box-shadow:2px 2px 20px 0 rgba(0,0,0,0.2);border-radius:50px}
#footer .btn_quick{position:fixed; right:85px; bottom:35px; width:102px; height:50px; background:url('/static/images/common/img_quick_contact_m.png') no-repeat center/100%;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);z-index:9999;border-radius:25px;overflow:hidden}
#footer .btn_quick:hover{background:url('/static/images/common/img_quick_contact_over_m.png') no-repeat center / 100%}



/* button */
button{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap; margin-top:-7px;font-family:'NotoSansKR','AppleGothic','맑은 고딕',Dotum,sans-serif;}
button.dis,
button.dis span{cursor:default}
button.dis:hover span{background-position:0 0}
button.dis:hover span span{background-position:right 0}

.btn_base{display:inline-block; min-width:238px; background:#f08200; color:#fff !important; font-size:20px; font-weight:700; line-height:60px; text-align:center; vertical-align:middle}
.btn_base.gray{background:#777}

.btn_top_base{display:inline-block; min-width:80px; background:#f08200; color:#fff !important; font-size:15px; font-weight:700; line-height:40px; text-align:center; vertical-align:middle}
.btn_top_base.gray{background:#777}


/* Button Align */
.btn_wrap{margin-top:60px; font-size:0; text-align:center}
.btn_wrap a{margin-left:10px}
.btn_wrap a:first-child{margin-left:0}

.btn_top_wrap{font-size:0; text-align:center}
.btn_top_wrap a{margin-left:10px}
.btn_top_wrap a:first-child{margin-left:0}


/* bullet list */
.bul_list.org{}
.bul_list li{padding-left:10px;/*background:url('/static/images/common/bul_black_3_3.png') no-repeat 0 11px;*/color:#333}
.bul_list li:first-child{margin-top:0}

.bul_list.org li{background:url('/static/images/common/bul_org.png') no-repeat 0 11px}

/* table */


/* Size */
.w100{display:block; line-height:0}
.w100 img{width:100%}


/* 셀렉트 */
.opt_corp{float:right; position:relative; width:140px; font-size:12px; line-height:23px; text-align:left}
.opt_corp .link_selected{display:block; overflow:hidden; padding-left:10px; height:28px; border:1px solid #ddd; font-size:12px; line-height:28px; text-decoration:none; color:#666; text-indent:0}
.opt_corp .link_selected .txt_year{float:left; width:98px; background-color:#fff}
.opt_corp .link_selected .ico_arrow{overflow:hidden; float:right; width:30px; height:28px; background-position:100% -100px}
.opt_corp .list_opt{float:left; width:100%; margin:5px 0; padding:0; list-style:none}
.opt_corp li{float:left; width:100%; margin:0}
.opt_corp li .link_option{display:block; width:88px; padding:3px 10px; text-decoration:none; color:#666}
.opt_corp li .link_option:hover{text-decoration:underline; color:#000}
.box_opt{display:none; overflow:hidden; position:absolute; left:0; top:29px; width:138px; height:183px; border:1px solid #d4d4d4; background-color:#fff}
.opt_open{z-index:10}
.opt_open .link_selected{background-position:100% -150px}
.opt_open .box_opt{display:block}
.scroll_bar{position:absolute; right:0; top:0; width:29px; height:183px; border-left:1px solid #d4d4d4; background-color:#f5f5f5}
.scroll_bar .bg_scroll{display:block; width:29px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#fff}
.opt_m{display:none}
.opt_corp .select_none{display:none}
.opt_open .select_none{display:block}
/* 셀렉트 disabled 상태 */
.opt_disabled .link_selected{border-color:#e0e0e0; color:#d6d4d5; background-color:#f5f5f5}
.opt_disabled .link_selected .txt_year{background-color:#f5f5f5}
.opt_disabled .link_selected .ico_arrow{background-position:100% -1560px}

/* 검색 */
.sch_m{display:none}
.sch_pc{overflow:hidden; background:#fafafa; margin-top:22px}
.sch_pc .sch_form{height:31px; padding:25px 0 25px 110px}
.sch_pc .lab_sch{float:left; margin-right:14px; line-height:30px}
.sch_pc .inp_keyword{display:inline; float:left; width:333px; height:28px; margin-right:10px; padding:0 4px; border:1px solid #d4d4d4; line-height:18px; background:#fff}
.sch_pc .btn_search{float:left; width:47px; height:30px; border:0 none; color:#fff; cursor:pointer; background:#777}

/* 패스 */
.wrap_path{overflow:hidden}
.list_path{overflow:hidden; float:right; margin:0 2px 0 0}
.list_path .link_path{color:#777; line-height:15px}
.lst .link_path{font-weight:700; color:#333}
.cont_other .lst .link_path{font-weight:400}
.list_path li{float:left; padding-right:11px; margin-left:7px;/*background:url('/static/images/pc/ico_corp.png') 100% -346px no-repeat*/}
.list_path .lst{padding-right:1px; background:0 none}
.list_path .link_main{display:block; width:13px; height:14px; margin-top:1px; background-position:100% -323px}

/* 테이블 공통 */
.tbl{float:left; width:100%; margin-top:10px; border-top:1px solid #777}
.tbl tr{height:50px}
.tbl th{padding:0 8px; border-bottom:1px solid #e5e5e5; font-weight:700; font-size:14px; color:#444; background-color:#fafafa}
.tbl td,
.tbl .tbody_ir th{border-bottom:1px solid #e5e5e5; line-height:22px}
.tbl td{padding:8px 31px 4px; color:#444}
.tbl .tbody_ir th{padding:6px 0; font-weight:400; font-size:12px; color:#767676; text-align:center}
.tbl .fst{color:#767676}
.tbl .fst, .tbl .last{padding:6px; text-align:center}
.tbl .last{border-right:0 none}
.tbl .link_down{display:inline-block; vertical-align:top; color:#666; text-decoration:none}
.tbl .align_c{color:#777}
.item_down .link_down:hover{color:#000; text-decoration:underline}
.item_down .link_down:hover .ico_down{background-position:100% -225px}
.value_table{overflow:hidden; border-top:1px solid #777; margin-top:20px}
.value_table .tbl{margin-top:0; border-top:0 none}
.value_table .tbl tr{height:39px}
.value_table .tbl th{border-right:1px solid #e5e5e5; font-size:12px}
.value_table .tbl td{padding:6px 10px; border-right:1px solid #e5e5e5}
.value_table .tbl .last{border-right:0 none}
.value_table .tbl .td_front{font-weight:700}

/* hide */
.view_pc{display:inline-block !important}
.view_pc_db{display:block !important}
.view_mo{display:none !important}
.view_mo_db{display:none !important}


/*단일 스타일*/
.inner{position:relative; margin:0 auto; width:1200px; border:1px solid}
.inner:after{content:""; display:block; clear:both}
.innerWide{position:relative; margin:0 auto}
.innerWide:after{content:""; display:block; clear:both}
.fwb{font-weight:700}
.fwn{font-weight:400}
.fsn{font-style:normal}


/* 정렬 */
.dib{display:inline-block !important}
.db{display:block !important}


/* 메인 영상 */
.main_video{top:0; right:0; width:50%; height:50%; margin-top:-500px; float:right}


/* 모바일 전체 메뉴 */
.m_top_btn{float:right;margin:12px 15px 0 0}
.m_search{float:left;display:flex;margin:5px 5px 0 0}
.m_search img{width:30px !important;height:auto;margin-top:5px}
.m_menu{float:right;margin:0}
.m_menu img{width:30px !important;height:auto;margin-top:3px}
.menu-panel{position:fixed;top:0;z-index:9999;width:100%;height:100%;background-color:#fff;padding:0 5px 0 0;transition:all 0.2s ease-in-out;}

/*햄버거 메뉴*/
.menu-panel .menu__button {
	position:absolute;
	top:30px;
	z-index:2;
	display:inline-block;
	width:30px;
	height:30px;
	cursor:pointer;
	transition:all 0.2s ease-in-out;
}

.menu-panel .menu__button span,
.menu-panel .menu__button span:before,
.menu-panel .menu__button span:after {
	width:32px;
	height:3px;
	background:#979797;
	transition:all 0.3s ease-in-out;
}

.menu-panel .menu__button span{
	position:relative;
	display:inline-block;
	float:left;
	margin-top:9.09090909px;
}

.menu-panel .menu__button span:before,
.menu-panel .menu__button span:after {
	content:'';
	position:absolute;
	left:0;
}

.menu-panel .menu__button span:before{
	top:-9.09090909px;
}

.menu-panel .menu__button span:after{
	top:9.09090909px;
}

/*햄버거 메뉴 활성화 시*/
.menu-panel .menu__button.is--active span{
	background:transparent;
}

.menu-panel .menu__button.is--active span:before,
.menu-panel .menu__button.is--active span:after {
	top:0;
}

.menu-panel .menu__button.is--active span:before {
	transform:rotate(-135deg);
}

.menu-panel .menu__button.is--active span:after {
	transition-delay:0.09s;
	transform:rotate(135deg);
}

/*메뉴 패널 안쪽부분*/
.mo-menu-title{
	background:#fff; height:60px; color:#111; font-size:16px;
	padding:20px; text-align:right;
	box-sizing:border-box;
	border-bottom:1px solid #cecece;
}

.mo-menu-title a:first-of-type{ /*border-right:1px solid #fbbc90; padding:0 7px 0 0; */}

.menu-panel{left:-140%;}
.menu-panel .menu__button{/* left:130%; */}
.menu-panel.is--active{left:0;
	background:#f5f6f8;
	overflow:scroll;
}

.menu-panel.is--active .menu__button{
	left:100%; margin-left:-46px; z-index:999; margin-top:-10px;
}

.menu-panel.is--active .menu__button span:before,
.menu-panel.is--active .menu__button span:after {
	background: #111;
}

.menu-panel-overlay{
	display: none;
	position: fixed;
	top: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	cursor: pointer;
}

/* active */
.menu-list>.menu-label.is--open .menu-list__text{
	color:#ff7700;
}

.menu-list>.menu-label.is--open .sub-menu{
	border-top:2px solid #ff7700; display:block;
}

.menu-list>.menu-label.is--open .menu-list__arrow::before,
.menu-list>.menu-label.is--open .menu-list__arrow::after {background:#fff;}
.menu-list>.menu-label.is--open .menu-list__arrow::after {transition-delay:0.09s;transform:rotate(0deg);}

#lnb{}
#lnb .on{display:block}
#lnb h1{}
#lnb>ul{}
#lnb>ul>li{position:absolute;display:block;width:110px;}

#lnb>ul>li.g_01{top:60px}
#lnb>ul>li.g_02{top:120px}
#lnb>ul>li.g_03{top:180px}
#lnb>ul>li.g_04{top:240px}
#lnb>ul>li.g_05{top:300px}

#lnb>ul>li.on{
	display:inline-block;
	width:100%;
}

#lnb>ul>li>a{
	float:left;
	display:block;
	height:60px;
	width:110px;
	min-width:110px;
	line-height:37px;
	padding:10px 0;
	color:#777;
	font-weight:700;
	font-size:16px;
	background:#f5f6f8;
	box-sizing:border-box;
	letter-spacing:-1px;
	text-align:center;
}

#lnb>ul>li a:hover{
	color:#ff7700; background-color:#fff; text-decoration:underline
}

#lnb>ul>li.on>a{
	color:#ff7700;
	background-color:#fff;
}

#lnb>ul>li ul{
	display:none;
	position:absolute;
	top:-60px;
	left:0;
	width:260px;
	min-width:270px;
	height:100vh;
	margin-left:110px;
	padding:0;
	color:#111;
	font-weight:700;
	font-size:16px;
	line-height:27px;
	background:#fff;
	text-decoration:none;
	letter-spacing:-1px;
	box-sizing:border-box;
}

#lnb>ul>li.g_01 ul{top:0 !important}
#lnb>ul>li.g_01 ul>li>ul{top:0; position:relative}
#lnb>ul>li.g_02 ul{top:-60px !important}
#lnb>ul>li.g_03 ul{top:-120px !important}
#lnb>ul>li.g_04 ul{top:-180px !important}
#lnb>ul>li.g_05 ul{top:-240px !important}


#lnb>ul>li>ul>li>a{
	display:block;
	float:right;
	width:auto;
	min-width:265px;
	padding:14px 25px 14px 25px;
	color:#111;
	font-weight:700;
	font-size:16px;
	line-height:27px;
	background:#fff;
	text-decoration:none;
	letter-spacing:-1px;
	box-sizing:border-box;
}

#lnb>ul>li>ul>li:first-child{
	padding-top:3px;
}

#lnb>ul>li>ul>li.on a{
	color:#666;
	text-decoration:none;
}

#lnb>ul>li>ul li ul{
	display:none;
	float:right;
	width:auto;
	min-width:265px;
	height:100%;
	background-color:#fff;
}

#lnb>ul>li>ul li li a{
	display:block;
	padding:10px 25px 10px 25px;
	color:#666;
	font-weight:400;
	font-size:16px;
	line-height:20px;
	letter-spacing:-1px;
	background-color:#ffff;
	text-decoration:none;
}

#lnb>ul>li>ul>li li a:hover{
	color:#ff7700; text-decoration:underline
}

#lnb>ul li.noDepth{}

#lnb>ul li.noDepth:last-child a{
	margin-bottom:20px
}

@media (max-width: 1420px) {
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul{margin:0 30px;width:auto;}
}

@media (max-width: 1350px) {
	#header .header .menu_all ul.menu_all_conts{padding:40px 0 0;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul{margin:0 auto;width:815px;}
	#header .header .menu_all .menu_all_wrap .menu_all_right .menu_all_right_solutionmap{padding:100px 0 0;}
	#header .header .menu_all .menu_all_wrap .btn_closed{right:30px;top:40px;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul{margin:0 30px;}
	#header .header .menu_all .menu_all_wrap ul li.a01{width:720px;height:380px;}
	#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li,
	#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li:nth-child(even){margin-left:70px;}
	#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li:first-child,
	#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li:nth-child(4){margin-left:0;}
	#header .header .menu_all .menu_all_wrap ul li.a02,
	#header .header .menu_all .menu_all_wrap ul li.a03,
	#header .header .menu_all .menu_all_wrap ul li.a04{margin:0 70px 0 0;}
	#header .header .menu_all .menu_all_wrap ul li.a05{margin:0;}
}

@media (max-width: 1279px) {
	#header .header{height:60px;}
	#header .header h1{left:15px;top:20px;}
	#header .header .gnb{display:none;}
	#header .header .gnb_s{top:auto;right:auto;float:right;width:65px;height:30px;margin:16px 12px 0 0;}
	#header .header .gnb_s ul{display:none;}
	#header .header .gnb_s .btn_search{width:30px;height:30px;margin-top:0;}
	#header .header .gnb_s .btn_menu{width:30px;height:30px;margin-top:0;}
}

@media (max-width: 1217px) {
	.search_wrap{top:60px;}
	#header .header .menu_all{left:-100vw;display:block;}
	#header .header .menu_all.on{left:0;transition:all 0.3s ease-in-out;}
	#header .header .menu_all .menu_all_wrap{padding-top:61px;}
	#header .header .menu_all .menu_all_wrap::before{content:'';position:absolute;left:0;top:60px;display:block;width:100%;height:1px;background:#cecece;}
	#header .header .menu_all .menu_all_wrap .btn_closed{top:20px;right:18px;background-image:url('/static/images/common/ico_gnb_allmenu@2x.png');}
	#header .header .menu_all .menu_all_wrap .menu_all_right{display:none;}
	#header .header .menu_all .menu_all_wrap .menu_all_left{position:relative;padding:0;width:100%;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul{margin:0;padding:0;width:110px;height:100%;background:#f5f6f8;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li{float:none;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li > a{display:block;padding:20px;line-height:20px;text-align:center;font-size:16px;color:#777;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li.active > a{color:#ff7f00;background:#fff;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li.active > ul{display:block;}
	#header .header .menu_all .menu_all_wrap ul li.a01,
	#header .header .menu_all .menu_all_wrap ul li.a02,
	#header .header .menu_all .menu_all_wrap ul li.a03,
	#header .header .menu_all .menu_all_wrap ul li.a04,
	#header .header .menu_all .menu_all_wrap ul li.a05{width:auto;height:auto;margin:0;}
	#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li,
	#header .header .menu_all .menu_all_wrap ul li.a01 > ul > li:nth-child(even){display:block;width:auto;margin:25px 0 0;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li > ul{display:none;position:absolute;left:110px;top:0;box-sizing:border-box;padding:26px 40px;width:calc(100% - 110px);height:calc(100% - 61px);overflow:hidden;overflow-y:auto;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li > ul > li:first-child{margin:0;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li > ul > li > a{line-height:27px;font-size:16px;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li > ul > li.active > a{color:#000;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul{display:none;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li.active ul{display:block;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li{float:none;display:block;margin-top:15px;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li:first-child{margin-top:0;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li a{float:none;display:block;line-height:20px;font-size:16px;vertical-align:top;}
	#header .header .menu_all .menu_all_wrap .menu_all_left > ul > li ul li ul li a:hover{color:#ff7f00;}

	/* 검색 */
	.search_wrap{width:100%;height:180px;top:60px;left:50%;margin-left:-50%;padding:20px;}
	.search_wrap .btn_closed{top:15px;}
	.search_wrap .input_box input{box-sizing:border-box;margin-top:20px;padding:5px 10px;width:100%;height:60px;background:#fff !important;border:1px solid#dadbde;border-radius:4px;}
	.search_wrap .input_box input[type="text"]{font-size:14px;}
	.search_wrap .input_box .search{right:10px;top:-5px;background-size:80% auto;}

	.quick_search{margin-top:20px;display:block;width:100%;font-size:12px;}
	.quick_search span.quick_search_tit{font-weight:400;}
	.quick_search span p{line-height:20px;}
}

@media (max-width: 1024px) {
	#wrap{position:relative;min-width:250px;width:100%;margin:0 auto}

	/* header */
	#header{position:relative;z-index:100;min-width:auto;width:100%;background:#fff;box-shadow:none;border-bottom:1px solid #f0f0f2}
	#header.gnb_open{z-index:99999}

	/* container */
	#wrap #container{position:relative;min-width:auto;width:100%;min-height:auto;margin:0 auto}
	#wrap #container.nbg{background:#fff}
	#wrap #container .content{overflow:hidden;min-width:auto;width:100%;margin:70px auto 0;padding:0 0 50px}

	/* 검색 */
	#header .header .search_wrap_m{display:none;position:absolute;width:100%;height:180px;top:60px;left:50%;margin-left:-50%;padding:20px;background:#f5f6f8;font-size:0;text-align:center;box-sizing:border-box;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);border-top:1px solid #eaebef}
	#header .header .search_wrap_m.on{display:block; width:100%; margin-left:-50%}
	#header .header .search_wrap_m .btn_closed{display:block; position:absolute; float:right; top:15px; right:5%; width:23px; height:23px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}
	#header .header .search_wrap_m .input_box{position:relative}
	#header .header .search_wrap_m .input_box input{width:100%; height:60px; margin-top:20px; padding:5px 10px; background:#fff !important; border:1px solid#dadbde; border-radius:4px; box-sizing:border-box}
	#header .header .search_wrap_m .input_box input[type="text"]{font-size:14px;background:#fff !important;}
	#header .header .search_wrap_m .input_box input:focus{outline:none;border-color:#ff7f00;background:#fff !important}
	#header .header .search_wrap_m .input_box input:after{background:#fff}
	#header .header .search_wrap_m .input_box input:hover,
	#header .header .search_wrap_m .input_box input:active,
	#header .header .search_wrap_m .input_box input:focus{background-color:#fff}
	#header .header .search_wrap_m .input_box ::-webkit-input-placeholder{color:#bebebe; background:#fff !important; font-size:1.125em}
	#header .header .search_wrap_m .input_box .search{position:absolute; width:36px; height:36px; right:10px; top:-5px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0 / 80%}
	#header .header .search_wrap_m	.quick_search_m{display:block; width:100%; margin-top:20px; font-size:12px; color:#555; text-align:center}
	#header .header .search_wrap_m	.quick_search_m span{display:inline-block}
	#header .header .search_wrap_m	.quick_search_m span.quick_search_tit{font-weight:400}
	#header .header .search_wrap_m	.quick_search_m span p{display:inline; margin-left:10px; line-height:20px; text-decoration:underline}

	/* 딤처리 */
	.dim_menu_all,
	.dim_menu_all.on{display:none}

	/* 컨텐츠 공통 */
	/* top_info */
	.top_info{display:block; width:100%; height:190px; margin:0 auto; padding:0 16px; text-align:center; opacity:0.9; box-sizing:border-box}
	.top_info h2{display:inline-block; margin:35px auto 0 auto; color:#111; font-size:2.125em; font-weight:700; letter-spacing:-1px}
	.top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.000em; line-height:1.625em; letter-spacing:-1.5px}
	.top_info .subtit_desc>span{display:block}
	.top_info{background:none}
	.top_info.products{background:none}
	.top_info.securitycenter{background:none}
	.top_info.pr{background:none}
	.top_info.ir{background:none}
	.top_info.js{background:none}
	.top_info.etc{background:none; display:block; width:100%; height:auto; margin:0 auto; padding:0 16px; text-align:left; opacity:0.9; box-sizing:border-box}

	/* 탭메뉴 */
	.tab_menu{display:inline-block; width:100%; height:auto; margin:15px auto 0 auto}
	.tab_menu span{display:inline-block; width:100%; max-width:670px; border-radius:0; box-sizing:border-box}
	.tab_menu span p{display:inline-block; float:left; width:calc(100% / 3); height:50px; margin:0 auto; padding:10px; font-weight:700; font-size:13px; line-height:27px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.2)}
	.tab_menu span p a{text-decoration:none}
	.tab_menu span p a:hover{cursor:pointer; color:#ff7f00; border-radius:0; border:0px none}
	.tab_menu span p a>i{display:inline; font-style:normal}
	.tab_menu span p.menu_first{}
	.tab_menu span p.menu_on{background:#ff7f00; border-radius:0; border:1px solid rgba(0, 0, 0, 0.2)}
	.tab_menu span p.menu_on a{color:#fff}
	.tab_menu span p.menu_on a>i{display:inline; font-style:normal}
	.tab_menu .table_list_select{display:inline-block; width:200px; float:right; margin-top:8px; text-align:right}
	.tab_menu .table_list_select p{display:inline; font-size:12px}
	.tab_menu .ir{margin-top:135px !important}

	/* 탭메뉴 2개일때 */
	.tab_menu2{width:670px;margin:15px auto 0;}
	.tab_menu2 span{border-radius:0;}
	.tab_menu2 span p{width:50%;height:50px;}
	.tab_menu2 span p a{padding:10px;font-size:13px;line-height:30px;border-radius:0}
	.tab_menu2 span p a>i{display:inline; font-style:normal}
	.tab_menu2 span p.menu_on{border:0;border-radius:0;}

	/* 페이징 */
	.paging_pc{display:none}
	.paging_mobile{display:block; overflow:hidden; width:90%; margin:35px auto; padding:0 16px; font-size:1.000em; text-align:center; vertical-align:top}
	.paging_mobile .inner_paging{display:table; margin:0 auto}
	.paging_mobile .link_page{float:left; width:35px; height:40px; line-height:2.500em; margin:0 3px; color:#555; text-decoration:none}
	.paging_mobile .link_page a.active{color:#fff; font-weight:400}
	.paging_mobile em.link_page, .paging_mobile a.link_page:hover{width:40px; height:40px; line-height:2.500em; font-style:normal; border:0 none; color:#fff; background-color:#ff7f00}
	.paging_mobile .btn_paging{float:left; width:40px; height:40px; background-color:#fafafa}
	.paging_mobile span.btn_paging, .paging_mobile a.btn_paging:hover{width:40px; height:40px; border:0 none; background-color:#ff7f00}
	.paging_mobile .btn_prev{margin-right:6px}
	.paging_mobile .btn_next{margin-left:6px}
	.paging_mobile .btn_paging .ico_corp{display:block; width:40px; height:40px}
	.paging_mobile .btn_prev .ico_corp{background:url('/static/images/common/ico_paging_prev@2x.png') no-repeat 0 0/ 100%; background-color:#fff}
	.paging_mobile .btn_next .ico_corp{background:url('/static/images/common/ico_paging_next@2x.png') no-repeat 0 0/ 100%; background-color:#fff}
	.paging_mobile span.btn_prev .ico_corp,.paging_mobile .btn_prev:hover .ico_corp{background:url('/static/images/common/ico_paging_prev_white@2x.png') no-repeat 0 0/ 100%; background-color:#ff7f00}
	.paging_mobile span.btn_next .ico_corp,.paging_mobile .btn_next:hover .ico_corp{background:url('/static/images/common/ico_paging_next_white@2x.png') no-repeat 0 0/ 100%; background-color:#ff7f00}


	/* Footer */
	#footer{overflow:hidden;position:relative;min-width:auto;width:100%;height:270px;margin:0 auto;padding:10px;box-sizing:border-box;background-color:#404043;color:#fff}
	#footer .footer_1dep{display:grid; width:100%; height:130px; margin:0 auto; padding:10px 16px; box-sizing:border-box}
	#footer .footer_1dep .footer_select{float:left; display:inline-block; width:100%; margin-top:5px; color:#ccc}
	#footer .footer_1dep .footer_select:after{content:""; display:block}
	#footer .footer_1dep .footer_select p.tit{margin-top:23px; padding-left:25px; color:#ccc; font-size:1.000em; font-weight:700; line-height:1.500em}
	#footer .footer_1dep .footer_select .sel_family_pc{width:170px}
	#footer .footer_1dep .footer_select select{height:46px; padding:5px 10px; border:1px solid #828285; background-color:#404043; background-image:url('/static/images/common/ico-footer-familysite-on@2x.png'); background-repeat:no-repeat; background-position:95% 4px; background-size:36px 36px; font-size:0.875em; letter-spacing:-0.5px; color:#ccc; cursor:pointer}
	#footer .footer_1dep .footer_select select::-ms-expand{display:none}
	#footer .footer_1dep .footer_select ul{padding:10px 0 0 13px; width:320px}
	#footer .footer_1dep .footer_select ul:after{content:""; display:block; clear:both}
	#footer .footer_1dep .footer_select ul li{float:left; width:320px}
	#footer .footer_1dep .footer_select ul li a{display:block; margin-left:12px; color:#333; font-size:0.875em; line-height:18px}
	#footer .footer_1dep .footer_select .sel_family{display:none}

	#footer .footer_1dep .footer_link{float:left; display:inline; width:100%; margin-top:30px}
	#footer .footer_1dep .footer_link p{display:inline-block; font-size:0.875em; color:#fff; letter-spacing:-1px}
	#footer .footer_1dep .footer_link p.privacy a{color:#fff; font-weight:700}
	#footer .footer_1dep .footer_link p.withyou a{display:inline-block; color:#ccc !important}

	#footer .footer_2dep{display:block; width:100%; height:70px; margin:0 auto; padding:10px 16px; box-sizing:border-box; border-top:0; z-index:1000}
	#footer .footer_2dep .footer_sns{float:left; display:inline; width:100%; height:40px; margin-top:4px; text-align:left}
	#footer .footer_2dep .footer_sns span{display:inline-block; width:38px; height:38px; margin-right:6px}
	#footer .footer_2dep .footer_sns span:last-child{margin-right:0}
	#footer .footer_2dep .footer_sns .facebook{background:url('/static/images/common/facebook@2x.png') no-repeat left top; background-size:38px 38px}
	#footer .footer_2dep .footer_sns .youtube{background:url('/static/images/common/youtube@2x.png') no-repeat left top; background-size:38px 38px}
	#footer .footer_2dep .footer_sns .blog{background:url('/static/images/common/blog@2x.png') no-repeat left top; background-size:38px 38px}

	#footer .footer_2dep .footer_info{float:left; display:inline; width:100%; margin-top:20px}
	#footer .footer_2dep .footer_info p{display:none; margin-top:5px; font-size:0.875em; line-height:1.375em; letter-spacing:-1px}
	#footer .footer_2dep .footer_info p:first-child{margin-top:0}
	#footer .footer_2dep .footer_info p a{color:#fff}
	#footer .footer_2dep .footer_info p span{display:inline-block; margin-top:5px; color:#fff}
	#footer .footer_2dep .footer_info p em{font-style:normal; font-weight:700}
	#footer .footer_2dep .footer_info p.copy{display:block; font-size:0.875em}
	#footer .footer_2dep .footer_info p.copy>em{display:none}

	/* Top button */
	#footer .btn_top{right:20px;bottom:100px;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);}
	#footer .btn_quick{right:20px;bottom:40px}
	#footer .btn_quick{position:fixed;right:20px;bottom:40px;width:50px;height:50px;background:url('/static/images/common/btn_contact@2x.png') no-repeat center/100%;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);}
	#footer .btn_quick:hover{background:url('/static/images/common/btn_contact@2x.png') no-repeat center/100%;box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1);}

	/* form */
	input{-webkit-appearance:none}
	input.txt{width:100% !important; height:35px; margin:0; box-sizing:border-box; -moz-box-sizing:border-box}
	select{margin:0; padding-left:5px; width:100% !important; height:35px; background:#fff; line-height:35px; box-sizing:border-box; -moz-box-sizing:border-box}

	/* check box */
	input[type="checkbox"]{width:21px; height:21px; margin-right:4px}
	input[type="checkbox"]:checked{}
	input[type="checkbox"]:disabled{}
	input[type="checkbox"]:checked:disabled{}

	/* radio */
	input[type="radio"]{width:21px; height:21px; margin-right:4px}
	input[type="radio"]:checked{}
	input[type="radio"]:disabled{}
	input[type="radio"]:checked:disabled{}

	/* button */
	button{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap;font-family:'NotoSansKR','AppleGothic','맑은 고딕',Dotum,sans-serif;}
	button.dis,
	button.dis span{cursor:default}
	button.dis:hover span{background-position:0 0}
	button.dis:hover span span{background-position:right 0}

	.btn_base{display:inline-block; min-width:119px; font-size:15px; font-weight:700; line-height:40px}
	.btn_base.gray{background:#777}
	.btn_top_base{display:inline-block; min-width:80px; background:#f08200; color:#fff !important; font-size:15px; font-weight:700; line-height:30px; text-align:center; vertical-align:middle}
	.btn_top_base.gray{background:#777}

	/* Button Align */
	.btn_wrap{margin-top:45px; font-size:0; text-align:center}
	.btn_wrap a{margin-left:5px}
	.btn_wrap a:first-child{margin-left:0}

	.btn_top_wrap{font-size:0; text-align:center}
	.btn_top_wrap a{margin-left:10px}
	.btn_top_wrap a:first-child{margin-left:0}

	/* bullet list */
	.bul_list.org{}
	.bul_list li{padding-left:10px;/*background:url('/static/images/common/bul_black_3_3.png') no-repeat 0 11px;*/color:#333}
	.bul_list li:first-child{margin-top:0}
	.bul_list.org li{background:url('/static/images/common/bul_org.png') no-repeat 0 11px}

	/* 메인 영상 */
	.main_video{display:block; top:0; right:0; width:50%; height:50%; margin-top:50px}

	/* hide */
	.view_pc{display:none !important}
	.view_pc_db{display:none !important}
	.view_mo{display:inline-block !important}
	.view_mo_db{display:block !important}
}

@media (max-width:812px) {
	/* 컨텐츠 공통 */
	/* top_info */
	.top_info{display:block; width:100%; height:190px; margin:0 auto; padding:0 16px; text-align:center; opacity:0.9; box-sizing:border-box}
	.top_info h2{display:inline-block; margin:35px auto 0 auto; color:#111; font-size:2.125em; font-weight:700; letter-spacing:-1px}
	.top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.000em; line-height:1.625em; letter-spacing:-1.5px}
	.top_info .subtit_desc>span{display:block}

	.top_info{background:none}
	.top_info.products{background:none}
	.top_info.securitycenter{background:none}
	.top_info.pr{background:none}
	.top_info.ir{background:none}
	.top_info.js{background:none}
	.top_info.etc{background:none}

	/* 탭메뉴 2개일때 */
	.tab_menu2 {padding:0 19px;width:auto;}

	/* 메인 영상 */
	.main_video{display:block; top:0; right:0; width:50%; height:50%; margin-top:50px}

	/* hide */
	.view_pc{display:none !important}
	.view_pc_db{display:none !important}
	.view_mo{display:inline-block !important}
	.view_mo_db{display:block !important}
}

@media (max-width:560px) {
	/* 컨텐츠 공통 */
	/* top_info */
	.top_info{display:block; width:100%; height:190px; margin:0 auto; padding:0 16px; text-align:center; opacity:0.9; box-sizing:border-box}
	.top_info h2{display:inline-block; margin:35px auto 0 auto; color:#111; font-size:2.125em; font-weight:700; letter-spacing:-1px}
	.top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.000em; line-height:1.625em; letter-spacing:-1.5px}
	.top_info .subtit_desc>span{display:block}

	.top_info{background:none}
	.top_info.products{background:none}
	.top_info.securitycenter{background:none}
	.top_info.pr{background:none}
	.top_info.ir{background:none}
	.top_info.js{background:none}
	.top_info.etc{background:none}

	/* 탭메뉴 */
	.tab_menu{display:inline-block; width:100%; height:auto; margin:15px auto 0 auto}
	.tab_menu span{display:inline-block; width:90%; border-radius:0; box-sizing:border-box}
	.tab_menu span p{display:inline-block; float:left; width:calc(100% / 3); height:50px; margin:0 auto; padding:10px; font-weight:700; font-size:13px; line-height:26px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.2)}
	.tab_menu span p a{text-decoration:none}
	.tab_menu span p a:hover{cursor:pointer; color:#ff7f00;border:0;border-radius:0;}
	.tab_menu span p a>i{display:block; font-style:normal}
	.tab_menu span p.menu_first{}
	.tab_menu span p.menu_on{background:#ff7f00; border-radius:0; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
	.tab_menu span p.menu_on a{color:#fff}
	.tab_menu span p.menu_on a>i{display:block; font-style:normal}
	.tab_menu .table_list_select{display:inline-block; width:200px; float:right; margin-top:8px; text-align:right}
	.tab_menu .table_list_select p{display:inline; font-size:12px}
	.tab_menu .ir{margin-top:135px !important}
}