@charset "utf-8";

p,a,span,div,header,footer{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{height:auto;overflow-x:hidden;overflow-y:auto;font-size:75%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
.text_block{display:block;}
.fx{*zoom:1;}

/* 공통 */
#wrapper{position:relative;/*min-width:320px;*/min-width:1200px;overflow:hidden;background:#fff;-webkit-overflow-scrolling:auto;}
br.block {display: none;}


@media (max-width:1000px){
#wrapper{width:1100px;margin:0 auto;}
}

#wrapper:lang(ko){letter-spacing:-1px;}

.contents{width:1000px;margin:90px auto 110px;}
.sub_row_nb{width:100%;padding:20px 0 100px 0;}
.sub_row_nb h2{font-size:45px;line-height:45px;text-align:center;font-weight:500;}
.sub_row_nb h2:lang(ko){letter-spacing:-2px;}
.sub_row_nb .sub_text{text-align:center;padding-top:30px; padding-bottom: 50px; font-size:18px;line-height:26px;color:#666;font-weight:400;}
.sub_row_nb .sub_text:lang(ko){letter-spacing:-1px;}
.sub_row{width:100%;border-top:1px solid #e0e0e0;padding:100px 0;}
.sub_row_none{width:100%;border-top:1px solid #e0e0e0;}
.sub_row_none h2{font-size:45px;line-height:45px;text-align:center;font-weight:500;}
.sub_row_none h2:lang(ko){letter-spacing:-2px;}
.sub_row h2{font-size:45px;line-height:45px;text-align:center;font-weight:500;}
.sub_row h2:lang(ko){letter-spacing:-3px;}
.sub_row .sub_text{text-align:center;padding-top:30px;font-size:18px;line-height:26px;color:#666;font-weight:400;}
.sub_row .sub_text:lang(ko){letter-spacing:-1px;}

.wrap_subtop_visual{width:100%;display:table;text-align:center;height:326px;}
.subtop_visual{display:table-cell;vertical-align:middle;}
.subtop_visual h2{display:inline-block;font-size:40px;line-height:40px;color:#fff;}
.subtop_visual h2:lang(ko){letter-spacing:-2px;}
.subtop_visual .sub_text{font-size:18px;line-height:24px;color:#fff;letter-spacing:-1px;padding-top:15px;font-weight:300;}
.subtop_visual .sub_text:lang(en){letter-spacing:0px;}
.subtop_visual .btn_area{padding-top:20px;}
.subtop_visual .btn_area a{margin:0 3px;}
.subtop_visual .btn_area .btn_go{position:relative;min-width:200px;}
.subtop_visual .btn_area .btn_download{position:relative;min-width:200px;}
.subtop_visual .btn_area .btn_download .icon{position:absolute;top:17px;right:12px;}

.subtop_visual .logo_wrap {display: flex; align-items: center;justify-content: center; margin-top: 20px; margin-bottom: 7px;}
.subtop_visual .logo_wrap > div {display: flex; align-items: center;}
.subtop_visual .logo_wrap > div:nth-of-type(n+2) {margin-left: 25px;}
.subtop_visual .logo_wrap em {color: #fff; font-size: 15px; }
.subtop_visual .logo_wrap .logo_img {display: inline-block; height: 32px; margin-right: 5px;}
.subtop_visual .logo_wrap .logo1 .logo_img {width: 32px; background: url(../img/common/img_mark_cc.png) no-repeat center center /contain;}
.subtop_visual .logo_wrap .logo2 .logo_img {width: 57px; background: url(../img/common/img_mark_gs.png) no-repeat center center /contain;}
.subtop_visual .logo_wrap .logo3 .logo_img {width: 32px; background: url(../img/common/img_mark_ep.png) no-repeat center center /contain;}

/* 라운드 */
.radius50 {border-radius:50px;-webkit-border-radius:50px;}

/* default - 버튼 */
.btn{display:inline-block;vertical-align:middle;cursor:pointer;background:none;white-space:nowrap;
-webkit-transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border ease-in-out 0.3s;
transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s, border ease-in-out 0.3s;}
.btn > span{vertical-align:middle;}

/* 버튼 -  사이즈 */
.btn_l{padding:12px 15px 15px;font-size:18px;line-height:18px;}
.btn_m{padding:10px 14px 12px;font-size:15px;line-height:15px;}
.btn_m:lang(en){padding:8px 16px 10px;font-size:14px;line-height:14px;}
.btn_s{padding:8px 14px 11px;font-size:14px;line-height:14px;}

/* 버튼 - 솔리드에서 솔리드 */
.btn_blue01_solid{background-color:#0059a6;border:2px solid #0059a6;color:#fff;}
.btn_blue01_solid:hover{background:#003767;border:2px solid #003767;color:#fff;}
.btn_blue02_solid{background-color:#003767;border:2px solid #003767;color:#fff;}
.btn_blue02_solid:hover{background:#002a4e;border:2px solid #002a4e;color:#eee;}

/* 버튼 - 솔리드에서 라인으로 */
.btn_blue01_solid_towl{background-color:#0059a6;border:2px solid #0059a6;color:#fff;}
.btn_blue01_solid_towl:hover{background-color:transparent;border:2px solid #fff;color:#fff;}
.btn_blue01_solid_tobl{background-color:#0059a6;border:2px solid #0059a6;color:#fff;}
.btn_blue01_solid_tobl:hover{background-color:transparent;border:2px solid #0059a6;color:#0059a6;}
.btn_blue02_solid_tobl{background-color:#003767;border:2px solid #003767;color:#fff;}
.btn_blue02_solid_tobl:hover{background-color:transparent;border:2px solid #003767;color:#003767;}

/* 버튼 - 라인에서 솔리드로 */
.btn_blue01_line_tosb{background-color:transparent;border:2px solid #003767;color:#003767;}
.btn_blue01_line_tosb:hover{background-color:#003767;border:2px solid #003767;color:#fff;}
.btn_blue02_line_tosb{background-color:transparent;border:2px solid #0059a6;color:#0059a6;}
.btn_blue02_line_tosb:hover{background-color:#0059a6;border:2px solid #0059a6;color:#fff;}
.btn_white01_line_tosb{background-color:transparent;border:2px solid #fff;color:#fff;}
.btn_white01_line_tosb:hover{background-color:#003767;border:2px solid #003767;color:#fff;}

/* 버튼 - 용도별 스타일 */
.btn_more > span.icon{display:inline-block;width:16px;height:16px;background:url(../img/common/icon_btn_plus.png) no-repeat;}
.btn_more:hover .icon{background-position:0 -16px;}
.btn_down> span.icon{display:inline-block;width:16px;height:16px;background:url(../img/common/icon_btn_add_down.png) no-repeat;}
.btn_down:hover .icon{background-position:0 -16px;}
.btn_download > span.icon{display:inline-block;width:16px;height:16px;background:url(../img/common/icon_btn_plus_download.png) no-repeat;background-position:0 -16px;}

/* 버튼 - [정부지원사업]-[컨설팅 신청 화면] 201126 */
.btn_gray_line {display:inline-block;padding:15px 14px;font-size:13px;border:1px solid #ddd;color:#999;vertical-align:middle;}
.btn_gray_line:hover {background:#ececec;color:#666;}
.btn_navy_line {display:inline-block;padding:15px 14px;font-size:13px;border:1px solid #003767;color:#003767;vertical-align:middle;}
.btn_navy_line:hover {background:#003767;color:#fff;}

/* default - 테이블 */
.txt_align_top {vertical-align:text-top;}
.last_cell{border-right:none !important;}
.table_style01 table{border-top:2px solid #003767;border-bottom:2px solid #003767;}
.table_style01 table th{font-size:17px;line-height:20px;font-weight:400;color:#003767;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.table_style01 table td{font-size:16px;line-height:22px;font-weight:400;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.table_style01 table td > ul > li{padding-left:13px;background:url(../img/common/icon_bullet_gray01.png) no-repeat;background-position:5px;}

.table_style02 table th{font-size:15px;font-weight:400;color:#333;border-bottom:1px solid #c0c0c0;}
.table_style02 table td{font-size:15px;line-height:22px;font-weight:400;color:#333;border-bottom:1px solid #c0c0c0;}
.table_style02 table td > ul > li{padding-left:13px;background:url(../img/common/icon_bullet_gray01.png) no-repeat;background-position:5px;}

.table_style03 table th{font-size:15px;font-weight:400;color:#333;border-bottom:1px solid #c0c0c0;}
.table_style03 table td{font-size:15px;line-height:22px;font-weight:400;color:#333;border-bottom:1px solid #c0c0c0;}
.table_style03 table td > ul > li{padding-left:13px;background:url(../img/common/icon_bullet_gray01.png) no-repeat;background-position:5px;}

.table_style04 table{border-top:2px solid #003767;border-bottom:2px solid #003767; background-color:#003767; color: #fff;}
.table_style04 table th{font-size:16px;font-weight:400;color:#fff;border-bottom:1px solid #fff;border-right:1px solid #fff;}
.table_style04 table td{font-size:14px;line-height:22px;color: #333;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background-color:#fff;}
.table_style04 table .h_title{font-size:15px;line-height:22px;color: #003767; font-weight:500;}
.table_style04 table .price_bg{font-size:16px;line-height:22px;color: #003767; font-weight:500;background-color:#f7f7f7;}
.table_style04 table .price_bg2{font-size:14px;line-height:22px;color: #003767; font-weight:400;background-color:#f7f7f7;}
.table_style04 table td span{font-size:12px;line-height:18px;color: #333;}
.table_style04 table td > ul{padding-left:20px;}
.table_style04 table td > ul > li{text-align:left;padding-left:13px;background:url(../img/common/icon_bullet_gray01.png) no-repeat;background-position:5px;}

.table_style05 table th{font-size:15px;font-weight:400;color:#333;border-top:2px solid #003767;border-bottom:1px solid #003767;}
.table_style05 table td{font-size:15px;line-height:22px;font-weight:400;color:#333;border-bottom:1px solid #c0c0c0;}
.table_style05 table td > ul > li{padding-left:13px;background:url(../img/common/icon_bullet_gray01.png) no-repeat;background-position:5px;}

.table_style06 table{ margin: 0 auto;}
.table_style06 table th{ width: 20%; font-size:22px;line-height:40px;font-weight:400;color:#fff;text-align: left;}
.table_style06 table td{font-size:16px;line-height:28px;font-weight:400;color:#fff;}
.table_style06 table td > ul > li{padding-left:13px;background:url(../img/common/icon_bullet_gray01.png) no-repeat;background-position:5px;}

.table_view01 table th{font-size:18px;font-weight:400;color:#003767;border-top:1px solid #003767;border-bottom:1px solid #e0e0e0;text-align:left;}
.table_view01 table td{font-size:15px;line-height:22px;font-weight:400;color:#333;border-bottom:1px solid #c0c0c0;}

/* 라디오/체크 버튼 */
.checkbox,.radio{display:inline-block;*display:inline;vertical-align:middle;margin:0;padding:0;width:16px;height:16px;background:url(../img/common/radiocheck.png) no-repeat;
border:none;cursor:pointer;}
.checkbox + label,.radio + label{cursor:pointer;}
.checkbox{background-position:0 0;}
.checkbox.checked{background-position:-16px 0;}
.checkbox.disabled{background-position:-32px 0;cursor:default;}
.checkbox.checked.disabled{background-position:-48px 0;}

.radio{background-position: -64px 0;}
.radio.checked{background-position:-80px 0;}
.radio.disabled{background-position:-96px 0;cursor:default;}
.radio.checked.disabled{background-position:-112px 0;}

/* header */
.wrap_header{position:relative;width:100%;top:0;left:0;height:auto;background:#fff; z-index: 9999;}
.wrap_header .header{position:relative;width:1000px;margin:auto;height:60px;}
.wrap_header .header:after{content:"";display:block;clear:both;}
.wrap_header .header h1 a{float:left;display:block;overflow:hidden;text-indent:-9999px;width:160px;height:29px;margin-top:16px;background:url(../img/common/logo.svg) no-repeat;}

.wrap_header .header ul.gnb{float:left;padding:22px 0 0 70px;}
.wrap_header .header ul.gnb:lang(en){position: relative;}
.wrap_header .header ul.gnb li{float:left;;color:#0059a6;}
.wrap_header .header ul.gnb li:lang(ko){padding:0 50px;}
.wrap_header .header ul.gnb li.menu01:lang(en){position: absolute; left: 132px;}
.wrap_header .header ul.gnb li.menu02:lang(en){position: absolute; left: 303px;}
.wrap_header .header ul.gnb li.menu03:lang(en){position: absolute; left: 472px;}

.wrap_header .header ul.gnb li a{padding:0 10px;color:#0059a6;font-size:19px;line-height:19px;}
.wrap_header .header ul.gnb li a:lang(ko){font-size:19px;line-height:19px; font-weight: 500;}
.wrap_header .header ul.gnb li a:lang(en){font-size:17px;line-height:17px;}
.wrap_header .header ul.gnb li a:hover{color:#003767;}

.wrap_header .header ul.gnb .mobile_depth {display: none;}

.wrap_header .header .go_adminpage{float:left;margin:15px 0 0 0px; padding: 2px; font-size: 15px; line-height: 15px;}
.wrap_header .header .go_adminpage:lang(en){ position: relative;left: 520px;}
.wrap_header .header .go_adminpage a{display:block;color: #0059a6; border: 1px solid #0059a6;-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; padding: 5px 15px;}
.wrap_header .header .go_adminpage a:hover{color:#fff;background-color:#0059a6;border: 1px solid#0059a6;}
.wrap_header .header .go_adminpage a.all-menu {display: none;}
.wrap_header .header .wrap_menu_language{position:absolute;right:0;top:14px;z-index:210;}
.wrap_header .header .wrap_menu_language > a{display:block;width:102px;padding:10px 0;}
.wrap_header .header .wrap_menu_language > a > span.text{font-size:12px;padding:0 18px 0 5px;color:#0059a6;vertical-align:middle;letter-spacing:0;}
.wrap_header .header .wrap_menu_language > a > span.arrow{vertical-align:middle;}
.wrap_header .header .wrap_menu_language ul.menu_list{position:absolute;border:1px solid #0059a6;padding:10px 5px;text-align:left;background:#fff;z-index:200;}
.wrap_header .header .wrap_menu_language ul.menu_list li a{display:block;min-width:90px;overflow:hidden;padding:5px;font-size:13px;line-height:13px;color:#0059a6;letter-spacing:0;}
.wrap_header .header .wrap_menu_language ul.menu_list li a:hover{color:#003767;}

.wrap_header .header a.on span.arrow{display:inline-block;width:20px;height:14px;background-image:url(../img/common/icon_select_blue01.png);background-repeat:no-repeat;background-position:0 -14px;}
.wrap_header .header a.off span.arrow{display:inline-block;width:20px;height:14px;background-image:url(../img/common/icon_select_blue01.png);background-repeat:no-repeat;}

.wrap_header .folding_depth_menu {position:absolute;width:100%;background:#fff;z-index:100;border-top:1px solid #b9bfc5;border-bottom:1px solid #b9bfc5;*zoom:1;}

.wrap_header .folding_depth_menu .inner_wrap{width:1000px;margin:auto;padding-left:250px;}

.wrap_header .folding_depth_menu .inner_wrap:after{content:"";display:block;clear:both;}
.wrap_header .folding_depth_menu .inner_wrap ul{float:left;width:160px;border-left:1px solid #ddd;padding-top:20px;min-height:240px;}
.wrap_header .folding_depth_menu .inner_wrap ul + ul + ul{border-right:1px solid #ddd;}
.wrap_header .folding_depth_menu .inner_wrap ul li{padding:8px 20px;}
.wrap_header .folding_depth_menu .inner_wrap ul li a{font-size:15px;line-height:15px;color:#333;}
.wrap_header .folding_depth_menu .inner_wrap ul li a:hover{color:#0059a6;}
.wrap_header .folding_depth_menu .inner_wrap ul li a img{padding-left: 5px;}

.wrap_header .gnbWrap {
    position: relative;
}

.wrap_header .gnbWrap .close {
    display: none;
    position: absolute;
    top: 25px;
    right: 20px;
}

.wrap_header .gnbWrap .close::after {
    display: block;
    content: "\e921";
    font-family: 'xeicon';
    font-size: 25px;
    color: #333;
}

.gnbWrap .gnb-btn {
    display: none;
}

/* footer */
.wrap_footer{background:#062541;padding-bottom:40px;}
.wrap_footer .con_footer{position:relative;width:1000px;margin:auto;padding-top:42px;}

.con_footer .list_area{float:left;margin-bottom:65px;}
.con_footer .list_area ul.footer_list{float:left;padding-right:60px;}
.con_footer .list_area ul.footer_list li{padding:9px 0;}
.con_footer .list_area ul.footer_list li.title,.con_footer .list_area ul.footer_list li.title > a{font-size:16px;line-height:16px;color:#8dbaed;}
.con_footer .list_area ul.footer_list li.title,.con_footer .list_area ul.footer_list li.title > a:lang(ko){letter-spacing:-1px;}
.con_footer .list_area ul.footer_list li.title,.con_footer .list_area ul.footer_list li.title > a:lang(en){letter-spacing:0;}
.con_footer .list_area ul.footer_list li > a{font-size:15px;line-height:15px;color:#eee;font-weight:300;}
.con_footer .list_area ul.footer_list li > a:lang(ko){letter-spacing:-1px;}
.con_footer .list_area ul.footer_list li > a:hover{color:#fff;}
.con_footer .list_area ul.footer_list .highlight01 a{color:#8dbaed;}
.con_footer .list_area ul.footer_list li.title a:hover,.con_footer .list_area ul.footer_list .highlight01 a:hover{color:#aed4ff;}

.con_footer .service_area{float:right;}
.con_footer .service_area dl.call_list{}
.con_footer .service_area dl.call_list dt{padding:0 0 6px;display:inline-block;font-size:18px;line-height:18px;color:#fff;letter-spacing:-1px;font-weight:300;}
.con_footer .service_area dl.call_list dd{padding:0 0 10px 18px;display:inline-block;font-size:18px;line-height:18px;color:#8ebbee;letter-spacing:-1px;font-weight:500;}
.con_footer .service_area .sub_text{display:block;color:#fff;font-weight:300;}
.con_footer .service_area ul.sns_list{padding-top:20px;}
.con_footer .service_area ul.sns_list:after{content:"";display:block;clear:both;}
.con_footer .service_area ul.sns_list > li{float:left;padding-right:23px;}
.con_footer .service_area ul.sns_list > li + li + li {padding-right:0;}
/* .con_footer .service_area ul.sns_list li > a{display:block;width:32px;height:32px;background:#354e6a url(../img/common/icon_footer_sns.png) no-repeat;border-radius:32px;-webkit-border-radius:32px;}
.con_footer .service_area ul.sns_list li > a:hover{background:#3e5a79 url(../img/common/icon_footer_sns.png) no-repeat;}
.con_footer .service_area ul.sns_list li.go_mail > a{background-position:4px -4px;}
.con_footer .service_area ul.sns_list li.go_movie > a{background-position:4px -45px;}
.con_footer .service_area ul.sns_list li.go_facebook > a{background-position:4px -84px;}
.con_footer .service_area ul.sns_list li.go_insta> a{background-position:4px -125px;} */


.con_footer .service_area ul.sns_list li > a {
    background-position: center;
    background-size: 50% 50%;
    background-color: #354e6a;
    background-repeat: no-repeat;
    display:block;
    width:42px;
    height:42px;
    border-radius: 42px;
    -webkit-border-radius:42px;
}

.con_footer .service_area ul.sns_list li > a:hover {
    background-size: 60% 60%;
}

.con_footer .service_area ul.sns_list li.go_mail > a {
    background-image: url(../img/common/gomail.svg);
}

.con_footer .service_area ul.sns_list li.go_movie > a {
    background-image: url(../img/common/gomovie.svg);
}

.con_footer .service_area ul.sns_list li.go_facebook > a {
    background-image: url(../img/common/gofacebook.svg);
}

.con_footer .service_area ul.sns_list li.go_insta > a {
    background-image: url(../img/common/goinsta.svg);
}

.con_footer .select_link{position:relative;float: right;}
.con_footer .select_link > a{width:172px;display:block;height:30px;border:1px solid #6b88a9;}
.con_footer .select_link > a > .select_box{display:inline-block;width:146px;padding:6px 8px;font-size:14px;line-height:14px;color:#6b88a9;vertical-align:middle;}
.con_footer .select_link > a > .arrow{display:inline-block;width:9px;height:6px;background:url(../img/common/icon_select_blue02.png) no-repeat;vertical-align:middle;}
.con_footer .select_link > a.off > .arrow{background-position:0 0;}
.con_footer .select_link > a.on > .arrow{background-position:0 -6px;}

.con_footer ul.family_list{position:absolute;bottom:calc(100% + 10px);width:172px;padding:8px 0;border:1px solid #6b88a9;background:#062541;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;
z-index:10;}
.con_footer ul.family_list > li{min-width:157px;padding:7px 8px;font-size:13px;line-height:13px;color:#fff;}
.con_footer ul.family_list > li > a{color:#6b88a9;}
.con_footer ul.family_list > li > a:hover{color:#7d9abb;}
.con_footer .service_area .link_terms{padding-top:22px;text-align:right;}
.con_footer .service_area .link_terms a{display:block;font-size:13px;line-height:13px;color:#6b88a9; margin-bottom: 10px;}
.con_footer .service_area .link_terms a:hover{color:#7d9abb;}

.con_footer .service_area .link_terms a.pc_none {
    display: none;
}

.con_footer .address_area{clear:both; position: relative; border-top:1px solid #1f3b54;}
.con_footer .address_area address{font-size:12px;line-height:22px;color:#617e9e;padding-top:33px;letter-spacing:0;}
.con_footer .address_area address br {
    display: block !important;
}
.con_footer .address_area .address_text{font-size:12px;line-height:12px;color:#617e9e;padding-top:10px;letter-spacing:0;}
.con_footer .address_area .address_text span.text{padding-right:12px;}

.con_footer .address_area ul.certify_area{margin-top:20px;}
.con_footer .address_area ul.certify_area:after{content:"";display:block;clear:both;}
.con_footer .address_area ul.certify_area li{float:left;padding-right:10px;}
.con_footer .address_area ul.certify_area li a{display:block;height:32px;background:url(../img/common/img_footer_certify.svg) no-repeat;}
.con_footer .address_area ul.certify_area li.link01 a{background-position:0 0;width:32px;}
.con_footer .address_area ul.certify_area li.link02 a{/*background-position:-42px 0;*/width:43px; background: url(../img/common/img_mark_gs.png) no-repeat center center / contain;}
.con_footer .address_area ul.certify_area li.link03 a{background-position:-95px 0;width:33px;}
.con_footer .address_area ul.certify_area li.link04 a{background-position:-140px 0;width:29px;}
.con_footer .address_area ul.certify_area li.link05 a{background-position:-180px 0;width:30px;}
.con_footer .address_area ul.certify_area li.link06 a {background: url(../img/common/img_mark_ep.png) no-repeat center center / contain; width: 32px;}


.con_footer .select_language{position:absolute;top:20px;right:0;width:142px; display: none;}
.con_footer .select_language > a{display:block;height:30px;border:1px solid #6b88a9;}
.con_footer .select_language > a > .select_box{display:inline-block;width:120px;padding:6px 8px;font-size:13px;line-height:14px;color:#6b88a9;vertical-align:middle;}
.con_footer .select_language > a > .arrow{display:inline-block;width:9px;height:6px;background:url(../img/common/icon_select_blue02.png) no-repeat;vertical-align:middle;}
.con_footer .select_language > a.off > .arrow{background-position:0 -6px;}
.con_footer .select_language > a.on > .arrow{background-position:0 0;}
.con_footer .address_area ul.menu_list{position:absolute;top:32px;width:140px;padding:8px 0;border:1px solid #6b88a9;background:#062541;}
.con_footer .address_area ul.menu_list > li{min-width:130px;padding:7px 8px;font-size:13px;line-height:13px;color:#fff;}
.con_footer .address_area ul.menu_list > li > a{display:block;color:#6b88a9;}
.con_footer .address_area ul.menu_list > li > a:hover{color:#7d9abb;}


.wrap_footer .go_top_area{position:absolute;top:-34px;right:-28px;}
.wrap_footer .go_top_area a{display:block;text-indent:-9999px;overflow:hidden;width:62px;height:73px;background:url(../img/common/btn_go_top.png) no-repeat;}
.wrap_footer .go_top_area a:hover{background-position:0 -73px;}

.wrap_family {
    background: #08141a;
    padding: 0 30px;
}

.wrap_family .con_footer {
    position: relative;
    max-width: 1024px;
    margin: auto;
    padding: 20px 0;
}

.wrap_family .con_footer::after {
    display: block;
    content: "";
    clear: both;
}

.wrap_family .con_footer .jk_bi_grp {
    float: left;
    /* padding-top: 3px; */
    display: flex;
    align-items: center;
}

.wrap_family .con_footer .jk_bi_grp li {
    display: inline-block;
    color: #8ba0af;
    padding:0 1.5rem 0 0;
    vertical-align: middle;
}

.wrap_family .con_footer .jk_bi_grp li:first-child {
    padding-top: 1px;
}

.wrap_family .con_footer .jk_bi_grp li a {
    display: block;
}

.wrap_family .con_footer .jk_bi_grp li a.foot_jm {
    padding-top: .3rem;
}

.wrap_family .con_footer .jk_bi_grp li a.foot_om {
    margin-bottom: .3rem;
}

.wrap_family .con_footer .jk_bi_grp li a img {
    max-width: 100%;
}
/* 
.wrap_family .con_footer .jk_bi_grp li:nth-child(2) a {
    width: 120px;
}

.wrap_family .con_footer .jk_bi_grp li:nth-child(3) a {
    width: 72px;
    display: inline-block;
}

.wrap_family .con_footer .jk_bi_grp li:nth-child(3) a img {
    width: 100%;
} */

/* tab */
.tab_area_type01 ul{width:100%;}
.tab_area_type01 ul:after{content:"";display:block;clear:both;}
.tab_area_type01 ul > li{float:left;display:table;box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.tab_area_type01 ul > li:last-child{content:"";border-right:1px solid #e0e0e0;}
.tab_area_type01 ul > li + li + li + li + li + li + li+ li{content:"";border-right:1px solid #e0e0e0;}
.tab_area_type01 ul > li > a{display:table-cell;width:100%;font-size:16px;line-height:22px;color:#333;height:65px;vertical-align:middle;text-align:center;}
.tab_area_type01 ul > li > a > span.text{display:inline-block;vertical-align:middle;}
.tab_area_type01 ul > li > a:hover{color:#0059a6;}
.tab_area_type01 ul > li.active > a,.tab_area_type01 ul > li.active > a:hover{border-bottom:3px solid #0059a6;color:#333;}
.tab_area_type01 ul.tab02 > li {width:50%;}

ul.tab08 > li{width:12.5%;}/* 탭 8개 */
ul.tab07 > li{width:14.2%;}/* 탭 7개 */
ul.tab06 > li{width:16.6%;}/* 탭 6개 */
ul.tab05 > li{width:20%;}/* 탭 5개 */
ul.tab04 > li{width:25%;}/* 탭 4개 */
ul.tab03 > li{width:33.3333%;}/* 탭 3개 */
ul.tab02 > li{width:50%;}/* 탭 2개 */

.tab_area_type02 ul{width:100%;}
.tab_area_type02 ul:after{content:"";display:block;clear:both;}
.tab_area_type02 ul > li{float:left;display:table;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;border-left:1px solid #c1c1c1;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;}
.tab_area_type02 ul > li:last-child{content:"";border-right:1px solid #c1c1c1;}
.tab_area_type02 ul > li + li + li + li + li{content:"";border-right:1px solid #c1c1c1;}
.tab_area_type02 ul > li > a{display:table-cell;width:100%;font-size:16px;line-height:16px;color:#333;height:46px;vertical-align:middle;text-align:center;}
.tab_area_type02 ul > li > a > span.text{display:inline-block;vertical-align:middle;}
.tab_area_type02 ul > li > a:hover{color:#003767; background-color: #f2f2f2;}
.tab_area_type02 ul > li.active > a,.tab_area_type02 ul > li.active > a:hover{background:#1e3659;font-weight:400;color:#fff;}

.tab_area_type03 ul{width:100%;}
.tab_area_type03 ul:after{content:"";display:block;clear:both;}
.tab_area_type03 ul > li{float:left;display:table;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;border-left:1px solid #c1c1c1;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;background-color:#f5f5f5;}
.tab_area_type03 ul > li:last-child{content:"";border-right:1px solid #c1c1c1;}
.tab_area_type03 ul > li + li + li + li + li + li{content:"";border-right:1px solid #c1c1c1;}
.tab_area_type03 ul > li > a{display:table-cell;width:100%;font-size:16px;line-height:16px;color:#333;height:46px;vertical-align:middle;text-align:center;}
.tab_area_type03 ul > li > a > span.text{display:inline-block;vertical-align:middle;}
.tab_area_type03 ul > li.active{border-bottom:1px solid #fff;}
.tab_area_type03 ul > li a:hover{color:#003767; background-color: #ececec;}
.tab_area_type03 ul > li.active > a,.tab_area_type03 ul > li.active > a:hover{background:#fff;font-weight:400;color:#003767;}

/* 게시판 */
.paginate_area{text-align:center;}
.paginate_area ul{display:inline-block;*zoom:1;}
.paginate_area ul:after{content:"";display:block;clear:both;}
.paginate_area ul li{float:left;padding:0 2px;}
.paginate_area ul li a{display:inline-block;}
.paginate_area ul li.btn_go_list a{width:29px;height:29px;background:url(../img/common/btn_board_paginate.png) no-repeat;}
.paginate_area ul li.go_first a{background-position:-29px 0;}
.paginate_area ul li.go_first a:hover{background-position:-29px -29px;}
.paginate_area ul li.go_prev{padding-right:10px;}
.paginate_area ul li.go_prev a{background-position:0 0;}
.paginate_area ul li.go_prev a:hover{background-position:0 -29px;}
.paginate_area ul li.go_next a{background-position:-58px 0;}
.paginate_area ul li.go_next a:hover{background-position:-58px -29px;}
.paginate_area ul li.go_next{padding-left:10px;}
.paginate_area ul li.go_last a{background-position:-87px 0;}
.paginate_area ul li.go_last a:hover{background-position:-87px -29px;}

.paginate_area ul li.page > a{font-size:16px;line-height:16px;padding:3px;margin:0 6px;vertical-align:middle;color:#333;}
.paginate_area ul li.page > a.active{color:#0059a6;font-weight:600;}
.paginate_area ul li.page > a:hover{color:#0059a6;}

/* 입력폼 */
.con_form_area{width:620px;margin:0 auto;}
.contents .top_line{margin:30px auto;border-top:1px solid #e0e0e0;}
.con_form_area h4{padding:0 0 20px;text-align:center;}
.contents .top_line h4{padding:40px 0 20px;}
.con_form_area h4 span{vertical-align:middle;}
.con_form_area h4 .title{font-size:25px;line-height:25px;color:#003767; font-weight: 500;}
.con_form_area h4 .caution_text{font-size:13px;line-height:13px;color:#666;padding-left:10px;}
.con_form_area h4 .sub_text{font-size:16px;line-height:16px;color:#003767;padding-left:6px;}
.con_form_area h5{font-size:16px;line-height:16px;color:#333;padding-top:30px;text-align:center;}

.con_form_area .inner_form{padding:10px 0;}
.con_form_area .inner_form_line{padding:10px 0 50px;border-bottom:1px solid #e0e0e0;}
.con_form_area .inner_form:after{content:"";display:block;clear:both;}
.con_form_area .inner_form .menu_item{float:left;display:inline-block;width:50%;padding:0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.con_form_area .inner_form .full_item{margin:0 auto;padding:5px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.con_form_area .inner_form input[type=text],input[type=email],input[type=number]{height:35px;border:1px solid #ddd;font-size:15px;line-height:19px;color:#333;}
.con_form_area .inner_form select{width:100%;height:35px;border:1px solid #ddd;font-size:15px;line-height:19px;color:#333; background: #fff url('/assets/img/common/select_arrow.png') no-repeat 98% center / 13px 8px; padding-left:5px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; -webkit-border-radius: 0; border-radius: 0;}
.con_form_area .inner_form select[disabled=disabled]{background:#f1f1f1;color:#bbb;}
.con_form_area .inner_form input[type=text][disabled=disabled]{background:#f1f1f1;color:#bbb;}
select[name="Type"]:disabled { color: #999999; }


.inner_text_form{padding:20px 10px 50px;border-bottom:1px solid #e0e0e0;}
.inner_text_form textarea{padding:3px;font-size:15px;line-height:19px;color:#333;border:1px solid #ddd;}
.inner_text_form_noline{padding:20px 10px;}
.inner_text_form_noline textarea{padding:3px;font-size:15px;line-height:19px;color:#333;border:1px solid #ddd;}

.con_scrollarea_terms{border:1px solid #ddd;margin:10px 10px 0;padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;
font-size:14px;line-height:20px;color:#767676;height:80px;overflow-x:hidden;overflow-y:scroll;}
.con_scrollarea_terms span.highlight{font-weight:400;color:#333;}

.con_form_area ul.terms_chk_area{padding:10px 10px 0;}
.con_form_area ul.terms_chk_area li{padding:5px 0;}
.con_form_area ul.terms_chk_area li input,.con_form_area ul.terms_chk_area li label{vertical-align:middle;}
.con_form_area ul.terms_chk_area li label{padding-left:0px;font-size:14px;line-height:17px;vertical-align:middle;}

.con_form_area ul.con_chk_area{padding:10px 10px 0;}
.con_form_area ul.con_chk_area li{padding:5px 0;}
.con_form_area ul.con_chk_area li input,.con_form_area ul.terms_chk_area li label{vertical-align:middle;}
.con_form_area ul.con_chk_area li label{padding-left:0px;font-size:15px;line-height:17px;color:#333;vertical-align:middle;}

.con_form_area ul.chk_area{padding:10px 10px 0;}
.con_form_area ul.chk_area li{padding:5px 0;}
.con_form_area ul.chk_area li input,.con_form_area ul.chk_area li label{vertical-align:middle;}
.con_form_area ul.chk_area li label{padding-left:0px;font-size:14px;line-height:17px;}

.con_form_area .btn_area{padding-top:80px;text-align:center;}
.con_form_area .btn_area .btn{min-width:200px;}

.con_form_area h4 .sub_text{font-size:16px;line-height:16px;color:#003767;padding-left:6px;}

.con_form_area ul.inner_list{width:560px;margin:0 auto;padding-top:12px;font-size:16px;line-height:16px;color:#333;}
.con_form_area ul.inner_list:after{content:"";display:block;clear:both;}
.con_form_area ul.inner_list li{padding:8px 0;float:left;text-align:left;}
.con_form_area ul.inner_list li.list_two{width:50%;}
.con_form_area ul.inner_list li.list_two_center{width:50%;text-align:center;}
.con_form_area ul.inner_list li.list_three{width:33.3333%;display:inline-block;text-align:center;}
.con_form_area ul.inner_list li.list_four{width:25%;display:inline-block;text-align:center;}
.con_form_area ul.inner_list li.list_five{width:20%;display:inline-block;text-align:center;}
.con_form_area ul.inner_list label,.con_topchk_area .inner_list input{vertical-align:middle;}
.con_form_area ul.inner_list label{margin-left:0px;}

.txt_15 {font-size:15px !important;} /* 공통 - 폰트 15px 맞출 때 */

.con_form_area .btn_open_popup{display:inline-block;text-indent:-9999px;overflow:hidden;vertical-align:middle;width:23px;height:23px;
background:url(../img/common/icon_questionmark_large.png) no-repeat left 50%;margin-left:5px;}

.con_form_area .btn_area .caution_area{margin-top:20px;}
.con_form_area .btn_area .caution_area span{display:inline-block;font-size:14px;line-height:14px;background:url(../img/common/icon_questionmark_small_b.png) no-repeat left 50%;padding:3px 0 3px 20px;}
.sm_btn_open_popup{display:inline-block;text-indent:-9999px;overflow:hidden;vertical-align:middle;width:15px;height:15px;
background:url(../img/common/icon_questionmark_small.png) no-repeat left 50%;margin-left:5px;}

.con_form_area .caution_area{padding:10px 0 10px 10px;font-size:13px;line-height:22px;}

/* 입력폼 - 파일 업로드 */
.con_form_area .inner_file{padding:0 10px;}
.con_form_area .inner_file .btn{display:inline-block;vertical-align:middle;margin-left:5px;}
.con_form_area .inner_file input[type=file]{position: absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border: 0;}
.con_form_area .inner_file .upload_name{font-size:15px;line-height:30px;padding:0 5px;vertical-align:middle;width:490px;height:35px;background-color:#f2f2f2;border:1px solid #ddd;}

/* 입력폼 - 완료 페이지 (상단 탭 없을 때) */
.con_form_complete{width:1000px;margin:0 auto;padding:100px 0 20px;min-height:560px;}
.con_form_complete .img_area{text-align:center;padding-bottom:20px;}
.con_form_complete .text_area{text-align:center;font-weight:400;}
.con_form_complete .text_area .title{font-size:25px;line-height:36px;color:#003767;padding-bottom:12px;}
.con_form_complete .text_area .text{font-size:17px;line-height:24px;color:#333;padding-bottom:12px;}
.con_form_complete .text_area .text .option_text{display:block;padding-top:20px;color:#666;}
.con_form_complete .btn_area{text-align:center;padding-top:35px;}
.con_form_complete .btn_area .btn{min-width:180px;}

/* 라디오/체크 버튼 - icheck 교체용 */
label.icheck{display:inline-block;position:relative;z-index:1;cursor:pointer;vertical-align:middle;line-height:18px;}
label.icheck > input[type=radio],label.icheck > input[type=checkbox]{position:absolute;z-index:1;opacity:0;}
label.icheck *{line-height:18px;}
label.icheck > span{display:inline-block;width:16px;height:16px;vertical-align:middle;
background:url(../img/common/radiocheck.png) no-repeat;cursor:pointer;}

label.icheck > input[type=radio] ~ span{background-position:-64px 0;border:0 none;}
label.icheck > input[type=radio]:checked ~ span{background-position:-80px 0;border:0 none;}
label.icheck > input[type=radio]:disabled ~ span{background-position:-96px 0;border:0 none;cursor:default;}
label.icheck > input[type=radio]:disabled:checked ~ span{background-position:-112px 0;border:0 none;cursor:default;}
label.icheck > input[type=checkbox] ~ span{background-position:0 0;border:0 none;}
label.icheck > input[type=checkbox]:checked ~ span{background-position:-16px 0;border:0 none;}
label.icheck > input[type=checkbox]:disabled ~ span{background-position:-32px 0;border:0 none;cursor:default;}
label.icheck > input[type=checkbox]:disabled:checked ~ span{background-position:-48px 0;border:0 none;cursor:default;}
label.icheck > input:disabled + em,label.icheck > input:disabled + span + em{cursor:default;}

label.icheck > em{display:inline-block;padding:0 4px 0 0;vertical-align:middle;cursor:pointer; }/* 라디오/체크 버튼 앞에 텍스트가 있을 때 */
label.icheck > span + em{display:inline-block;padding:0 0 0 8px;}/* 라디오/체크 버튼 뒤에 텍스트가 있을 때 */

/* 레이어 팝업 */
.back_popup_area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;-ms-filter:alpha(opacity=50);filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;}
.back_popup_area .bg_area{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:101;}

.wrap_popup_area{position:fixed;left:50%;top:50%;z-index:102;background:#fff;}
.wrap_popup_area .popup_contents{position:absolute;left:0;top:0;width:100%;height:100%;z-index:102;}

.pop_head{width:100%;background-color:#fff;border-bottom:1px solid #dedede;padding:10px;text-align:center;height:55px;}
.pop_head_video{position:relative;width:100%;background-color:#fff;padding:10px;text-align:center;height:55px;}
.pop_head .title{font-size:25px;color:#003767;line-height:28px;}

.blog_pop_head{width:100%;background-color:#fff;padding:10px;text-align:center;height:55px;}
.blog_pop_mid{text-align: center; width: 100%; margin: 0 auto; display: inline-block;}
.blog_pop_text{text-align: center; width: 100%; margin: 0 auto; line-height: 1.2em;font-size: 18px; letter-spacing: -1px; }
.blog_pop_text span{text-align: center; line-height: 1em;font-size: 14px;}
.blog_pop_text h3{font-size:25px;color:#003767; line-height: 2em; font-weight: 500;}
.blog_pop_btn{ width: 500px; margin: 0 auto; padding-top: 5px; }
.blog_pop_btn input{ width: 330px; height: 50px;margin:10px 10px 0 10px; display: inline-block;}
.blog_pop_btn button{vertical-align: top; margin-top: 10px;}
.blog_pop_btn_finish{ width: 500px; margin: 0 auto; padding-top: 5px; }
.blog_pop_btn_finish button{vertical-align: top; margin-left: 195px; margin-top: 15px; padding: 10px 40px;}

.btn_close_popup{display:inline-block;float:right;text-indent:-9999px;overflow:hidden;vertical-align:middle;width:30px;height:30px;
background:url(../img/common/btn_popup_close.png) no-repeat;margin-right:10px;}
.btn_close_popup_white{position:absolute;top:-40px;right:0;display:inline-block;float:right;text-indent:-9999px;overflow:hidden;vertical-align:middle;width:30px;height:30px;
background:url(../img/common/btn_popup_close_white.png) no-repeat;}


/* 에러페이지*/
.error {padding: 40px 380px; overflow:hidden;}
.error h1 a{float:left;display:block;overflow:hidden;text-indent:-9999px;width:160px;height:29px;margin-top:16px;background:url(../img/common/logo.svg) no-repeat;}
.error h1 {margin-bottom:30px;}
.error .m_box {position:relative;width:800px;margin:0 auto;padding:80px 0;text-align:center;}
.error .m_in h3{ font-size: 30px; line-height: 30px; color:#003767;}
.error .m_in li { margin-top:7px; color:#333;font-size: 15px; line-height: 22px; padding:10px 0 30px;}
.error .btn_area a{ margin-left: 8px;}
.error .btn_area span{padding: 0 40px 0 40px;}

/*툴팁*/
.checkbox_tooltip {position: absolute;margin: 10px 0 0 -5px;border: 1px solid #91bdde;padding: 4px 10px;border-radius: 5px;background: #e1edf6;}
.checkbox_tooltip .inner_text {font-size: 13px;line-height: 18px; color: #666;}
.checkbox_tooltip:after, .checkbox_tooltip:before {content: "";height: 0;width: 0;position: absolute;top: 2px;left: 15px;}
.checkbox_tooltip:before {border: solid transparent;border-bottom: solid #91bdde; border-width: 0 8px 8px;margin: -10px 0 0 -10px;}
.checkbox_tooltip:after {border: solid transparent;border-bottom: solid #e1edf6;border-width: 0 10px 10px;margin: -9px 0 0 -12px;}


/*블로그방식뷰 -new list*/
.con_tab_btn_area{width:1000px;margin:0 auto; height: auto;}
.tab_btn{padding-top: 64px;}
.tab_btn ul{margin:0 auto; line-height: 50px; display:table;justify-content:center;height: auto; width: 610px; text-align: center; max-width: 100%;}
.tab_btn ul:after{content:"";display:block;clear:both;}
.tab_btn ul > li{ float: left; margin-left: 10px; text-align: center;}
.tab_btn ul > li > a{padding:7px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #e0e0e0;-webkit-border-radius: 20px;
-moz-border-radius: 20px;border-radius: 20px;font-size: 16px; line-height: 1em;}
.tab_btn ul > li > a:hover{ color: #0059a6;border: 1px solid #0059a6;}
.tab_btn ul > li .selected{ color: #fff;border: 1px solid #0059a6; background-color: #0059a6;}
.tab_btn ul > li .selected:hover{ color: #fff;border: 1px solid #0059a6; background-color: #0059a6;}

.con_cardlist_area{margin-top:40px;}
.con_cardlist_area .add_btn_area{padding-top: 40px; text-align: center;}
.con_cardlist_area .add_btn_area span{padding: 0 20px;}

.con_cardlist_area ul.cardlist:after{content:"";display:block;clear:both;}
.con_cardlist_area ul.cardlist > li{float:left;width:33.33333%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding: 6px 6px 20px 6px;}
.con_cardlist_area ul.cardlist > li > a{display:block;border: 1px solid #fff;}
.con_cardlist_area ul.cardlist > li > a:hover{border: 1px solid #bbb;}

ul.use_list > li > a .listview_area{ margin: 8px 8px 8px; position:relative;height:180px;overflow:hidden;text-align:center;background:#bbb;}

ul.use_list > li > a .listview_area .title_img{position:absolute;top:0;left:0;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:0.9;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;background-size:50% 50%;}
ul.use_list > li > a:hover .listview_area .title_img{-webkit-transform:scale(1.12);-moz-transform:scale(1.12);transform:scale(1.12);opacity:1;}
ul.use_list > li > a .listview_area .title_img > img{width:100%;height:100%;justify-content: center;align-items: center;}
ul.use_list > li > a .listview_area .title_img{display: flex;height: 180px;}
ul.use_list > li > a .textview_area{display:block; width: 318px; height:108px;background:#fff ;padding:15px 5px 0 10px;}
ul.use_list > li > a .textview_area .subject_item{display:inline-block;font-weight:500;color:#0059a6;font-size:14px;line-height:14px;border: 1px solid #0059a6; border-radius: 10px; padding: 3px 12px;}
ul.use_list > li > a .textview_area .title_item{font-weight:400;color:#333;padding:5px 5px 0 5px;width:300px;overflow:hidden;
white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:20px;}
ul.use_list > li > a:hover .textview_area{background:#fff;}


/*블로그방식뷰 -new view*/
.con_use_view{width:1000px;margin:90px auto 110px; max-width: 100%;}
.con_use_view .title_img > img{width: 100%;height:100%;justify-content: center;align-items: center;}
.con_use_view .title_img{display: flex;height: auto; width: 1000px; max-width: 100%;}

.con_use_view .view_title{padding:10px 5px;margin-top:40px;border-bottom:1px solid #e0e0e0;overflow:hidden;max-height:auto;}
.con_use_view .view_title span{vertical-align:middle;}
.con_use_view .view_title span.sub_title{border:1px solid #003767;padding:1px 8px;font-size:14px;line-height:14px;color:#003767;margin-right:14px;}
.con_use_view .view_title .tag_text{display:inline-block;font-weight:500;color:#0059a6;font-size:15px;line-height:15px;border: 1px solid #0059a6;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; padding: 3px 12px;}
.con_use_view .view_title .date_text{ float: right; font-size:15px;line-height:15px; padding: 5px 12px;}


.con_use_view .view_title span.title_text{ display: block; font-size:30px;line-height:35px;color:#003767;font-weight:400; padding: 10px 0 10px 0;}
.con_use_view .view_area{ font-size:16px;line-height:26px; padding: 40px; margin: 0 auto;}
/* .con_use_view .view_area img{ display: block; max-width: 100%; height: auto;text-align: center; padding:10px 0 10px 0;} */

/*===210916==
.con_use_view .view_area img{  max-width: 100%; border: 1px solid #ddd; border-radius: 10px;}
.con_use_view .view_area .text_area{ display: block;text-align: left;} */

.con_use_view .inner_sns{text-align:left;padding:40px 0 20px;}
.con_use_view .inner_sns ul{display:inline-block;}
.con_use_view .inner_sns ul:after{content:"";display:block;clear:both;}
.con_use_view .inner_sns ul li{float:left;padding-left:8px;}
.con_use_view .inner_sns ul li a{display:block;width:29px;height:29px;background:url(../img/common/btn_list_sns.png) no-repeat;}
.con_use_view .inner_sns ul li.facebook a{background-position:0 -29px;}
.con_use_view .inner_sns ul li.kakao a{background-position:0 -203px;}
.con_use_view .inner_sns ul li.twitter a{background-position:0 -87px;}
.con_use_view .inner_sns ul li.url a{background-position:0 -116px;}
.con_use_view .inner_sns ul li.in a{background-position:0 -145px;}
.con_use_view .inner_sns ul li.mail a{background-position:0 -174px;}
.con_use_view .inner_sns ul li.blog a{background-position:0 0px;}

.con_use_view .go .btn_area{text-align:center;padding:25px 0 25px 0;}
.con_use_view .go .btn_area .btn_go{min-width:160px;text-align:center;}
.con_use_view .go .ttext{ display: block; margin:0 auto; text-align:center; font-size: 15px; line-height: 18px;padding:30px 0 30px 0;}
.con_use_view .btn_area{text-align:right;padding-top:25px;border-top:1px solid #e0e0e0;}
.con_use_view .btn_area .btn_go{min-width:100px;text-align:center;}

.con_use_view .link_list > a{display:block;padding:22px;font-size:16px;line-height:16px;color:#333;height:60px;box-sizing:border-box;-webkit-box-sizing:border-box;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #e0e0e0;}
.con_use_view .link_list > a .tag_area{float:left;width:15%;text-align:center;}
.con_use_view .link_list > a .tag_area span{vertical-align:top;}
.con_use_view .link_list > a .tag_area .icon{display:inline-block;width:20px;height:14px;background:url(../img/common/icon_select_blue01.png) no-repeat;}
.con_use_view .link_list > a.go_before_list .tag_area .icon{display:inline-block;background-position:0 -14px;}
.con_use_view .link_list > a .title_text{float:left;width:85%;}


.con_other_list{padding-bottom: 80px;width:1000px;margin:0 auto; max-width: 100%;}
.con_other_list .list_title { font-size: 38px; text-align: center; color: #333;}
.con_other_list ul:after{content:"";display:block;clear:both;}
.con_other_list ul > li{float:left;width:33.33333%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding: 6px 6px 20px 6px;}
.con_other_list ul > li > a{display:block;border: 1px solid #fff;}
.con_other_list ul > li > a:hover{border: 1px solid #bbb;}

.con_other_list ul > li > a .listview_area{ margin: 8px 8px 8px; position:relative;height:180px;overflow:hidden;text-align:center;background:#bbb;}
.con_other_list ul > li > a .listview_area .title_img {width: 100%;}
.con_other_list ul > li > a .listview_area .title_img > img{width:100%;height:100%;justify-content: center;align-items: center;}
.con_other_list ul > li > a .listview_area .title_img{display: flex;height: 180px;}
.con_other_list ul > li > a  .listview_area .title_img{position:absolute;top:0;left:0;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:0.9;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;background-size:50% 50%;}
.con_other_list ul > li > a:hover .listview_area .title_img{-webkit-transform:scale(1.12);-moz-transform:scale(1.12);transform:scale(1.12);opacity:1;}
.con_other_list ul > li > a .textview_area{display:block; width: 318px; height:108px;background:#fff ;padding:15px 5px 0 10px;}
.con_other_list ul > li > a .textview_area .subject_item{display:inline-block;font-weight:500;color:#0059a6;font-size:14px;line-height:14px;border: 1px solid #0059a6; border-radius: 10px; padding: 3px 12px;}
.con_other_list ul > li > a .textview_area .title_item{font-weight:400;color:#333;padding:5px 5px 0 5px;width:300px;overflow:hidden;
font-size:15px;line-height:20px;}
.con_other_list ul > li > a:hover .textview_area{background:#fff;}


.con_case_area .search_area:after{content:"";display:block;clear:both;}
.con_case_area .search_area{width:520px;margin:25px auto 0;}
.con_case_area .search_area .inner{width:520px;padding-bottom:30px;}
.con_case_area .search_area input[type=text]{float:left;width:410px;height:37px;border:1px solid #ddd;font-size:15px;line-height:19px;color:#333;}
.con_case_area .search_area input{vertical-align:middle;}
.con_case_area .search_area .btn_search{float:right;min-width:105px;}

/* 공통 리셋 ------------------------------------------------------------ */

/* 포지션 */
.p_relative {position:relative;}
.p_absolute {position:absolute;}

/* 패딩, 마진 값 리셋 */
.pd_t0 {padding-top:0 !important;}
.pd_b0 {padding-bottom:0 !important;}
.pd_tb0 {padding-top:0 !important;padding-bottom:0 !important;}
.pd_lr0 {padding-left:0 !important;padding-right:0 !important;}
.pd_tb10 {padding:10px 0 10px 0 !important;}
.pd_tb100 {padding:100px 0 !important;}

.pd_t10 {padding-top:10px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t50 {padding-top:50px !important;}
.pd_t70 {padding-top:70px !important;}
.pd_t80 {padding-top:80px !important;}
.pd_t100 {padding-top:100px !important;}

.pd_b10 {padding-bottom:10px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b50 {padding-bottom:50px !important;}
.pd_b80 {padding-bottom:80px !important;}
.pd_b100 {padding-bottom:100px !important;}

.mg_t0 {margin-top:0 !important;}
.mg_b0 {margin-bottom:0 !important;}
.mg_l0 {margin-left:0 !important;}
.mg_r0 {margin-right:0 !important;}

.mg_lr0 {margin-left:0 !important;margin-right:0 !important;}
.mg_tb0 {margin-top:0 !important;margin-bottom:0 !important;}

.mg_t15 {margin-top:15px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t80 {margin-top:80px !important;}

.mg_l5 {margin-left:5px;} 
.mg_l10 {margin-left:10px;} 

/* 가로 값 */
.w_auto {width:auto !important;}

/* 보더 값  */
.border0 {border:0 !important;}
.bd_t0 {border-top:0 !important;}
.bd_b0 {border-bottom:0 !important;}
.bd_l0 {border-left:0 !important;}
.bd_r0 {border-right:0 !important;}

/* 텍스트 컬러 */
.txt_red {color:#ee2e4d !important;}
.txt_blue {color:#005bac !important;}
.txt_navy {color:#003767 !important;}
.txt_333 {color:#333333 !important;}
.txt_666 {color:#666666 !important;}
.txt_888 {color:#888888 !important;}
.txt_fff {color:#ffffff !important;}

/* 텍스트 크기 속성 등 리셋 */
.txt_sz24 {font-size:24px !important;}
.txt_sz26 {font-size:26px !important;}
.txt_sz34 {font-size:34px !important;}
.txt_sz38 {font-size:38px !important;}

.txt_bd300 {font-weight:300 !important;}
.txt_bd400 {font-weight:400 !important;}
.txt_bd500 {font-weight:500 !important;}
.txt_bd600 {font-weight:600 !important;}

.line_hg130 {line-height:130% !important;}
.line_hg140 {line-height:140% !important;}
.line_hg150 {line-height:150%;}

/* display */
.ds_block {display:block;}

/* 테이블 */
.tb_default {width:100%; border-collapse:collapse;border-spacing:0;font-size:15px;color:#333;line-height:150%;}
.tb_default thead th {text-align:center;padding:10px;background:#f1f1f1;color:#003767;font-weight:500;
border-top:2px solid #003767;border-bottom:1px solid #e0e0e0;border-right:1px solid #d4d4d4;}
.tb_default thead th:last-child {border-right:0px;}

.tb_default tbody th {padding:10px;border-bottom:1px solid #e0e0e0;color:#333;font-weight:500;}
.tb_default tbody td {padding:10px;text-align:center;border-bottom:1px solid #ddd;border-left:1px solid #e0e0e0;}
.tb_default tbody td:first-child {border-left:0px;}
.tb_default tbody td.txt_left{text-align:left;}

.tb_default2 {width:100%;border-collapse:collapse;border-spacing:0;font-size:15px;color:#333;line-height:150%;border-top:2px solid #003767;}
.tb_default2 tbody th {padding:10px;border-bottom:1px solid #d4d4d4;padding:10px;background:#f1f1f1;color:#003767;font-weight:500;border-right:1px solid #e0e0e0;}
.tb_default2 tbody td {padding:10px;border-bottom:1px solid #e0e0e0;text-align:left;}
.tb_default2 tbody td:first-child {border-left:0px;}

.warning_txt { 
	color:#f00;
}

.bg_bgray {
    background: #556a78;
}

.bg_omblue1 {
    background: #1faacd;
}
.bg_omblue2 {
    background: #1b7ed5;
}

/* blog */
.con_blog_view {
    width: 1000px;
    margin: 90px auto 110px;
    max-width: 100%;
}

.con_blog_view{width:1000px;margin:90px auto 110px; max-width: 100%;}
.con_blog_view .title_img > img{width: 100%;height:100%;justify-content: center;align-items: center;}
.con_blog_view .title_img{display: flex;height: auto; width: 1000px; max-width: 100%;}

.con_blog_view .view_title{padding:10px 5px;margin-top:40px;border-bottom:1px solid #e0e0e0;overflow:hidden;max-height:auto;}
.con_blog_view .view_title span{vertical-align:middle;}
.con_blog_view .view_title span.sub_title{border:1px solid #003767;padding:1px 8px;font-size:14px;line-height:14px;color:#003767;margin-right:14px;}
.con_blog_view .view_title .tag_text{display:inline-block;font-weight:500;color:#0059a6;font-size:15px;line-height:15px;border: 1px solid #0059a6;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; padding: 3px 12px;}
.con_blog_view .view_title .date_text{ float: right; font-size:15px;line-height:15px; padding: 5px 12px;}


.con_blog_view .view_title span.title_text{ display: block; font-size:30px;line-height:35px;color:#003767;font-weight:400; padding: 10px 0 10px 0;}
.con_blog_view .view_area{ font-size:16px;line-height:26px; padding: 40px 0; margin: 0 auto;}
.con_blog_view .view_area img{ display: block; max-width: 100%; height: auto;text-align: center; padding:10px 0 10px 0;}
.con_blog_view .view_area .text_area{ display: block;text-align: left;}

/* 자료 다운로드 - 하단 다운로드 영역 */
.wrap_btmdownload_area{width:100%;background:#40424d url(../img/product/img_subbottom_product01.jpg) no-repeat 50%;position: relative; z-index: 0;}
.btmdownload_area{width:1000px;height:390px;margin:0 auto;text-align:center;}
.btmdownload_area h2{padding-top:100px;}
.btmdownload_area h2 > span{display:inline-block;vertical-align:top;}
.btmdownload_area h2 > span.mark_left{width:200px;width:34px;height:30px;background:url(../img/product/icon_bottom_mark.png) no-repeat;}
.btmdownload_area h2 > span.mark_right{width:200px;width:34px;height:30px;background:url(../img/product/icon_bottom_mark.png) no-repeat right -30px;}
.btmdownload_area h2 .title_text{display:inline-block;padding:0 20px;font-size:28px;line-height:42px;color:#fff;font-weight:600;vertical-align:top;*zoom:1;}
.btmdownload_area .btn_area{padding-top:40px;}
.btmdownload_area .btn_area > a{margin:0 3px;min-width:200px;}

.search_area .btn_search {height: 37px !important;}

.con_form_area .inner_form input[type=text]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder,
.con_form_area .inner_form input::-webkit-input-placeholder, input[type=email]::placeholder::-webkit-placeholder,input[type=number]::-webkit-placeholder,
.con_form_area .inner_form input::-ms-input-placeholder, input[type=email]::placeholder::-ms-placeholder,input[type=number]::-ms-placeholder,.inner_text_form_noline textarea::placeholder,.inner_text_form_noline textarea::-webkit-placeholder,.inner_text_form_noline textarea::-ms-input-placeholder { font-size: 1em !important; line-height: 1em !important;}

.mobile-only-menu {display: none;}

/* 2021-06-08 */
@media (max-width:1240px) {
    #wrapper {
        min-width: 100%;
    }
}

 @media (max-width:1024px) {

    #wrapper {
        z-index: 2;
    }
    .con_blog_view .view_area {
        padding: 40px 0;
    }

    /* common */     

    #popupzone {
        display: none !important;
    }


    html.active {
        overflow: hidden;
    }

    #wrapper {
        width: 100%;  
        word-break: keep-all;
        box-sizing: border-box;
        padding-top: 60px;
        position: relative;
    } 

    #wrapper * {
        box-sizing: border-box;
    }

    .wrap_popup_area {
        transform: translate(-50%,-50%);
        margin: 0 !important;
        width: calc(100% - 80px) !important;
        height: auto !important;
        padding: 20px;
        max-height: calc(100% - 80px);
    }

    .btn_close_popup_white {
        top: -60px;
        right: -20px;
    }
    .con_ok_popup .okspec_area .okspec_table {
        width: 100% !important;
    }

    .wrap_popup_area .popup_contents {
        position: relative;
        left: auto;
        top: auto;
    }

    /* header */
    .wrap_header .header {
        width: 100%;
        padding: 0 40px;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 100;
    }

    .wrap_header .header .gnbWrap {
        float: none;
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: auto;
        background: #ffff;
        padding: 0 20px;
        z-index: 100;
        box-sizing: border-box;
        box-shadow: 0 20px 20px rgba(0,0,0,0.1);
        transition: .5s;
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        height:100%;
        overflow: auto;
        padding-top: 60px;
    }
    
    .wrap_header .header .gnbWrap.active {
        right: 0;
        z-index: 100;
        opacity: 1;
        visibility: visible;
    }

    
    .wrap_header .header::before {
        display: block;
        content: "";
        width: 100vw;
        height: 100vh;
        background: rgba(0,0, 0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
    }
    
    body.active .wrap_header .header::before {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }

    .wrap_header .header .gnbWrap .close {
        display: block;
    }

    .wrap_header .header ul.gnb {
        float: none;
        padding: 0;
    }

    .wrap_header .header ul.gnb > li:lang(ko) {
        float: none;
        display: block;
        position: relative;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
    }

    .wrap_header .header ul.gnb > li:lang(ko):first-of-type {
        border-top: 1px solid #ddd;
    }

    .wrap_header .header ul.gnb > li >a:lang(ko) {
        width: 100%;
        display: block;
        padding: 18px 0;
        position: relative;
    }

    .wrap_header .header ul.gnb > li.has >a:lang(ko)::after {
        display: block;
        content: "\e943";
        font-family: 'xeicon';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%) rotate(0);
        font-size: 25px;
        transition: .3s;
        color: #ddd;
    }    
    
    .wrap_header .header ul.gnb > li .mobile_depth {
        display: none;
    }

    .wrap_header .header ul.gnb > li.has.active > a:lang(ko)::after {
        transform: translateY(-50%) rotate(180deg);
        color: #0059a6;
    }

    .wrap_header .header ul.gnb > li.active .mobile_depth {
        display: block;
    }

    .wrap_header .folding_depth_menu {
        display: none !important;
    }

    .wrap_header .header ul.gnb .mobile_depth {
        display: block;
        padding-bottom: 15px;
    }

    .wrap_header .header ul.gnb .mobile_depth li {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 0;
    } 

    .wrap_header .header ul.gnb .mobile_depth li a {
        display: block;
        padding: 7px 0;
        font-size: 16px;
        color: #000;
        font-weight: 400;
    }

    .wrap_header .header .go_adminpage {
        float: none;
        position: absolute;
        top: 50%;
        right: 40px;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
    }

    .wrap_header .header .go_adminpage a {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    .wrap_header .header .go_adminpage a {
        display: none;
    }

    .wrap_header .header .go_adminpage a:hover {
        background: inherit;
        color: inherit;
    }

    .wrap_header .header .go_adminpage a.all-menu {
        display: inline-block;
        padding: 0;
        border-radius: 0;
        position: relative;
        border: none;
        font-size: 0;
        text-indent: -9999px;
        width: 20px;
        height: 20px;
        background: url(/assets/img/common/img_header_menu.svg)no-repeat center center / contain;
    }

    .gnbWrap .gnb-btn {
        display: block;
        margin-top: 20px;
    }

    .gnbWrap .gnb-btn a {
        display: block;
        padding: 16px 0;
        text-align: center;
        font-size: 16px;
        border-radius: 30px;
        margin-bottom: 10px;
        color: #777;
        border: 1px solid #ddd;
        background: transparent;
    }

    .gnbWrap .gnb-btn a:last-of-type {
        margin-bottom: 0;
    }

    .gnbWrap .gnb-btn a.blue {
        color: #fff;
        border: 1px solid #0059a6;
        background: #0059a6;
    }

    .gnbWrap .gnb-btn a.gnb-admin {
        display: none;
    }

    .gnbWrap .gnb-btn a.gnb-admin.mobile {
        display: block;
    }

    /* footer */

    .wrap_footer .con_footer {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }


    .wrap_footer .go_top_area {
        right: 40px;
    }

    .con_footer .list_area {
        width: calc(100% - 190px);
    }

    .con_footer .list_area ul.footer_list {
        width: 33.3333%;
        box-sizing: border-box;
        padding-right: 30px;
    }

    .con_footer .service_area {
        width: 190px;
        padding-left: 18px;
    }

    .con_footer .address_area .address_text {
        line-height: 1.5;
    }

    /* sub */
    .contents,
    .sub_row,
    .sub_row_none {
        width: 100%;
        padding: 60px 40px !important;
        margin: 0 !important;
    }

    .sub_row > .contents {
        padding: 0 !important;
    }
/* 
    .contents {
        margin: 60px 0;
    } */

    .sub_row > div,
    .sub_row_none > div,
    .contents > div {
        width: 100%;
        /* padding: 60px 0; */
        margin: 0 !important;
    } 

    .sub_row img,
    .contents img {
        max-width:100%;
    }

    
    .wrap_subtop_visual {
        display: block;
        height: auto;
    }

    .subtop_visual {
        display: block;
        padding: 100px 40px;
    }


    .tab_area_type01 ul > li {
        width: 25%;
        box-sizing: border-box;
    }

    .tab_area_type01.type2 ul > li {
        width: 50%;
    }
    
    .tab_area_type01 ul.tab03 > li {
        width: 33.3333%;
    }
    
    #function .tab_area_type01 ul {
        border: 1px solid #e0e0e0;
        border-top: none;
        background: #fafafa;
    }

    #function .tab_area_type01 ul > li {
        border: 1px solid #e0e0e0;
        border-left: none;
        border-bottom: none;
        background: #fff;
        position: relative;
    }

    #function .tab_area_type01 ul > li:nth-of-type(4) {
        border-right: none;
        /* border-bottom: 1px solid #e0e0e0; */
    }

    #function .tab_area_type01 ul > li:nth-of-type(4)::after {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        background: #e0e0e0;
        position: absolute;
        top: 100%;
        left: 0;
    }
/* 
    #function .tab_area_type01 ul > li:last-of-type {
        border-bottom: none;
        border-right: 1px solid #e0e0e0;
    } */
/* 
    .tab_area_type01 ul > li > a {
        display: block;
        line-height: 65px;
    } */
    
    .sub_row h2,
    .contents h2,
    .sub_row_none h2,
    .wrap_con_about h2, 
    .wrap_con_partner h2 {
        font-size: 35px !important;
        line-height: 1.3 !important;
        margin-bottom: 60px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .sub_row h2 + *,
    .contents h2 + *,
    .sub_row_none h2 + *,
    .wrap_con_about h2 + *, 
    .wrap_con_partner h2 + * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .con_other_list ul > li {
        width: 50%;
    }

    .tab_btn {
        padding-top: 60px;
    }

    .tab_btn ul {
        text-align: center;
        width: 100%;
    }

    .tab_btn ul > li {
        float: none;
        display: inline-block;
    }

    .con_use_view .view_area {
        padding: 40px 0;
    }
/* 
    .view_area img {
        max-width: 100% !important;
        margin: auto !important;
        height: auto !important;
    }  */

    .view_area * {
        max-width: 100% !important;
		height:auto !important;
    }

    .view_area .se-component-content {
        padding: 0 !important;
    } 

    .con_event_view .inner_sns,
    .con_blog_view .inner_sns,
    .con_use_view .inner_sns {
        padding: 10px 0 30px !important;
    }

    #YouTubu_area {
        width: 100% !important;
    }
/* 
    .con_use_view tr {
        display: block !important;
        width: 100% !important;
    }

    .con_use_view tr::after {
        display: block;
        content: "";
        clear: both;
    }

    .con_use_view th {
        display: block;
        width: 200px !important;
        float: left;
    }

    .con_use_view td {
        width: calc(100% - 200px) !important;
        float: left;
        display: block;
        min-width: auto !important;
    } */

    /* .con_use_view th, .con_use_view td {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #e0e0e0;
        border-right: none;
        padding: 12px 0 !important;
    } */

    .con_use_view p,
    .con_use_view li {
        padding-left: 0 !important;
    }

    
    .btmdownload_area,
    .btm {
        width: 100% !important;
        padding: 0 40px !important;
    }

    .btmdownload_area h2 {
        padding-left: 40px !important;
        padding-right: 40px !important;
        position: relative !important;
    }

    .btmdownload_area h2 .title_text,
    .main_section.t4 .section_title .title {
        font-size: 25px !important;
        font-weight: bold !important;
        line-height: 1.5 !important;
    }

    .btmdownload_area h2 > span.mark_left,
    .btmdownload_area h2 > span.mark_right {
        position: absolute !important;
    }

    .btmdownload_area h2 > span.mark_left {
        left: 0 !important;
    }

    .btmdownload_area h2 > span.mark_right {
        right: 0 !important;
    }

    .con_use_view .inner_sns ul li {
        padding-left: 5px !important;
    }

    .con_use_view .inner_sns ul li:first-of-type {
        padding-left: 0 !important;
    }
    
    .con_event_view .link_list > a {
        padding: 22px 0 !important;
    }

    .con_event_view .link_list > a .tag_area {
        width: 80px !important;
        text-align: left !important;
    }

    .con_event_view .link_list > a .title_text {
        width: calc(100% - 80px) !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }
} 

@media (max-width:800px) {
    .wrap_family {
        display: none;
    }
    
    .con_footer .service_area .link_terms a.pc_none {
        display: block;
    }
}


@media (max-width:768px) {



    .tab_area_type03 ul.tab05 {
        border: 1px solid #c1c1c1;
        background: #f5f5f5;
    }

    .tab_area_type03 ul > li {
        width: 33.3333%;
        border: none;
        border-right: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
        box-sizing: border-box !important;
    }

    .tab_area_type03 ul > li:nth-of-type(3n) {
        border-right: none;
        border-bottom: 1px solid #c1c1c1;
    }

    
    .tab_area_type03 ul > li:nth-of-type(n + 4) {
        border-bottom: none;
    }

    .tab_area_type03 ul > li.active {
        border-bottom:1px solid #C1C1C1;
    }

	.tab_area_type03 ul > li.active:nth-of-type(n + 4) {
		border-bottom: none;
	}
    
    .tab_area_type03 ul > li > a  {
        font-size: 14px;
    }

    .con_form_area .inner_form .full_item {
        padding: 5px 0 !important;
    }

    .search_area {
        width: 100% !important;
    }

    .search_area .inner {
        width: 100% !important;
    }

    .search_area input[type=text] {
        width: calc(100% - 110px) !important;
    } 

    .search_area input[type=text] + input[type=submit] {
        height: 37px !important;
    }

    .search_area .inner .btn_s {
        padding: 0;
        height: 37px;
    }

    .con_event_view .view_title,
    .con_use_view .view_title {
        margin-top: 0 !important;
        padding: 22px 10px !important;
    }
/* 
    .con_use_view .view_area img {
        margin-bottom: 15px !important;
        width: 100% !important;
        display: block !important;
        padding: 20px 5% !important;
    } */
/* 
    .con_blog_view .view_title {
        margin-top: 10px !important;
    } */

    .wrap_popup_area {
        height: auto !important;
    }

    .wrap_popup_area .video_area {
        height: 250px !important;
    }

    #wrapper {
        letter-spacing: -1px;
    }

    #wrapper br {
        display: none;
    }


     .subtop_visual .btn_area .btn_download .icon {
         display: none;
     }

     .btn > span {
         vertical-align: top;
         white-space: normal;
         word-break: break-all;
     }

     .btn_s {
         padding: 8px 14px;
     }

     .btn_l {
         font-size: 16px;
         padding: 10px 14px;
     }
    
     .tab_btn ul > li > a {
        font-size: 15px;
        padding: 5px 14px;
    }
     
    .wrap_popup_area {
        transform: translate(-50%,-50%);
        margin: 0 !important;
        width: calc(100% - 40px) !important;
        height: auto !important;
        padding: 20px;
    } 
    /* header */
    .wrap_header .header {
        padding: 0 20px;
        box-shadow: 0 2px 2px rgb(0 0 0 / 5%);
    }

    .wrap_header .header .go_adminpage {
        right: 20px;
    }
    
    .wrap_header .header h1 a {
        width: 140px;
        height: 25px;    
        background-size: cover;
        margin-top: 17.5px;
    }


    .wrap_footer .go_top_area {
        right: 20px;
    }

    .wrap_footer .con_footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .con_footer .list_area ul.footer_list li > a {
        line-height: 17px;
        font-size: 14px;
    }

    .con_footer .list_area {
        height: 200px;
        overflow: auto;
    }

    /* sub */
/* 
    .contents {
        margin: 40px 0;
    } */

    .contents,
    .sub_row,
    .sub_row_none {
        padding: 50px 20px !important;
    }

    .sub_row h2, .contents h2, .sub_row_none h2,
    .wrap_con_about h2, .wrap_con_partner h2 {
        font-size: 30px !important;
        line-height: 1.35;
        margin-bottom: 25px !important;
    }

    .subtop_visual {
        padding: 60px 20px;
    }
    
    .subtop_visual h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .subtop_visual .sub_text {
        font-size: 16px;
        line-height: 20px;
    }

    .sub_row .sub_text {
        padding-top: 0px !important;
    }

    .sub_row .sub_text.pd_b100 {
        padding-bottom: 0 !important;
        padding-top: 20px;
    }

    .sub_row .sub_text.pd_b100 br {
        display: block;
    }

    .sub_row .sub_text.pd_b100 b {
        display: block;
    }

    .subtop_visual .btn_area .btn_download.btn_l {
        font-size: 16px;
        line-height: 1.5;
    }

    .subtop_visual .btn_area .btn_download {
        max-width: 200px;
    }

    .subtop_visual .btn_area {
        text-align: center;
    }

    .subtop_visual .btn_area a {
        margin: 0 auto;
    }

    .subtop_visual .btn_area.new_type .btn {
        min-width: 150px;
        display: inline-block;
        margin: 0 3px;
    }

    .subtop_visual .btn {
        display: block;
        margin: 5px auto;
    }

    .sub_row .sub_text {
        font-size: 16px;
    }

    .tab_area_type03 ul.tab06 {
        margin: -3px;
    }

    .tab_area_type03 ul.tab06 > li {
        width: 33.3333%;
        padding: 3px;
        border: none !important;
    }

    .tab_area_type03 ul.tab06 > li > a {
        border: 1px solid #c1c1c1;
    }

    .con_use_view .view_title span.title_text {
        font-size: 25px;
        line-height: 30px;
    }
    .con_other_list .list_title {
        font-size: 30px;
        display: block;
        line-height: 30px;
        padding: 20px 0 40px;
    }

    .con_use_view {
        margin: 50px 0;
    }

    .con_other_list ul > li > a .listview_area {
        height: auto;
        margin: 5px;
    }

    .con_other_list ul > li > a .listview_area .title_img {
        position: relative;
        height: auto;
    }

    .con_other_list ul > li > a .textview_area {
        padding: 15px 5px;
    }

    .con_other_list ul > li > a .textview_area,
    .con_other_list ul > li > a .textview_area .title_item {
        width: 100%;
    }

    .con_other_list ul > li > a .listview_area .title_img > img {
        height: auto;
    }

    /* form */
    .con_form_area {
        width: 100%;
    }

    .con_form_area ul.inner_list {
        width: 100%;
    }

    .inner_text_form_noline,
    .inner_text_form {
        padding: 5px 0 10px;
    }

    .con_scrollarea_terms {
        margin: 10px 0 0;
    }

    .con_form_area ul.inner_list {
        padding-top: 0;
    }

    .con_form_area ul.inner_list li,
    .con_form_area .inner_form .menu_item {
        width: 100% !important;
        float: none !important;
        display: block !important;
        padding: 5px 0 !important;
        text-align: left !important;
    }

    .con_form_area .inner_form {
        padding: 0;
    }

    .con_form_area .inner_form input[type=text], input[type=email], input[type=number] {
        font-size: 14px !important;
        height: 48px !important;
        line-height: 48px !important;
        padding: 0.2rem 0.8rem;
        border-radius: 0;
    }
    
    .con_form_area .inner_form input[type=text]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder,
    .con_form_area .inner_form input::-webkit-input-placeholder, input[type=email]::placeholder::-webkit-placeholder,input[type=number]::-webkit-placeholder,
    .con_form_area .inner_form input::-ms-input-placeholder, input[type=email]::placeholder::-ms-placeholder,input[type=number]::-ms-placeholder,.inner_text_form_noline textarea::placeholder,.inner_text_form_noline textarea::-webkit-placeholder,.inner_text_form_noline textarea::-ms-input-placeholder { font-size: 14px !important; line-height: 14px !important;}

    .con_form_area .inner_form_line {
        padding: 30px 0;
    }

    .inner_text_form_noline textarea {
        padding: .8rem;
        font-size: 14px;
    }

    .con_form_area h5 {
        padding-top: 0;
    }

    .con_form_area.top_line h4 {
        padding: 30px 0 10px;
    } 

    label.icheck > span {
        vertical-align: middle !important;
    }

    label.icheck > span + em {
        font-size: 16px !important;
    }

    .con_form_area ul.chk_area,
    .con_form_area ul.terms_chk_area  {
        padding: 10px 0;
    }

    .con_form_area .inner_form select {
        padding:0.2rem 0.6rem;
        height: 48px;
        font-size: 14px;
    }

    .con_form_area .inner_file {
        padding: 0;
    }

    .tab_btn {
        padding-top: 20px;
    }
    
    .tab_btn ul {
        line-height: 40px;
    }

    .tab_btn ul > li {
        margin-left: 4px;
    }

    .tab_btn ul > li > a {
        font-size: 15px;
        padding: 5px 14px;
    }

    .con_blog_view {
        margin: 50px 0;
    }

    .con_blog_view .title_img {
        /* display: none; */
    }

    .con_blog_view .view_title span.title_text {
        font-size: 25px;
        line-height: 30px;
    }

    .con_blog_view .view_title .date_text {
        float: left;
        padding: 5px 0;
    }

    .con_blog_view .table-overflow {
        overflow: auto !important;
    }

    .con_blog_view .table-overflow table {
        width: 768px !important;
        max-width: none !important;
    }

    /* 다운로드 */
    .wrap_btmdownload_area {
        background-size: cover !important;
    }

    .btmdownload_area,
    .main_section.t4 .section_content {
        height: auto !important;
        padding: 60px 40px !important;
    }
    
    .btmdownload_area .btn_area,
    .main_section.t4 .section_title + .btn_area {
        padding-top: 25px !important;
    }

    .btmdownload_area h2 {
        padding-top: 0 !important;
        padding: 0 !important;
    }

    .btmdownload_area h2 .title_text {
        font-size: 22px !important;
        padding: 0 !important;
        line-height: 1.5 !important;
    }

    .btmdownload_area h2 .title_text br {
        display: none !important;
    }

    .btmdownload_area h2 > span.mark_left,
    .btmdownload_area h2 > span.mark_right {
        display: none !important;
        width: 25px !important;
        height: 22px !important;
        background-size: cover !important;
    }

    .btmdownload_area h2 > span.mark_right {
        background: url(../img/product/icon_bottom_mark.png) no-repeat right -22px !important;
        background-size: cover !important;
    }

    .btmdownload_area .btn_area::after {
        display: block !important;
        content: "" !important;
        clear: both !important;
    }
    
    .btmdownload_area .btn_area.new_type > a {
        display: block !important;
        width: 49% !important;
        margin: 0 !important;
        margin-right: 2% !important;
        min-width: auto !important;
        float: left !important;
    }

    .btmdownload_area .btn_area > a:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .function_sec {
        margin-top: 30px !important;
    }
}


@media (max-width:587px) {
    /* .con_footer .list_area ul.footer_list {
        width: 50%;
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        float: none;
    }

    .con_footer .service_area {
        float: left;
    } */


    .btn_l {
        padding: 10px 5px;
    }

    .tab_area_type01 ul > li {
        width: 33.33333%;
    }

    .tab_area_type01 ul.tab04 {
        border-top: 1px solid #e0e0e0;
    }

    .tab_area_type01 ul.tab04 > li {
        width: 50%;
        border-top: none;
    }

    .tab_area_type01 ul.tab04 > li:nth-of-type(2n) {
        border-right: 1px solid #e0e0e0;
    }

    .tab_area_type01 ul > li.list4 {
        width: 50%;
    }

    .tab_area_type01 ul > li > a {
        height: 50px;
        font-size: 14px;
    }

    
    .tab_area_type02 ul > li > a {
        font-size:14px;
    } 

    #function .tab_area_type01 ul > li:nth-of-type(3n) {
        border-right: none;
    } 

    #function .tab_area_type01 ul > li:nth-of-type(4) {
        border-right: 1px solid #e0e0e0;
    }


    #function .tab_area_type01 ul > li:nth-of-type(4)::after {
        display: none;
    }
    
    #function .tab_area_type01 ul > li:nth-of-type(5)::after, 
    #function .tab_area_type01 ul > li:nth-of-type(6)::after {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        background: #e0e0e0;
        position: absolute;
        top: 100%;
        left: 0;
    }
/* 
    .contents {
        margin: 30px 0;
    }

    .sub_row > div {
        padding: 30px 0;
    } */
    
    .sub_row h2,
    .contents h2,
    .sub_row_none h2,
    .wrap_con_about h2, 
    .wrap_con_partner h2 {
        font-size: 25px !important;
    }

    .sub_row h2 br,
    .contents h2 br,
    .sub_row_none h2 br,
    .wrap_con_about h2 br, 
    .wrap_con_partner h2 br {
        display: none;
    }
    
    .con_footer .list_area {
        display: none;
    }

    .con_footer .select_link {
        display: none;
    }

    .con_footer .service_area {
        float: left; 
        padding-left: 0;
        padding-bottom: 20px;
        width:100%;
    }
    
    .con_footer .service_area .link_terms {
        text-align: left;
        width: 100%;
    }

    .con_footer .service_area .link_terms a {
        display: inline-block;
        margin-bottom: 0 !important;
        margin-right: 10px;
    }

    .con_footer .service_area .link_terms a.pc_none {
        display: inline-block;
    }
    

    .con_footer .service_area .link_terms a:last-of-type {
        margin-right: 0;
    }
/* 
    .con_use_view th {
        width: 130px !important;
    }

    .con_use_view td {
        width: calc(100% - 130px) !important;
    } */


}


@media (max-width:440px) {

    .wrap_header .header ul.gnb {
        width: 100%;
        margin: 0;
    }

    .wrap_header .header ul.gnb > li:lang(ko) {
        width: 100%;
        display: block;
        padding: 0;
    }
/* 
    .con_footer .service_area .link_terms a {
        display: inline-block;
        margin-right: 10px;
    } */

    .con_footer .service_area .link_terms br {
        display: none;
    }

    .paginate_area ul li.page > a {
        margin: 0 3px;
    }

    .con_other_list ul > li {
        width: 100%;
        padding: 0 0 10px;
    }

    .con_other_list ul > li > a .textview_area {
        height: auto;
    }

    .subtop_visual .btn_area.new_type .btn {
        min-width: 130px;
    }
    
    .subtop_visual .btn_area .btn_download.btn_l {
        font-size: 13px;
    }

    .tab_btn {
        padding-top: 25px;
    }

    /* 다운로드 */
    .btmdownload_area,
    .main_section.t4 .section_content {
        padding: 60px 20px !important;
    }
    
    .btmdownload_area h2 .title_text,
    .main_section.t4 .section_title .title {
        font-size: 20px !important;
        word-break: keep-all;
    }
}

@media (max-width:400px) {
    /* .search_area input[type=text] {
        width: 100% !important;
    }

    .search_area .btn_search {
        float: none;
        width: 100%;
    }

    .con_case_area .search_area .inner {
        padding-bottom: 0;
    } */

    .con_case_area .search_area input[type=text] {
        width: calc(100% - 80px) !important;
    }

    .con_case_area .search_area .btn_search {
        min-width: 80px;
    }
}

@media (max-width:340px) {
    .btn_l {
        font-size: 15px;
    }
}

/* 210927 유실 텍스트 */
.mobile_hidden_txt {
  font-size: 24px;
  line-height: 32px;
  color: #003767;
  text-align: center;
  margin-top: 20px;
  display: none;
}
.spec_grp .mobile_hidden_txt + .btn_area {
  display: none;
}
.txt_sz13 {
  font-size: 13px;
}
@media (max-width: 768px) {
  .mobile_hidden_txt,
  .spec_grp .mobile_hidden_txt + .btn_area {
    display: block;
  }
}
/* //210927 유실 텍스트 */

/*------------------------------------------------------------
새윈도우팝업 스타일 정의
------------------------------------------------------------*/

.popup_layer {
  max-width: 95%;
  left: 50% !important;
  transform: translateX(-50%);
}

.popup_layer_con {
  max-width: 100%;
}

.common_new_window_popup,
.popup_wrapper {
  height: 100%;
}

.common_new_window_popup h1,
.common_new_window_popup h2,
.common_new_window_popup h3,
.common_new_window_popup h4,
.common_new_window_popup h5,
.common_new_window_popup h6 {
	line-height: 1;
}

.common_new_window_popup p {
	line-height: 1.5;
}

.common_new_window_popup .popup_wrapper .popup_top {
  padding: 15px;
	width: 100%;
	height: 80px;
	background: #0059a6;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.common_new_window_popup .popup_wrapper .popup_top>h3 {
	font-size: 22px;
	color: #fff;
}

.common_new_window_popup .popup_wrapper .popup_middle {
	padding: 34px;
  height: calc(100% - 80px);
  overflow-y: auto;
	/* overflow-x: hidden;
	overflow-y: auto;
	max-height: 570px; */
}

.common_new_window_popup .popup_wrapper .popup_middle>h3 {
	font-size: 22px;
	margin-bottom: 26px;
}


/*----------------------------------------
새윈도우팝업 주요 콘텐츠
----------------------------------------*/

.common_new_window_popup .popup_wrapper .popup_middle .popup_main_cont {
	margin-bottom: 20px;
}

.common_new_window_popup .popup_wrapper .popup_middle .popup_main_cont>p {
	font-size: 14px;
	white-space: pre-line;
	word-break: break-all;
}


/*----------------------------------------
새윈도우팝업 경고 콘텐츠
----------------------------------------*/

.common_new_window_popup .popup_wrapper .popup_middle .popup_caution_cont {
	margin-bottom: 20px;
}

.common_new_window_popup .popup_wrapper .popup_middle .popup_caution_cont>h4 {
	margin-bottom: 8px;
}

.common_new_window_popup .popup_wrapper .popup_middle .popup_caution_cont>p {
	font-size: 14px;
	white-space: pre-line;
	word-break: break-all;
	border: 3px solid #ff6600;
	padding: 20px;
}


/*----------------------------------------
새윈도우팝업 중간경계선
----------------------------------------*/

.common_new_window_popup .popup_wrapper .popup_middle hr {
	padding: 0px;
	margin: 0px 0px 20px;
	height: 1px;
	border-width: 1px 0px 0px;
	border-style: solid none none;
	border-color: rgb(187, 187, 187);
	border-image: none;
}


/*----------------------------------------
새윈도우팝업 버튼 영역
----------------------------------------*/

.common_new_window_popup .popup_wrapper .popup_middle .popup_btn_area {
	margin-bottom: 26px;
}

.common_new_window_popup .popup_wrapper .popup_dont_show_text_btn {
	text-align: right;
}

.common_new_window_popup .popup_wrapper .popup_dont_show_text_btn label {
	font-size: 14px;
	margin-bottom: 26px;
}