@charset "utf-8";
@import url("fonts/square/fonts.css");
@import url("fonts/barungothic/fonts.css");

/* 공통 */
html {width:100%; min-width:500px; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;list-style:none;font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; -webkit-text-size-adjust:none;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

p { font-size:15px; word-break:keep-all;}

.clear { clear:both;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}
.clear100 { clear:both; height:100px;}
.clear_dot { clear:both; border-bottom:#ddd solid 1px}
.clear_line120 { clear:both; height:60px; margin-bottom:60px; border-bottom:#ddd solid 1px}
.text_center { text-align:center;}
.bottom_border { border-bottom:#dbdbdb solid 1px;}

#footer { padding:40px 0; background:#2c2c2c;}

.bottom_sitemap { float:left; margin:10px 80px 10px 0;}
.bottom_sitemap a { color:#ebebeb; font-weight:700; font-size:17px;}
.bottom_sitemap ul li { margin-top:5px;}
.bottom_sitemap ul li a { color:#9d9d9d; font-family:"Nanum Barun Gothic"; font-weight:normal; font-size:13px;}

.bottom_text .bottom_logo { margin-bottom:15px;}
.bottom_text { font-size:13px; color:#9d9d9d; font-family:"Nanum Barun Gothic"; line-height:1.7; border-left:#5d5d5d solid 1px; padding-left:40px;}
.bottom_sns { margin-top:20px;}
.bottom_sns img { margin-right:10px;}

.back_to_top { position:fixed; right:20px; bottom:15px;}

#top_lan { position:relative; z-index:99999999;}
.lan_serec { float:right; width:90px; padding:7px 5px; margin-top:-10px; font-size:17px; color:#000; font-weight:800; background:url("/img/arrow.png") 80px center no-repeat;}
#menu_lan { display:none; position:absolute; right:0; top:28px; border:#ccc solid 1px; background:#fff; padding:10px; width:130px;}
#menu_lan a { line-height:2; font-family:'Nanum Gothic',monospace; font-size:12px; color:#666;}
#menu_lan a:hover { color:#0071bc; text-decoration:underline !important;}
#menu_lan .lan_select { color:#0071bc;}

.sns_lang {
	position: absolute;
	right:0;
	top:30px;
	width:195px;
}
.sns_lang a { margin-right:10px; float:left;}
.sns_lang .snsline { padding-right:15px; border-right:#ccc solid 1px;}

/* 언어선택 셀렉트박스 */
.ps_designSelBox {position:relative; z-index:0;}
.ps_designSelBox.on {z-index:99;}
.ps_designSelBox select {display:none;}
.ps_designSelBoxIn .ps_list {display:none; position:absolute; background:white; width:100%; margin:0; padding:0; list-style:none;}
.ps_designSelBox.on .ps_list {overflow-y:auto; display:block;}
.ps_designSelBoxIn {position:relative;}
.ps_designSelBoxIn button {background:none; border:none; width:100%; text-align:left; display:block; cursor:pointer;}

.top_lang { width:80px; float:right; height:17px; margin-left:0;}
.ps_designSelBox.type01 .ps_designSelBoxIn {min-width:90px; font-size:17px; color:#000; font-weight:800;}
.ps_designSelBox.type01 .ps_currSel {position:relative; background:url("/img/arrow.png") 70px center no-repeat; line-height:1.2; padding-left:20px; margin-bottom:10px;}
.ps_designSelBox.type01.on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type01 .ps_list {background:#fff; border:1px solid #ccc;}
.ps_designSelBox.type01 .ps_list li {padding:6px 20px; border-top:1px solid #ccc; font-family:"Nanum Barun Gothic"; font-size:12px; color:#666;}
.ps_designSelBox.type01 .ps_list li:first-child {border-top:none; color:#0071bc !important;}
.ps_designSelBox.type01 .ps_list li:hover { color:#0071bc; text-decoration:underline;}
.ps_designSelBox.type01 .ps_list button {height:20px;}

.ps_designSelBox.type02 { padding:10px 35px 9px 35px; font-size:17px; color:#666; width:220px; background:#fff url("/img/sub/arrow_w.png") right center no-repeat;}
.ps_designSelBox.type02 .ps_designSelBoxIn {font-size:17px; color:#666;}
.ps_designSelBox.type02 .ps_designSelBoxIn:hover {color:#007fe0; font-weight:700;}
.ps_designSelBox.type02:hover { font-weight:700; border-bottom:#007fe0 solid 1px; background:#fff url("/img/sub/arrow_w_blue.png") right center no-repeat;}
.ps_designSelBox.type02 .ps_currSel {position:relative;}
.ps_designSelBox.type02 .on .ps_currSel {position:relative; z-index:10;}
.ps_designSelBox.type02 .ps_list {background:#fafafa; margin-top:9px; margin-left:-36px; padding-top:10px; padding-bottom:10px; width:auto; border:#ddd solid 1px;}
.ps_designSelBox.type02 .ps_list li {padding:5px 35px; width:218px; font-size:16px; font-weight:normal; border-left:none;}
.ps_designSelBox.type02 .ps_list li:last-child { border-right:none;}
.ps_designSelBox.type02 .ps_list button { color:#666;}
/* 언어선택 셀렉트박스 */

.sub_nav { background:#fff; height:44px; border-bottom:#ddd solid 1px;}
.sub_nav li { float:left; padding:10px 20px 10px 20px; border-left:#ddd solid 1px;}
.sub_nav li:last-child { border-right:#ddd solid 1px;}
.sub_nav li img { margin-top:3px;}

#i-am-progress-indicator { position:fixed; top:80px; left:0; height:3px; background:#69b7cd; width:0%; z-index:99; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
/* 공통 */

/* 메인 */
.main_mov_gray { height:200px; background:#f9f9f9; position:relative; margin:220px 0 80px 0;}
.main_mov_left { height:auto; position:absolute; bottom:-205px;}
.main_mov_left img { width:100%;}

.main_mov_right { font-size:40px; font-weight:100; padding:40px 20px;}
.main_mov_right_logo { position:absolute; right:0; top:-200px;}
.main_mov_right_bt a { padding:18px 30px; background:#007daa; border:#007daa solid 2px; color:#fff; font-size:17px; font-weight:500;}
.main_mov_right_bt a:hover { background:none; border:#000 solid 2px; color:#000;}

.main_iconbox { position:relative; margin:60px 0; padding-top:20px;}
.main_iconbox_bar { height:160px; width:2px; background:#1273de; position:absolute; right:0; top:-80px;}
.main_iconbox ul { text-align:center;}
.main_iconbox ul li { display:inline-block; text-align:left; width:22%; margin:20px 1%; font-size:15px; vertical-align:top;}
.main_iconbox ul li .main_iconbox_title { font-size:17px; font-weight:700; margin:10px 0;}

.main_review { padding:60px 0; background:#fafafa;}
.main_review_title { font-size:30px; margin-bottom:10px;}
.main_review_title span { position:relative; top:-5px;}
.main_review_title a { font-size:15px; font-weight:500; padding:6px 15px; border:#0068db solid 1px; color:#fff; background:#0068db; border-radius:30px; margin-left:20px;}
.main_review_title a:hover { border:#000 solid 1px; color:#000; background:#fff;}
.main_review_box { font-size:17px; line-height:1.6; padding:25px; background:#fff; box-shadow:10px 10px 20px rgba(0,0,0,0.2); margin:20px 0;}
.main_review_box_title { color:#0068db; font-weight:600; margin-bottom:8px;}

.main_what { padding-top:80px; margin-bottom:220px; background:#0068db;}
.main_what_title { font-size:50px; font-weight:100; color:#fff; text-align:center;}
.main_what_text01 { font-size:20px; color:#fff; text-align:center;}
.main_what_text02 { font-size:17px; color:#fff; text-align:center; font-style:italic;}
.main_what ul { margin-top:30px; margin-bottom:-160px; text-align:center;}
.main_what ul li { display:inline-block; width:48%; margin:0 -2px; padding:40px; vertical-align:top; height:250px;}
.main_what ul li .main_what_title { text-align:left; font-size:20px; font-weight:700; margin:10px 0; max-width:260px; margin-top:100px;}
.main_what ul li:nth-child(1n) { background:url(/img/what_bg01.jpg) center no-repeat; background-size:cover; margin-top:0; border-radius:80px 0 0;}
.main_what ul li:nth-child(2n) { background:url(/img/what_bg02.jpg) center no-repeat; background-size:cover; margin-top:80px; border-radius:0;}
.main_what ul li:nth-child(3n) { background:url(/img/what_bg03.jpg) center no-repeat; background-size:cover; margin-top:-82px; border-radius:0;}
.main_what ul li:nth-child(4n) { background:url(/img/what_bg04.jpg) center no-repeat; background-size:cover; margin-top:-2px; border-radius:0 0 80px;}

.down_graybox { background:#f9f9f9; padding:30px; text-align:center; font-size:50px; font-weight:100; margin-bottom:20px;}
.down_graybox ul { background:#fff; font-size:17px; font-weight:700; padding:50px 5px;}
.down_graybox ul li { display:inline-block; width:32%; vertical-align:top;}
.down_graybox .main_down_bt01 { margin-top:30px;}
.down_graybox .main_down_bt01 a { font-weight:500; padding:10px 60px; background:#0068db; border:#0068db solid 1px; color:#fff; border-radius:30px;}
.down_graybox .main_down_bt01 a:hover { background:none; border:#000 solid 1px; color:#000;}
.down_graybox .main_down_bt02 { margin-top:30px;}
.down_graybox .main_down_bt02 a { font-weight:500; padding:10px 60px; background:#007daa; border:#007daa solid 1px; color:#fff; border-radius:30px;}
.down_graybox .main_down_bt02 a:hover { background:none; border:#000 solid 1px; color:#000;}

.main_clients { margin:40px 0;}
.main_clients_bar { border-bottom:#d7e0eb solid 3px;}
.main_clients_title { font-size:50px; font-weight:100; text-align:right; line-height:1; margin-bottom:-15px;}
.main_clients_title span { background:#fff; padding:0 20px;}

.main_clients_text { font-size:17px; margin:0 20px;}
.main_clients_bt { margin:30px 20px 0 20px;}
.main_clients_bt a { font-size:17px; padding:14px 30px; border:#000 solid 1px; border-radius:30px;}
.main_clients_bt a:hover { background:#000; color:#fff;}

.main_board_map { margin-top:230px; background:url(/img/main_board_bg.jpg) center bottom no-repeat;}
.main_map {}
.main_map_black { background:#000; font-size:17px; color:#888; padding:30px; margin-top:-6px;}
.main_map_black_title { font-weight:700; color:#fff; margin-bottom:5px;}
.main_board { margin-top:-130px;}
/* 메인 */

/* 서브 */
.sub_top { text-align:center; color:#fff; padding:140px 0 70px 0; font-size:20px; text-shadow: 0 0 10px rgba(0,0,0,1); height:330px;}
.sub_top li { display:inline-block; font-size:18px; padding:0 7px;}
.sub_topimg_nac { background:#f4f4f4 url(/img/sub/subtop_nac.jpg) center repeat-x; background-size:cover;}
.sub_topimg_xe { background:#f4f4f4 url(/img/sub/subtop_xe.jpg) center repeat-x; background-size:cover;}
.sub_topimg_ip { background:#f4f4f4 url(/img/sub/subtop_ip.jpg) center repeat-x; background-size:cover;}
.sub_topimg01 { background:#f4f4f4 url(/img/sub/subtop01.jpg) center repeat-x; background-size:cover;}
.sub_topimg02 { background:#f4f4f4 url(/img/sub/subtop02.jpg) center repeat-x; background-size:cover;}
.sub_topimg03 { background:#f4f4f4 url(/img/sub/subtop03.jpg) center repeat-x; background-size:cover;}
.sub_topimg04 { background:#f4f4f4 url(/img/sub/subtop04.jpg) center repeat-x; background-size:cover;}
.sub_top_title { font-size:50px; line-height:1; margin:20px 0; font-weight:800;}

.tabBt {overflow:hidden;position:absolute; top:400px; max-width:1140px; left:50%; margin-left:-570px; padding-top:10px; margin-bottom:10px; z-index:9; background:#fff;}
.tabBt li {width:220px; display:inline-block; font-size:15px; vertical-align:top;}
.tabBt li a {display:block; padding:15px 10px; height:48px; border:1px solid #ddd; background:#fafafa; text-align:center; color:#666;}
.tabBt li.on a { padding:15px 20px; height:50px; border:2px solid #007daa; border-bottom:2px solid #fff; background:#fff; color:#007daa; font-weight:700;}

.board_box_white { padding:40px 0 20px 0;}
.pro_box_white { padding:100px 0; background:#fff;}
.pro_box_gray { padding:100px 0; background:#fbfbfb;}

.about_box01 { padding:70px 0;}
.about_title { font-size:38px; font-weight:800;text-transform:uppercase; text-align:center;}
.about_title span { font-size:17px; font-weight:800; color:#ccc; position:relative; top:-8px; margin:0 5px; letter-spacing:5px;}

.about01_imgbox { padding:80px 40px; color:#fff; font-size:24px; margin:40px 0; background:url("/img/sub/about01_bg.jpg") center no-repeat; background-size:cover;}
.about01_imgbox_text { max-width:500px;}
.about01_sign { margin-top:80px; font-size:17px;}
.about01_sign span { font-style:italic; font-weight:800; font-size:22px;}
.about_text { font-size:17px; line-height:1.6;}

.about01_ul { text-align:center;}
.about01_ul li { display:inline-block; margin:10px 5px; width:360px; vertical-align:top; font-size:17px; background:#fff; border:#ddd solid 1px; height:520px;}
.about01_ul .ul_title01 { color:#0071bc; font-weight:700; padding:30px 20px 10px 20px;}
.about01_ul .ul_text01 { font-size:15px; padding:0 20px 20px 20px; line-height:1.6;}

.his_box01 { padding:70px 0;}

.cer_box01 { padding:70px 0;}
.cer_bg01 { background:url("/img/sub/cer_bg01.png") 1% 50px no-repeat;}
.cer_bg02 { background:url("/img/sub/cer_bg02.png") 1% 50px no-repeat;}
.cer_bg03 { background:url("/img/sub/cer_bg03.png") 1% 50px no-repeat;}
.sub_certifi_box { padding:30px 0; border-bottom:#ddd solid 1px; display:inline-block; width:100%;}
.sub_certifi_box:last-child { border-bottom:none;}
.sub_certifi_box ul { float:left; margin-top:30px; width:68%;}
.sub_certifi_box ul li { font-size:17px; margin-bottom:15px; padding-left:20px; background:url("/img/sub/cer_dot.jpg") left 10px no-repeat;}
.sub_certifi_title { font-size:30px; font-weight:800; color:#044a6e; float:left; text-align:right; padding-right:30px; margin-top:30px; width:32%;}

.clients_box01 { padding:70px 0;}
.about_text01 { text-align:center; font-size:20px; font-weight:700; color:#0071bc; margin:10px auto;}
.about_text02 { text-align:center; font-size:17px; margin-bottom:40px;}

.clients_left { float:left; width:48%; margin:0 1%;}
.clients_contents { margin:20px 0; border:#82c9c8 solid 1px; padding:20px;}
.clients_contents img { float:left; margin:0 20px 5px 0;}
.clients_text { font-size:15px; color:#666; line-height:1.7;}
.clients_text .clients_title { font-size:20px; color:#000; font-weight:800; margin-bottom:10px; line-height:1.5;}

.partner_box01 { padding:70px 0;}
.about_text03 { text-align:center; font-size:26px; font-weight:300; color:#888; margin:20px auto 40px auto;}
.about_text03 span { font-weight:700; color:#0071bc;}

.contact_box01 { padding:70px 0;}
.cont_contents { padding:20px; border:#ddd solid 1px; margin:10px 0; font-size:17px;}
.cont_contents iframe { margin-top:30px;}
.cont_contents img { float:left; margin:7px 20px 0 0;}
.cont_contents span { font-weight:700; color:#000;}
.cont_title01 { font-size:20px; font-weight:800; color:#0071bc; margin-bottom:5px;}

.nac_box01_bg { background:url("/img/sub/nac01_02.png") right bottom no-repeat; padding-bottom:180px;}
.nac_bi { height:37px;}
.nac_box01_title { font-size:40px; color:#17486e; line-height:1.3; margin-bottom:10px;}
.nac_box01_text { font-size:20px; margin:10px 0 30px 0; max-width:600px;}
.nac_box01_btn { float:left; margin-right:10px; margin-bottom:20px;}
.nac_box01_btn a { padding:10px 15px; background:#ff0000; font-size:17px; color:#fff;}
.nac_box01_btn a img { margin:0 0 -3px 10px;}

.nac_box02_btn { margin-top:20px;}
.nac_box02_btn a { padding:10px 15px; background:#0071c0; font-size:17px; color:#fff;}
.nac_box02_btn a img { margin:0 0 -3px 10px;}

.xe_box01_bg { background:url("/img/sub/xe01_02.png") right bottom no-repeat; padding-bottom:220px;}
.xe_box01_text { font-size:15px; margin:10px 0 30px 0; color:#777;}
.xe_box02_text { font-size:17px; margin:0 0 30px 0; color:#777; text-align:center;}

.ip_box01_bg { background:url("/img/sub/ip01_02.png") right bottom no-repeat; padding-bottom:220px;}
.img_left02 { float:left; padding:0 30px 0 0; width:50%; margin-top:20px;}
.float_left_text { float:left; width:50%;}

.img_left { float:left; margin:0 10% 20px 0;}
.img_center { margin:0 auto;}
.pro_box_ul { margin-bottom:30px; font-size:20px; color:#000;}
.pro_box_ul li { font-size:17px; color:#777; margin:5px 0;}

.pro_center_title { font-size:50px; text-align:center; margin-bottom:20px; font-weight:300;}
.pro_center_title02 { font-size:24px; text-align:center; margin-bottom:10px; font-weight:700;}
.pro_center_title03 { font-size:20px; text-align:center; color:#0071bc; margin:0 0 20px 0; font-weight:700;}
.pro_title04 { font-size:20px; margin:0 0 10px 0;}

.pro_center_text03 { font-size:17px; text-align:center; color:#888; margin-top:10px; font-weight:700;}


.pro_five_ul { font-size:15px; text-align:center; padding-bottom:100px; margin-top:40px;}
.pro_five_ul_title { font-size:17px; font-weight:700;color:#0071bc;}
.pro_five_ul li { display:inline-block; margin:0 5px 20px 5px; width:210px; vertical-align:top;}

.pro_five_ul02 { font-size:15px; padding-bottom:40px; margin-top:40px;}
.pro_five_ul02_text { float:left; width:70%;}
.pro_five_ul02_title { font-size:17px; font-weight:700;color:#0071bc;}
.pro_five_ul02 li { display:inline-block; width:45%; margin:0 30px 40px 0; vertical-align:top;}
.pro_five_ul02 li img { float:left; margin:0 10px 0 0;}
.pro_five_ul02 .pro_five_ul02_text li { width:100%; margin:0 0 7px 0; padding-left:15px; background:url("/img/sub/li_style.jpg") left 10px no-repeat;}
.pro_five_ul02 .pro_five_ul02_text li:first-child { padding-left:0; background:none;}

.pro_four_ul { font-size:15px; text-align:center; padding-bottom:100px; margin-top:40px;}
.pro_four_ul_title { font-size:17px; font-weight:700;color:#0071bc;}
.pro_four_ul li { display:inline-block; margin:0 5px 20px 5px; width:260px; vertical-align:top;}

.pro_two_ul01 { font-size:15px; text-align:left; padding-bottom:100px;}
.pro_two_ul01_title { font-size:22px; font-weight:700; color:#000;}
.pro_two_ul01 li { display:inline-block; margin:0 40px 20px 0; width:43%; vertical-align:top;}
.pro_two_ul01 .pro_two_ul01_img { padding:15px; border:#ccc solid 1px; margin:15px 0; text-align:center;}
.pro_two_ul01 .pro_two_ul01_img img { margin:0 auto;}
.pro_two_ul01 li ul li { width:100%; margin:0 0 10px 0; padding-left:15px; background:url("/img/sub/li_style.jpg") left 10px no-repeat;}

.pro_two_ul02 { font-size:15px; text-align:left; padding-bottom:100px;}
.pro_two_ul02_title { font-size:22px; font-weight:700; color:#000;}
.pro_two_ul02_title02 { font-size:20px; font-weight:700; color:#0071bc;}
.pro_two_ul02 li { display:inline-block; margin:0 40px 20px 0; width:43%; vertical-align:top; text-align:center;}
.pro_two_ul02 .pro_two_ul02_img { padding:15px; border:#ccc solid 1px; border-radius:10px; margin:15px 0; text-align:center; background:#fff;}
.pro_two_ul02 .pro_two_ul02_img img { margin:0 auto;}

.pro_two_ul03 { font-size:15px; text-align:center;}
.pro_two_ul03_title02 { font-size:20px; font-weight:700; color:#0071bc;}
.pro_two_ul03 li { display:inline-block; margin:0 40px 20px 0; width:43%; vertical-align:top; text-align:center;}
.pro_two_ul03 .pro_two_ul03_img { padding:15px; border:#ccc solid 1px; border-radius:10px; margin:15px 0; text-align:center; background:#fff;}
.pro_two_ul03 .pro_two_ul03_img img { margin:0 auto;}

.pro_ul03 { font-size:17px; background:url("/img/sub/nac02_12.png") right no-repeat;}
.pro_ul03_title { font-size:22px; font-weight:700; color:#000;}
.pro_ul03_title02 { font-size:18px; font-weight:700; color:#0071bc; margin:10px 0;}
.pro_ul03 li { margin:30px 0;}
.pro_ul03 li ul li { margin:0 0 10px 0; padding-left:15px; background:url("/img/sub/li_style.jpg") left 10px no-repeat;}

.pro_network_img { padding:30px; border:#ccc solid 1px; border-right:#ccc solid 3px; border-bottom:#ccc solid 3px;}
.pro_network_img img { margin:0 auto;}

.pro_box_ul02 { text-align:center; margin-top:30px;}
.pro_box_ul02 li { text-align:left; display:inline-block; width:31%; margin:0 5px 30px 0; font-size:20px; font-weight:700; color:#0071bc; vertical-align:top;}
.pro_box_ul02 li ul { margin-top:10px;}
.pro_box_ul02 li ul li { width:100%; margin:0 0 7px 0; font-size:15px; font-weight:500; color:#000; padding-left:15px; background:url("/img/sub/li_style.jpg") left 10px no-repeat;}

.pro_hide { display:none;}
.pro_review_box { font-size:17px; line-height:1.7; padding:25px; background:#fff; margin:20px 0; text-align:center; box-shadow:10px 10px 20px rgba(0,0,0,0.2);}
.pro_review_title { font-size:19px; font-weight:600; color:#0071bc; line-height:1.4; margin-bottom:5px;}
.pro_hide_btn { font-size:16px; color:#000; cursor:pointer; margin:40px auto 0 auto; width:160px; text-align:center; padding:10px; border:#000 solid 1px; border-radius:30px;}

.support_box01 { padding:80px 0;}
/*.support_box01 { padding:80px 0; background:url("/img/sub/support_bg01.jpg") right bottom no-repeat;}*/
.support_box02 { padding:80px 0; background:url("/img/sub/support_bg02.jpg") center no-repeat; background-size:cover;}
.support_title { font-size:38px; font-weight:800;text-transform:uppercase; text-align:center;}
.support_title_bar { margin:20px auto; width:60px; height:1px; background:#000;}
.support_box02 .support_title { color:#fff;}
.support_box02 .support_title_bar { background:#fff;}

.resource_inqbox { margin:30px auto;}
.resource_inqbox img { float:left; padding:20px; background:#0071bc; border-radius:5px; margin:15px 30px 0 0;}
.inqbox_text { float:left; width:70%; font-size:17px; line-height:1.7;}
.inqbox_title { font-size:20px; margin:10px 0 0 0; font-weight:700; color:#0071bc;}
.inqbox_text span { color:#aaa; font-weight:800;}
.inqbox_text_title { font-weight:800;}

/*폼메일*/
.inquiry_table {width:100%; font-size:17px;}
.inquiry_table .table_left { width:15%; min-width:60px; color:#333; text-align:right; vertical-align:middle; padding-right:20px; color:#eee;}
.inquiry_table .table_right { width:35%; color:#666; padding:10px 5px;}
.inquiry_table .table_right input { width:90%; padding:9px; border:none; background:rgba(255,255,255,0.5); color:#000;}
.inquiry_table .table_right select { font-size:15px; padding:9px; border:none; background:rgba(255,255,255,0.5); color:#000;}
.inquiry_table .table_right textarea { width:100%; padding:9px; border:none; background:rgba(255,255,255,0.5); color:#000;}
.inquiry_table .table_right02 { width:80%; color:#eee; padding:5px;}
.inquiry_table .table_right02 input { width:30%; padding:9px; border:none; background:rgba(255,255,255,0.5); color:#000;}
.inquiry_table .table_check { color:#ccc; text-align:left; padding:10px 0;}
.inquiry_table .table_check a { color:#00deff; text-decoration:underline;}
.inquiry_table .table_check input { margin:-3px 5px 0 0}
.inquiry_table .inq_btn_submit {color:#fff; background:#000; padding:8px 30px; border:none; font-size:15px; margin-top:10px; transition: .25s ease;}
.inquiry_table .inq_btn_submit:hover {background:#186d90;}
/*폼메일*/
/* 폼메일 팝업창 */
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:555;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.pop-layer-pro {display:none;}
.pop-layer-pro .btn-r { margin-top:20px; text-align:center;}
.pop-layer-pro .btn-r a { font-size:15px; color:#fff; background:#007daa; padding:7px 15px 5px 15px;}
.pop-layer-pro .pop-container {position:fixed; top:15%; width:440px; left:50%; margin-left:-220px; padding:30px; z-index:9999999; background:#fff;}

.inqpop_title { font-size:17px; font-weight:700; padding-bottom:10px; border-bottom:#007daa solid 2px;}
.inqpop_ul { margin:20px 0;}
.inqpop_ul li { list-style:decimal; margin:0 0 10px 20px;}
.inqpop_text { color:#888; padding-top:20px; border-top:#ccc solid 1px;}
/* 폼메일 팝업창 */

.resource_box01 { padding:70px 0; background:#fff;}
.resource_box02 { padding:70px 0; background:url("/img/sub/resource_box02_bg.jpg") center no-repeat; background-size:cover;}
.resource_title { font-size:36px; font-weight:700; line-height:1.3; margin-bottom:10px; text-transform:uppercase;}

.resource_downbox { text-align:left;}
.resource_downbox li { position:relative; text-align:center; padding:130px 10px 0 10px; height:240px; border:#ccc solid 1px; display:inline-block; margin:1% 1% 1% 0; width:23%; vertical-align:top; background:rgba(255,255,255,0.3);}
.resource_downbox li .downbox_title { font-size:18px; line-height:1.3; font-weight:800; color:#0071bc; margin-bottom:20px;}
.resource_downbox li img { position:absolute; top:20px; width:210px; left:50%; margin-left:-105px; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease;}
.resource_downbox li:hover img { top:30px;}
.resource_downbox li .down_btn a { position:absolute; bottom:-1px; width:80%; left:50%; margin-left:-40%; font-size:15px; padding:12px 20px; background:#7ea0b7; color:#fff; border-radius:10px 10px 0 0;}
.resource_downbox li .down_btn a:hover { background:#306c94;}
/* 서브 */

/*표*/
.table_style01 table { width:100%; border-bottom:#bbb solid 2px; border-spacing:0; border-collapse:collapse; margin:10px 0 0 0;}
.table_style01 table tr td { border-bottom:#ccc solid 1px; padding:15px 20px; font-size:15px; vertical-align:middle; text-align:center;}
.table_style01 .table_title01 { background:#5da7d2; padding:20px; color:#fff; font-size:17px; font-weight:700;}
.table_style01 .table_title02 { background:#efefef; color:#000; font-size:17px; font-weight:700;}

.table_red { color:#d80000; margin-top:5px;}

.table_style02 { float:left; width:58%;}
.table_style02 table { width:100%; border-bottom:#bbb solid 2px; border-top:#5da7d2 solid 2px; border-spacing:0; border-collapse:collapse; margin:10px 0 0 0;}
.table_style02 table tr td { border-bottom:#ccc solid 1px; padding:15px 20px; font-size:15px; vertical-align:middle;}
.table_style02 .table_title02 { background:#efefef; color:#000; font-size:17px; font-weight:700; text-align:center;}
.table_style02 .table_right { float:right; width:38%; font-size:17px; line-height:1.9;}
/*표*/

/*----------메인 Key Features 영상-----------*/
.video-container iframe { width:480px; height:300px;} 
/*----------메인 Key Features 영상-----------*/

@media screen and (max-width:1150px){
	.tabBt {width:100%; left:0; margin-left:0; padding:10px 10px;}
}

@media screen and (max-width:991px){
	.sns_lang { right:60px;}
	
	.main_board_map { margin-top:80px; background:url(/img/main_board_bg.jpg) right bottom no-repeat;}
	.main_map_black { background:#000; font-size:17px; color:#888; padding:30px; margin-top:-6px;}
	.main_map_black_title { font-weight:700; color:#fff; margin-bottom:5px;}
	.main_board { margin-top:20px;}
	
	.nac_box01_bg { padding-bottom:220px;}
	.xe_box01_bg { padding-bottom:160px;}
	.ip_box01_bg { background-size:400px; padding-bottom:220px;}
	.nac_box01_btn { float:none;}
	.nac_box02_btn { float:none;}
	
	.pro_ul03 { background:url("/img/sub/nac02_12.png") right top no-repeat;}
	
	.pro_five_ul02_text { width:67%;}
	.pro_five_ul02 li { width:45%;}
	
	.resource_downbox li { margin:1% 1% 1% 0; width:48%;}
}

@media screen and (max-width:767px){
	.main_mov_gray { height:auto; background:#f9f9f9; position:relative; margin:40px 0; padding:40px 0;}
	.main_mov_left { height:auto; position:relative; bottom:0;}
	.main_mov_left img { padding-right:15px;}

	.main_mov_right { font-size:30px; padding:20px 0 0 0; position:relative;}
	.main_mov_right_logo { display:none;}
	.main_mov_right_bt a { padding:15px 25px; font-size:15px; position:absolute; right:20px; bottom:0;}
	
	.main_iconbox ul li { width:46%; margin:20px 1%; font-size:15px; vertical-align:top;}
	
	.main_what ul li .main_what_title { margin-top:30px;}
	.main_what ul li { width:100%; margin:0; height:180px;}
	.main_what ul li:nth-child(1n) { margin-top:0; border-radius:80px 0 0;}
	.main_what ul li:nth-child(2n) { margin-top:0; border-radius:0;}
	.main_what ul li:nth-child(3n) { margin-top:0; border-radius:0;}
	.main_what ul li:nth-child(4n) { margin-top:0; border-radius:0 0 80px;}

	.bottom_text { border-left:none; border-top:#5d5d5d solid 1px; padding-left:10px; padding-top:20px; margin-top:20px;}
	
	.sub_top { font-size:17px;}
	.sub_top_title { font-size:40px;}
	
	.tabBt li {width:110px; font-size:13px;}
	.tabBt li a {height:65px;}
	.tabBt li.on a { height:67px;}
	
	.nac_box01_bg { background-size:400px;}
	.xe_box01_bg { background-size:400px;}
	.ip_box01_bg { background-size:300px; padding-bottom:150px;}
	
	.img_left { float:none; margin:0 0 20px 0;}
	
	.pro_two_ul01 li { margin:0 0 20px 0; width:100%;}
	.pro_two_ul02 li { margin:0 0 20px 0; width:100%;}
	.pro_ul03 { background:none;}
	
	.pro_box_ul02 li { width:100%; margin:0 0 30px 0;}
	
	.img_left02 { float:none; padding:0; width:auto; margin-top:0;}
	.float_left_text { float:none; width:auto;}
	
	.pro_five_ul02_text { width:77%;}
	.pro_five_ul02 li { width:100%; margin:0 0 40px 0;}
	
	.inqbox_text { width:100%;}
	
	.sub_certifi_box ul { width:100%;}
	.sub_certifi_title { width:100%; text-align:left;}
	.cer_bg01 { background:url("/img/sub/cer_bg01.png") right 50px no-repeat;}
	.cer_bg02 { background:url("/img/sub/cer_bg02.png") right 50px no-repeat;}
	.cer_bg03 { background:url("/img/sub/cer_bg03.png") right 50px no-repeat;}
	
	.clients_left { width:100%; margin:0; float:none;}
	
	.about_title span { display:block; margin-top:15px;}
	
	/*----------메인 Key Features 영상-----------*/
	.video-container iframe { width:100%; height:300px;} 
	/*----------메인 Key Features 영상-----------*/
	
	.table_style02 { float:none; width:100%;}
	.table_style02 .table_right { float:none; width:100%; margin:20px 0 0 0;}
}