#sub_visual {position:relative;max-width:1920px;margin:auto;background:url("/image/sub/sub_visual1.jpg") no-repeat;background-size:cover;height:350px;}
#sub_visual>div {display:table;width:100%;height:100%;}
#sub_visual>div>p { display:table-cell;color:#fff;font-size:4rem;font-weight:500;vertical-align: middle;}
#sub_visual>div>p >span {font-size:1.5rem;display:block;font-weight:300}

#sub_visual .nav {font-weight:100;position: absolute;left:7rem;top:3rem;color:#fff;font-size:1.5rem;}

.sub_visual2 {background:url("/image/sub/sub_visual2.jpg") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual3 {background:url("/image/sub/sub_visual3.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual4 {background:url("/image/sub/sub_visual4.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual5 {background:url("/image/sub/sub_visual5.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual6 {background:url("/image/sub/sub_visual6.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}

.sub_visual7 {background:url("/image/sub/sub_visual7.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual8 {background:url("/image/sub/sub_visual8.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual9 {background:url("/image/sub/sub_visual9.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual10 {background:url("/image/sub/sub_visual10.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual11 {background:url("/image/sub/sub_visual11.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual12 {background:url("/image/sub/sub_visual12.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual13 {background:url("/image/sub/sub_visual13.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual14 {background:url("/image/sub/sub_visual14.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual15 {background:url("/image/sub/sub_visual15.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual16 {background:url("/image/sub/sub_visual16.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}

.sub_visual17 {background:url("/image/sub/sub_visual17.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual18{background:url("/image/sub/sub_visual18.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual19{background:url("/image/sub/sub_visual19.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}
.sub_visual20{background:url("/image/sub/sub_visual20.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}

.sub_visual21{background:url("/image/sub/sub_visual21.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}

.sub_visual22{background:url("/image/sub/sub_visual22.png") no-repeat !important;background-size:cover;background-position: center center !important;height:350px;}


.privacy_box {font-size:1.5rem}







.content_wrap {max-width:1180px;margin:auto;padding:7rem 0}
.sub_title {font-size:2.6rem;color:#0a0a0a;padding-bottom:2rem;border-bottom:1px solid #ddd;font-weight:500}

.con_1 {position:relative;padding-right:50%}
.con_1>div {position: absolute;right:0;top:0;width:50%;}
.con_1>div>p {color:#0a0a0a;font-size:1.8rem;font-weight:500;margin-bottom:1rem;}
.con_1>div>div {color:#444;font-size:1.6rem;margin-bottom:3rem;}

.blue_bg {background-color:#f4f9ff}
.history_bx>div {width:33.3333333%;float:left;}
.history_bx .year {color:#fff;padding:1rem 6rem;border-radius:5rem;background-color:#0051a4;font-weight:600;font-size:2rem;display:inline-block;margin:auto}
.history_bx>div>div>div {margin-top:-2rem;position:relative}
.history_bx>div>div>div:before {content:"";width:100%;height:1px;background-color:#ddd;position: absolute;right:-70%;top:50%;}
.history_bx>div>div>div:after {content:"";width:12px;height:12px;border-radius:50rem;border:3px solid #f4f9ff;position: absolute;    box-sizing: border-box;left:69%;top:40%;background-color:#0051a4}
.history_bx .year2 {color:#fff;padding:1rem 6rem;border-radius:5rem;background-color:#113e6c;font-weight:600;font-size:2rem;display:inline-block;margin:auto}
.history_bx .year3 {color:#fff;padding:1rem 6rem;border-radius:5rem;background-color:#10273e;font-weight:600;font-size:2rem;display:inline-block;margin:auto}
.history_bx>div:last-child>div>div:before {content:"";width:57%;height:1px;background-color:#ddd;position: absolute;left:-28%;top:50%;}
.history_bx>div:last-child>div>div:after {content:"";width:12px;height:12px;border-radius:50rem;border:3px solid #f4f9ff;position: absolute;    box-sizing: border-box;left:27%;top:40%;background-color:#10273e}


.history_bx>div:nth-child(2)>div>div:before {content:"";width:12px;height:12px;border-radius:50rem;border:3px solid #f4f9ff;position: absolute;    box-sizing: border-box;left:27%;top:40%;background-color:#113e6c}
.history_bx>div:nth-child(2)>div>div:after {content:"";width:12px;height:12px;border-radius:50rem;border:3px solid #f4f9ff;position: absolute;    box-sizing: border-box;right:27%;top:40%;background-color:#113e6c}

.hi_txt>p {margin-bottom:1rem;}
.hi_txt>p:last-child {margin-bottom:0}
.hi_txt>p>span:first-child {color:#0d0d0d;font-size:1.7rem;font-weight:500;display:inline-block;width:55px;vertical-align: top;}
.hi_txt>p>span:nth-child(2) {color:#444;font-size:1.6rem; letter-spacing:-0.5px;   display: inline-block;width: 80%;}

.con_3 {padding:0 4rem;position:relative;margin-left:-2rem}
.con_3>div {float:left;width:50%;padding-left:2rem;z-index: 999;position:relative}
.con_3:before {content:"";width:100%;height:230px;background-color:#f4f9ff;position:absolute;top:200px;left:0;}
.con_3>div>p {color:#17324d;font-size:1.9rem;font-weight:500;margin:2rem 0 4rem}
.con_3>div>div {color:#202020;font-size:1.6rem;}

/* .pro_txt1 {font-size:1.8rem;color:#0c0c0c;text-align: left !important} */
.pro_txt1 {font-size:1.8rem;color:#0c0c0c;}
.pro_txt1 img {vertical-align: top}
.pro_txt1 span  {font-size:2.2rem;color:#0051a4}

.pro_txt2 {font-size:2.2rem;color:#070707;}
/* .pro_txt3 {color:#252525;font-size:1.7rem;margin-top:1rem;text-align: left !important} */
.pro_txt3 {color:#252525;font-size:1.7rem;margin-top:1rem;}

.img_dummy {display:block;background-size:cover !important;background-position:center center !important}



.tabcontent {display: none;margin-right:38rem;background-size:cover !important;}
.main_tab_bx {position:relative;margin-top:0;}
.main_tab_bx .tab {width:37rem;position:absolute;right:0;bottom:0.5rem;}
.main_tab_bx .tab a {text-align:left;cursor:pointer;width:100%;margin-bottom:0.7rem;padding:1rem;color:#252525;font-size:1.5rem;display:table;width:100%;background-color:#f4f4f4;border:1px solid #ddd;}
/*.main_tab_bx .tab a.active {color:#fff;background:#002c62 url("/image/main/tab_arrow2.png") 95% center no-repeat;}*/
.main_tab_bx .tab a span {display:table-cell; vertical-align: middle}
.main_tab_bx .tab a span.img_dummy {width:13rem;}
.main_tab_bx .tab a span.txt1 {padding-left:2rem;}
.tabcontent>div {height:100%;width:100%;}
.tabcontent .img_b {padding:1rem;border:1px solid #dfdfdf;}
.in_box {border:1px solid #ddd;margin-right:-41rem;padding:2rem;margin-bottom:2rem;} 
.in_box .txt1 {color:#0051a4;font-size:1.9rem;font-weight:500}
.in_box .txt2 {color:#252525;font-size:1.7rem;margin-top:.5rem;word-break: keep-all}
.in_box .txt3 {margin-top:1rem;color:#676767;font-size:1.4rem}
.in_box .txt3 img{vertical-align: middle}

.tabcontent2 {display: none;padding:1rem;margin-right:38rem;background-size:cover !important;}
.main_tab_bx2 {position:relative;margin-top:0;}
.main_tab_bx2 .tab2 {width:37rem;position:absolute;right:0;bottom:0.5rem;}
.main_tab_bx2 .tab2 a {text-align:left;cursor:pointer;width:100%;margin-bottom:0.7rem;padding:1rem;color:#252525;font-size:1.5rem;display:table;width:100%;background-color:#f4f4f4;border:1px solid #ddd;}
/*.main_tab_bx .tab a.active {color:#fff;background:#002c62 url("/image/main/tab_arrow2.png") 95% center no-repeat;}*/
.main_tab_bx2 .tab2 a span {display:table-cell; vertical-align: middle}
.main_tab_bx2 .tab2 a span.img_dummy {width:13rem;}
.main_tab_bx2 .tab2 a span.txt1 {padding-left:2rem;}
.tabcontent2>div {height:100%;width:100%;}
.tabcontent2 .img_b {padding:1rem;border:1px solid #dfdfdf;}


.pro_tb {width:100%;display:table;}
.pro_tb .txt1 {display:table-cell;vertical-align: top;width:17rem;border-top:2px solid #0051a4;font-size:2.2rem;color:#00529b;font-weight:500;padding:2rem 1.5rem;}
.pro_tb .txt2 {display:table-cell;padding-left:2rem;vertical-align: top}
.pro_tb .txt2_in {word-break:keep-all;letter-spacing: -0.6px;line-height:3rem;border-top:2px solid #ddd;padding:2rem;padding-bottom:0;padding-right:0;font-size:1.7rem;color:#424242}

.pro_bar {padding:5rem 0;margin-top:-2rem;margin-bottom:-2rem;background:linear-gradient( to right, #0051a4, #0b4477 );}
.pro_bar>div {max-width:1180px;margin:auto}


.pro_bar>div>div {width:100%;display:table;}
.pro_bar>div>div>div {display:table-cell;vertical-align: top;width:17rem;font-size:2.2rem;color:#fff;font-weight:500;padding:0.5rem 2rem;}
.pro_bar>div>div>ul {padding-left: 2rem;display:table;width:100%;vertical-align: top}
.pro_bar>div>div>ul li {vertical-align: middle;width:16.66666%;font-size:1.6rem;height:5rem;;color:#fff;display:table-cell;border-left:1px solid rgba(255,255,255,0.2);}
.pro_bar>div>div>ul li:last-child {border-right:1px solid rgba(255,255,255,0.2)}
.pro_bar2>div>div>ul li {width:14.28571%}
.pro_bar3>div>div>ul li {width:25%}

.tb_st1 {width:100%;border-top:2px solid #414141;}
.tb_st1 th {font-size:1.6rem;background-color:#f6f6f6;padding:1rem .5rem;font-weight:500;border:1px solid #ddd;border-top:0}
.tb_st1 td {font-size:1.5rem;color:#2f2e2e;text-align:center;border:1px solid #ddd;padding:1rem}
.copa_wp {border-top:2px solid #ddd;}
.copa_li {margin-left:-2rem;padding-top:2rem;}
.copa_li>li {width:25%;margin-bottom:2rem;float:left;padding-left:2rem;}
.copa_li>li>a>div {position:relative}
.copa_li>li>a>div>p {color:#fff;padding:1rem;font-size:1.6rem;background-color:rgba(0,0,0,0.5);position:absolute;left:1px;right:2px;bottom:0}




.copa_li2 {margin-left:-2rem;padding-top:2rem;}
.copa_li2>li {width:25%;margin-bottom:2rem;float:left;padding-left:2rem;}
.copa_li2>li>div {position:relative}
.copa_li2>li>div>p {color:#fff;padding:1rem;font-size:1.6rem;background-color:rgba(0,0,0,0.5);position:absolute;left:1px;right:2px;bottom:0}





.tb_st1  .blue {background-color:#f4f9ff}

.hot_l {position:relative;padding-left:50%;margin-top:5rem}
.hot_l .txt1 {height: 40rem;display:table;}
.hot_l .txt1>div {display:table-cell;vertical-align: middle;padding-left:3rem;}
.hot_l .left {position: absolute;left:0;top:0;}
.hot_l .txt1 p {color:#00529b;font-size:2.5rem;font-weight:500}
.hot_l .txt1 div {word-break: keep-all;color:#252525;font-size:1.7rem;margin-top:2rem}

.hot_2 {position:relative;padding-right:50%;margin-top:5rem}
.hot_2 .txt1 {height: 40rem;display:table;}
.hot_2 .txt1>div {display:table-cell;vertical-align: middle}
.hot_2 .left {position: absolute;right:0;top:0;}
.hot_2 .txt1 p {color:#00529b;font-size:2.5rem;font-weight:500}
.hot_2 .txt1 div {word-break: keep-all;color:#252525;font-size:1.7rem;margin-top:2rem}



.app_slider  {z-index: 9999;position: relative}
.app_txt1 {font-size:1.8rem;color:#0c0c0c;}
.app_txt1>div {font-size:2.2rem;position:relative;display:inline-block}
.app_txt1>div span {color:#00529b;}
.app_txt1>div:before {content:"";background:url('/image/sub/dot1.jpg') no-repeat;width:19px;height:16px;position:absolute;left:-2rem;top:0}
.app_txt1>div:after {content:"";background:url('/image/sub/dot2.jpg') no-repeat;width:19px;height:16px;position:absolute;right:-2rem;top:0}

.app_slider .tabcontent {max-width:70rem;margin:auto;background-color:#fff;}
.app_slider .tab a {cursor:pointer;font-size:1.7rem;color:#111;text-align:center;width:20%;float:left;padding-left:2rem;}
.app_slider .tab {margin-left:-2rem}
.app_slider .tab .txt1 {margin-top:1rem;display: block;margin-bottom:2rem;}
.app_txt2 {font-size:2.2rem;color:#070707;margin:5rem 0 2rem}
.tabcontent {padding:1rem !important}
.app_bg {position:relative}
.app_bg:before {content:"";width:100%;height:50rem;background-color:#f3f9ff;position: absolute;width: 1920px;left:50%;margin-left:-96rem;bottom:22rem}
.app_slider .tab a img {border:1px solid #ddd;}

.clo_bx {padding:2rem;font-size:1.6rem;line-height:2.5rem;color:#636363;background-color:#f3f3f3}
.clo_bx>p {color:#323232;}


.pro_bar2 {background-color:#f4f4f4;}
.pro_bar2_in {max-width:1180px;margin:auto;padding:6rem 0;}

.bar2_txt {color:#00529b;font-size:2.2rem;font-weight:500}
.pro_bar2_in .txt1 {color:#060606;font-size:1.8rem;margin-top:1rem;text-align:center}


.clo_li .slick-slide {padding-left:2rem}

.clo_li {margin-left:-2rem}
.clo_li .slick-arrow{position:absolute; top:50%;margin-top:-30px;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.clo_li .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:-5rem;background-color:rgba(255,255,255,0);background:url('/image/sub/btn_prev4.png') no-repeat;width:22px;margin-top:-20px;height:41px;}
.clo_li .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:-7rem;background-color:rgba(255,255,255,0);background:url('/image/sub/btn_next4.png') no-repeat;width:22px;margin-top:-20px;height:41px;}

.clo_li .slick-track {margin:inherit}
.news_li {margin-left:-2rem}
.news_li>div {width:33.3333333%;float:left;padding-left:2rem;margin-bottom:4rem}
.news_li>div:nth-child(3n+1) {clear:both}
.news_li>div .txt1 {font-size:1.7rem;color:#070707;padding:1rem;border-bottom:1px solid #ddd;margin-bottom:1rem}
.news_li>div .txt2 .fl {color:#4d4d4d;font-size:1.5rem;}
.news_li>div .txt2 .fr {color:#0051a4;font-size:1.5rem;}
.news_li>div .txt2 .fr img {vertical-align: middle;margin-left:1rem}






.pg_wrap {clear:both;margin:0 0 40px;padding:40px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 10px;line-height:28px;color:#da523a;letter-spacing:0;font-size: 14px; vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;border:1px solid #ddd;font-size:14px;color: #878787 !important; text-decoration:none}
.pg_end, .pg_next, .pg_start, .pg_prev {padding:0px;border:0px}

.pg_current {display:inline-block;background:#fbfbfb;color:#121212 !important;font-weight:normal;border:1px solid #ddd;border-bottom:2px solid #121212;}









.qna_view {border-top:1px solid #4e4e4e;margin-top:3rem}
.qna_view .txt1 {font-size:2.2rem;color:#0e0e0e;text-align:center;padding:2rem 0;}
.qna_view .txt2 {border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.5rem;color:#5a5858;text-align:center;padding:2rem 0;}
.qna_view .txt3 {background-color:#f4f4f4;padding:1.5rem;border-bottom:1px solid #ddd;color:#3e3e3e;font-size:1.3rem;}
.qna_view .txt3 b {margin-right:1rem}
.qna_view .txt4 {min-height:23rem;border-bottom:1px solid #ddd;padding:1rem;font-size:1.6rem;}
.btn_wrap li a , .btn_wrap li button {border:1px solid #ddd;margin:0 0.5rem;color:#0e0e0e;font-size:1.5rem;padding:1rem;background-color:#f9f9f9;width:14rem;display:inline-block}
.btn_wrap li {display:inline-block}
.btn_wrap {margin-top:3rem}
.btn_wrap li a.on,.btn_wrap li button.on {background-color:#1262a2;border:1px solid #00529c;color:#fff}

.btn_wrap2 {position:relative;margin-bottom:5rem;padding-top:1rem;}
.btn_wrap2 .left {position:absolute;left:0;top:0;}
.btn_wrap2 .right {position:absolute;right:0;top:0;}

.contact_txt1 {font-size:2rem;color:#0051a4}


.inqu_txt {font-size:2.5rem;color:#222;}
.inqu_bx {font-family: "Noto Sans KR", 'Noto Sans';border:1px solid #ddd;background-color:#f5f5f5;padding:1rem;width:100%;height:200px;margin-top:2rem}
.inqu_txt .fr {color:#2f2f2f;font-size:1.5rem;line-height:3.7rem}

.con_li {margin-left:-2rem}
.con_li>div {width:50%;float:left;padding-left:2rem;margin-bottom:2rem}
.con_li>div>div {padding:1rem;font-size:1.6rem;color:#222;border:1px solid #ddd;background-color:#f5f5f5}
.con_li>div>div .st1  input[type="text"] {border:1px solid #ddd;height:30px;padding:1rem;width:70%;background:none;border:0;}
.con_li>div>div .st2  input[type="text"] {border:1px solid #ddd;height:30px;padding:1rem;width:20%;background:none;border:0;}

.con_t1 {border:1px solid #ddd;height:50px;padding:1rem;width:100%;background:#f5f5f5;border:1px solid #ddd;;}



select::-ms-expand { /* for IE 11 */
    display: none;}
    
 .select_box {border:1px solid #f5f5f5; width: 20%;height: 30px;font-size: 13px;color: #656565; background:#f5f5f5 url(/image/sub/select_btn2.png) no-repeat 90% 50%;  -webkit-appearance: none; -moz-appearance: none;appearance: none;padding-left: 10px}
  
    .con_t2 {font-family: "Noto Sans KR", 'Noto Sans';border:1px solid #ddd;background-color:#f5f5f5;padding:1rem;width:100%;height:200px;margin-top:2rem}

.sm_wrap {margin-left:-2rem}
.sm_wrap>div {width:33.333333%;float:left;padding-left:2rem}
    .sm_wrap>div>div {width:100%;border-top:1px solid #000;display:table;}
  .sm_wrap>div>div>p {display:table-cell;vertical-align: top;color:#080808;font-weight:500;padding:1rem;font-size:1.7rem;width: 30%;}
.sm_wrap>div>div>div {display:table-cell;vertical-align: top}
.sm_wrap>div>div>div>div>a  {color:#202020;font-size:1.5rem;}
.sm_wrap>div>div>div>div {border-bottom:1px solid #ddd;padding:1rem 0;}
.sm_wrap>div>div>div li>a {line-height:2.3rem;display:block;color:#7a7a7a;font-size:1.4rem}
.sm_wrap>div>div>div ul {margin:1rem 0 0;}