@charset "utf-8";

hr.skin_hr{ display:inline-block; width:100%; margin:100px 0;}
.center {text-align: center;}
.list_height li{line-height: 1.5;}

.tp_icon{background:url(/images/kor/common/tp_icon.png) no-repeat;}
/* 탑박스 */
.skin_type1.ui-topbox {min-height:320px; border:1px solid #ccc;}
.skin_type1.ui-topbox.type1 .inner {padding:60px 330px 60px 50px;}
.skin_type1.ui-topbox.type1 .circle {display: block;position:absolute;left:auto;right:50px;top: 10%;width:278px;height:269px;border-radius: 0;background:#fff url(/images/kor/common/top_icon.png)no-repeat;}
.skin_type1.ui-topbox.type1 .circle.icon01 {background-position:0 0;}
.skin_type1.ui-topbox.type1 .circle.icon02 {background-position:-278px 0;}
.skin_type1.ui-topbox.type1 .circle.icon03 {background-position:-556px 0;}
.skin_type1.ui-topbox.type1 .circle.icon04 {background-position:-834px 0;}
.skin_type1.ui-topbox.type1 .circle.icon05 {background-position:-1112px 0;}

.skin_type1.ui-topbox.type1 .inner .txtwrap .h-box {padding-bottom:20px; margin-bottom:20px; background:url(/images/kor/common/top_icon02.png)no-repeat left bottom; font-size:24px; font-weight:600; color:#000; text-align:left;}
.skin_type1.ui-topbox.type1 .inner .txtwrap p,
.skin_type1.ui-topbox.type1 .inner .txtwrap ul li {font-size:16px; color:#666; line-height:1.5;}

@media(max-width:768px){
    .skin_type1.ui-topbox {min-height:auto;}
    .skin_type1.ui-topbox.type1 .inner {padding:40px ;}
    .skin_type1.ui-topbox.type1 .inner .txtwrap .h-box {text-align:left;}
    .skin_type1.ui-topbox.type1 .circle {display:none;}
}

@media(max-width:530px){
    .skin_type1.ui-topbox.type1 .inner {padding:30px 20px ;}
}

/* 버튼 */
#txt .btn2 {display:inline-block;position:relative;background:none;background-image:none;border:1px solid transparent;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;text-align:center;vertical-align:middle;}
#txt .btn2 *{vertical-align:middle}
#txt .btn2:after{position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;content:'';}
#txt .btn2:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
#txt .btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btn2,
#txt .btn2.disabled,
#txt .btn2[disabled],
#txt .btn2:link,
#txt .btn2:visited{background-color:#002f66;border-color:#002f66;color:#fff;}
#txt .btn2:hover,
#txt .btn2:focus,
#txt .btn2:active{background-color:#fff;border-color:#002f66;color: #002f66;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2.btn-ani:hover .bico.bticon.arr,
#txt .btn2.btn-ani:focus .bico.bticon.arr,
#txt .btn2.btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
#txt .btn2 .bico.bticon{position:relative;top:-1px;display:inline-block;width:17px;height:16px;margin-right:16px;background:url(../../images/ico_file.png) no-repeat;vertical-align: middle;}

#txt .btn3 {display:inline-block;position:relative;background:none;background-image:none;border:1px solid transparent;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;text-align:center;vertical-align:middle;}
#txt .btn3 *{vertical-align:middle}
#txt .btn3:after{position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;content:'';}
#txt .btn3:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
#txt .btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btn3,
#txt .btn3.disabled,
#txt .btn3[disabled],
#txt .btn3:link,
#txt .btn3:visited{background-color:#22741C;border-color:#22741C;color:#fff;}
#txt .btn3:hover,
#txt .btn3:focus,
#txt .btn3:active{background-color:#fff;border-color:#22741C;color: #22741C;}
#txt .btn3 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn3 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn3.btn-ani:hover .bico.bticon.arr,
#txt .btn3.btn-ani:focus .bico.bticon.arr,
#txt .btn3.btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
#txt .btn3 .bico.bticon{position:relative;top:-1px;display:inline-block;width:17px;height:16px;margin-right:16px;background:url(../../images/ico_file.png) no-repeat;vertical-align: middle;}


/* sub060303 */
#txt .btn-ani.s060303_btn{padding: 7px 40px 7px 14px;margin-left: 30px;}
#txt .btn-ani.s0614_btn{padding: 7px 40px 7px 14px;margin-left: 10px;margin-right: 10px;}

/* sub06050602 */
.btn-icon.s06050602{padding-right: 25px;}



/* 탑박스2 */
.ui_topbox02 {position:relative;margin-top:50px;border:1px solid #ccc; border-top:none; }
.ui_topbox02:after {display:block;position:absolute;top:0;left:0;width:100%;height:3px;background:url(/images/kor/common/border.jpg)repeat-y;background-size: 100%;content:"";z-index: -1;}
.ui_topbox02 .inner {position:relative; min-height:361px; padding:25px 35px 25px 515px;}
.ui_topbox02 .inner .img_b {position:absolute;left:35px;top:25px;width: 442px;height: 311px;background:url(/images/kor/common/no-img.jpg)no-repeat center; background-size:cover; }
.ui_topbox02 .inner .txt_b {}
.ui_topbox02 .inner .txt_b .tit {position:relative;min-height:160px;margin-top:-60px;padding:25px 40px;background:#0b1f3b;line-height: 1.3;}
.ui_topbox02 .inner .txt_b .tit:after {display:block; position:absolute; right:0; bottom:-20px;width:93px; height:108px; background:url(/images/kor/common/top_icon03.png)no-repeat; content:""; }
.ui_topbox02 .inner .txt_b .tit p {padding-bottom:20px; margin-bottom:5px;background:url(/images/kor/common/top_icon02.png)no-repeat left bottom; color:#3f99ff; font-size:16px; }
.ui_topbox02 .inner .txt_b .tit strong {margin:0;color:#fff;font-weight:bold;font-size:30px;position:  relative;z-index: 100;}
.ui_topbox02 .inner .txt_b .txtlist {margin-top:50px;}
.ui_topbox02 .inner .txt_b .txtlist .icon_list {}
.ui_topbox02 .inner .txt_b .txtlist .icon_list li {position:relative;margin:4px 0;padding-left:120px;font-size:16px;color:#666;font-weight:400;}
.ui_topbox02 .inner .txt_b .txtlist .icon_list li b {position:absolute; top:0; left:0;}
.ui_topbox02 .inner .txt_b .txtlist .icon_list2 li {margin:3px 0;font-size:16px; color:#666; font-weight:400;}
.ui_topbox02 .inner .txt_b .txtlist .icon {display:inline-block; width:21px; height:23px; margin-right:5px;background:url(/images/kor/common/top_icon04.png)no-repeat; vertical-align:middle;}
.ui_topbox02 .inner .txt_b .txtlist .icon.icon01 {background-position:0 0; }
.ui_topbox02 .inner .txt_b .txtlist .icon.icon02 {background-position:-21px 0; }
.ui_topbox02 .inner .txt_b .txtlist .icon.icon03 {background-position:-42px 0; }
.ui_topbox02 .inner .txt_b .txtlist .icon.icon04 {background-position:-63px 0; }
.ui_topbox02 .inner .txt_b .txtlist .btnwrap2{padding-left:120px;}
.ui_topbox02 .top_icon {position:absolute; right:20px; bottom:20px; width:51px; height:51px; background:url(/images/kor/common/top_icon05.png)no-repeat; font-size:0;}



.skin_type2 .ui_topbox02 {position:relative;border:1px solid #002f86;}
.skin_type2 .ui_topbox02:after {display:none;}
.skin_type2 .ui_topbox02 .inner {position:relative; min-height:371px; padding:30px 35px 30px 515px;}
.skin_type2 .ui_topbox02 .inner .img_b {top:30px;}
.skin_type2 .ui_topbox02 .inner .txt_b .tit {min-height:auto;margin-top:0;padding:15px 0 0;background:#fff;line-height: 1.3;}
.skin_type2 .ui_topbox02 .inner .txt_b .tit:after {display:none; }
.skin_type2 .ui_topbox02 .inner .txt_b .tit p {padding-bottom:25px; margin-bottom:15px;}
.skin_type2 .ui_topbox02 .inner .txt_b .tit strong {color:#000;}
.skin_type2 .ui_topbox02 .inner .txt_b .txtlist {margin-top:30px;}

@media(max-width:999px){
    .ui_topbox02 .inner {padding:25px 35px 25px 50%;}
    .ui_topbox02 .inner .img_b {width:42%;left: 4%;}
    .ui_topbox02 .inner .img_b img {width:100%; }

    .skin_type2 .ui_topbox02 .inner {padding:25px 35px 25px 50%;}
    .skin_type2 .ui_topbox02 .inner .img_b {width:42%;left: 4%;}
    .skin_type2 .ui_topbox02 .inner .img_b img {width:100%; }
}

@media(max-width:767px){
    .ui_topbox02 {margin-top:20px;}
    .ui_topbox02 .inner {padding: 10px;}
    .ui_topbox02 .inner .img_b {position:static; width:100%;}
    .ui_topbox02 .inner .txt_b .tit {margin-top:0;padding: 20px;min-height: auto;}
    .ui_topbox02 .inner .txt_b .txtlist {margin-top:30px;}
    .ui_topbox02 .inner .txt_b .txtlist .icon_list,
    .ui_topbox02 .inner .txt_b .txtlist .icon_list2 {padding: 0 20px;}

    .skin_type2 .ui_topbox02 .inner {padding: 10px 10px 70px;}
    .skin_type2 .ui_topbox02 .inner .img_b {position:static; width:100%;}
    .skin_type2 .ui_topbox02 .inner .txt_b .tit {margin-top:0;padding: 15px 10px 0;min-height: auto;}
    .skin_type2 .ui_topbox02 .inner .txt_b .txtlist {margin-top: 20px;}
    .skin_type2 .ui_topbox02 .inner .txt_b .txtlist .icon_list,
    .skin_type2 .ui_topbox02 .inner .txt_b .txtlist .icon_list2 {padding: 0 10px;}

}

@media(max-width:500px){
    .ui_topbox02 .inner .img_b {height: 220px;}
    .ui_topbox02 .inner .txt_b .tit strong {font-size:25px;}
    .ui_topbox02 .inner .txt_b .txtlist .icon_list, .ui_topbox02 .inner .txt_b .txtlist .icon_list2 {padding:0;}
    .ui_topbox02 .inner .txt_b .txtlist .icon_list li {padding-left:0;margin-bottom:10px;}
    .ui_topbox02 .inner .txt_b .txtlist .icon_list li b {position:static;display:block; margin-bottom:3px;}
    .ui_topbox02 .inner .txt_b .txtlist .icon_list li span {display:block;padding-left:26px;}
    .ui_topbox02 .inner .txt_b .txtlist .btnwrap2{ padding-left:20px; }
}



/* 아이콘형 박스 */
.skin_type1 .ui.uilnk .box_col .col .item {padding:25px 40px 30px;}
.skin_type1 .ui.uilnk .box_col .col .item .img_b {width:180px;height:113px;margin: 0 auto 10px; background:url(/images/kor/common/sg_icon02.png)no-repeat;}
.skin_type1 .ui.uilnk .box_col .col .item .img_b.img_b1 {background-position:0 0;}
.skin_type1 .ui.uilnk .box_col .col .item .img_b.img_b2 {background-position:-180px 0;}
.skin_type1 .ui.uilnk .box_col .col .item strong {display: block;padding-top: 15px;border-top: 1px solid #ccc;text-align: center;font-size:16px;color:#333;font-weight:bold;}

@media (max-width:768px){
  .skin_type1 .ui.uilnk .box_col .col .item {padding:25px 10px 30px;}
}

@media (max-width:600px){
    .skin_type1 .ui.uilnk .box_col .col {width:100%;}

}


/* 4차탭, 5차탭 */

.tab-ul.type1 li a:active,
.tab-ul.type1 li a:focus,
.tab-ul.type1 li a:hover,
.tab-ul.type1 li.on a,
.tab-ul.type1 li.on a:active,
.tab-ul.type1 li.on a:focus,
.tab-ul.type1 li.on a:hover{background: #002f66;border-color: #002f66;color: #fff;}

.tab-ul.type1 li{position:relative;}
.tab-ul.type1 li a{position:relative;background: #f5f6f8;border-color:#dedede;border-bottom: 1px solid #949494;color:#333;font-weight:400;height: 60px;text-align:left;transition:all 0.3s;-webkit-transition:all 0.3s;}
.tab-ul.type1 li a[target="_blank"] span:after{display:inline-block;width:11px;height:11px;margin:0 0 0 10px;background:url(../../images/atype_ir.png) no-repeat -442px -1px;content:"";}
.tab-ul.type1 li a:hover,
.tab-ul.type1 li a:focus,
.tab-ul.type1 li a:active{background: #002f66;border-color: #002f66;color: #fff;}
/*.tab-ul.type1 li a span{padding:5px 38px 5px 20px;}*/
.tab-ul.type1 li a span{padding: 10px 37px 10px 15px;}
.tab-ul.type1 li a span:before{display:block;position:absolute;top:40%;right:15px;width:19px;height:19px;margin-top:-5px;background:url(/images/kor/common/tab_deth_4st_arr.png) no-repeat;background-position:-19px 0;content:"";}
.tab-ul.type1 li.on{position:relative;}
.tab-ul.type1 li.on a,
.tab-ul.type1 li.on a:hover,
.tab-ul.type1 li.on a:focus,
.tab-ul.type1 li.on a:active{background: #002f66;border-color: #002f66;color: #fff;}
.tab-ul.type1 li.on a span:before,
.tab-ul.type1 li a:hover span:before,
.tab-ul.type1 li a:focus span:before,
.tab-ul.type1 li a:active span:before{background-position:0px 0;}


.tab-ul.deth-5st {padding: 25px 20px;border:1px solid #d2d2d2;}
.tab-ul.deth-5st li{position:relative;z-index:10;}
.tab-ul.deth-5st li a{position:relative;color:#545454;font-size:14px;line-height:1;height:40px;text-align:left;}
.tab-ul.deth-5st li a:hover,
.tab-ul.deth-5st li a:focus,
.tab-ul.deth-5st li a:active{color:#002f66;text-decoration: underline;}
.tab-ul.deth-5st li a span{position: relative;padding:10px 40px 10px 20px;}
.tab-ul.deth-5st li.on a span{color: #1f3361}
.tab-ul.deth-5st li a span:before{display: inline-block;position: absolute;top: 40%;left: 0;width: 4px;height: 4px;background: #fff;border:2px solid #797979;content: '';}
.tab-ul.deth-5st li.on{position:relative;z-index:11;}
.tab-ul.deth-5st li.on a,
.tab-ul.deth-5st li.on a:hover,
.tab-ul.deth-5st li.on a:focus,
.tab-ul.deth-5st li.on a:active{color:#002f66;text-decoration: underline;}
.tab-ul.deth-5st li.on a span:before,
.tab-ul.deth-5st li a:hover span:before,
.tab-ul.deth-5st li a:focus span:before,
.tab-ul.deth-5st li a:active span:before{background-position:0 0;}
.tab-ul.deth-5st li a:hover span:before,
.tab-ul.deth-5st li a:focus span:before,
.tab-ul.deth-5st li a:active span:before,
.tab-ul.deth-5st li.on a span:before,
.tab-ul.deth-5st li.on a:hover span:before,
.tab-ul.deth-5st li.on a:focus span:before,
.tab-ul.deth-5st li.on a:active span:before{border:2px solid #002f66;}

@media (max-width:460px){
    .tab-ul.type1 li{width:100%;}
}


/* list-num 이후 list 예외 */
.list-num li ul li{padding-left:7px;}

/* 다운로드 버튼 col1 */
.download-box{}
.download-box:after{content:"";display:block;clear:both;visibility:hidden;}
.download-box.col1{text-align: left;}
.download-box.col1 li{float: left;width: 99%;margin-bottom: 10px;min-height: 48px;}
.download-box.col1 .lnk_box{position:relative;display:block;border: 1px solid #ddd;background:#fff;font-size: 14px;line-height: 18px;padding: 12px 75px 12px 20px;}
.download-box.col1 .lnk_box i{width: 30px;}
@media (max-width:910px){
    .download-box.col1 li{min-height: 61px;}
}
@media (max-width:620px){
    .download-box.col1 li{float: none;width:100%;min-height: auto;}
    .download-box.col1 li + li:nth-child(2n){margin-left: 0;}
}


/* 다운로드 버튼 col2 */
.download-box{}
.download-box:after{content:"";display:block;clear:both;visibility:hidden;}
.download-box.col2{text-align: left;}
.download-box.col2 li{float: left;width: 49.5%;margin-bottom: 10px;min-height: 48px;}
.download-box.col2 li + li:nth-child(2n){margin-left: 1%;}
.download-box.col2 .lnk_box{position:relative;display:block;border: 1px solid #ddd;background:#fff;font-size: 14px;line-height: 18px;padding: 12px 75px 12px 20px;}
.download-box.col2 .lnk_box i{width: 30px;}
@media (max-width:910px){
    .download-box.col2 li{min-height: 61px;}
}
@media (max-width:620px){
    .download-box.col2 li{float: none;width:100%;min-height: auto;}
    .download-box.col2 li + li:nth-child(2n){margin-left: 0;}
}



/* 연혁 */
.history_wrap{width: 100%;padding: 0;margin: 0;display: inline-block; box-sizing: border-box;}
.history_wrap .history1{position: relative;width:100%; background:none; padding:0; margin:0; display:inline-block;}
.history_wrap .history1:before{height:100%;border-left: 1px solid #e3e4e5; content:""; padding:0;margin: 0 0 0 50%; position:absolute; }
.history_wrap .history1 dt{margin:0 auto; position:relative; z-index:0;text-align: center;}
.history_wrap .history1 dt + dd{ margin-top:60px;}
.history_wrap .history1 dd{ width:100%; box-sizing:border-box;}
.history_wrap .history1 dd.box_left{ text-align:right; padding-right:50%; float:left;}
.history_wrap .history1 dd.box_right{ padding-left:50%; float:right;text-align: left;}
.history_wrap .history1 dd strong{font-size:24px; color:#0c2e86; line-height:34px;margin-bottom:20px; display:inline-block; position:relative;padding: 0;}
.history_wrap .history1 dd strong:before{content:"";position:absolute; width:23px; height:23px; top:50%; transform:translateY(-50%);background:url(/images/kor/sub09/dot_01.png) no-repeat;}
.history_wrap .history1 dd.new strong:before{content:"";position:absolute; width:23px; height:23px; top:50%; transform:translateY(-50%);background:url(/images/kor/sub09/dot_02.png) no-repeat;}
.history_wrap .history1 dd.new:before{height:80px;border-left: 1px solid #0c2e86; content:""; margin-top:-62px; position:absolute;}
.history_wrap .history1 dd.box_right strong:after{content:"";position:absolute; width:55px; height:1px; border-bottom:1px solid #e3e4e5;margin: 15px 0 0 -265%;;z-index:-1;}
.history_wrap .history1 dd.box_left ul li .kass_font { font-family: 'Gulim';font-size: 13px; }

.history_wrap .history1 dd.new strong:after{border-bottom:1px solid #0c2e86;}
.history_wrap .history1 dd.box_left strong:after{content:"";position:absolute; width:55px; height:1px; border-bottom:1px solid #e3e4e5;margin: 15px 0 0 60%;;z-index:-1;}
.history_wrap .history1 dd.box_left strong,
.history_wrap .history1 dd.box_left ul{ margin-right:85px;}
.history_wrap .history1 dd.box_right strong,
.history_wrap .history1 dd.box_right ul{ margin-left:85px;}
.history_wrap .history1 dd.box_left strong:before{ right:-97px;}
.history_wrap .history1 dd.box_right strong:before{ left:-97px;}
.history_wrap .history1 dd ul li{ min-height:auto; font-size:15px; color:#625050; line-height:20px; padding:0;}
.history_wrap .history1 dd.box_right ul li{ padding: 0 0 0 60px; position: relative;}
.history_wrap .history1 dd.box_right ul span{display: inline-block;position: absolute;left: 0; top: 0;}
.history_wrap .history1 dd.box_left ul li{ padding: 0 60px 0 0 ; position: relative;}
.history_wrap .history1 dd.box_left ul span{display: inline-block;position: absolute;right: 0; top: 0;}
.history_wrap .history1 dd ul li + li{ margin-top:12px;}
.history_wrap .history1 dd + dd{ margin-top:20px;}

.history_wrap .history1 dd.box_left ul em,
.history_wrap .history1 dd.box_right ul em{display: block;}

@media(max-width:800px){
    .history_wrap .history1:before{margin: 285px 0 0 0;height: 83%;}
    .history_wrap .history1 dd.new:before{display:none;}
    .history_wrap .history1 dd.box_right{ padding-left:0; }
    .history_wrap .history1 dd.box_left{ padding-left:0; float:right;text-align: left;    padding-right: 0;}
    .history_wrap .history1 dd.box_left strong:after{content:"";position:absolute; width:55px; height:1px; border-bottom:1px solid #e3e4e5;margin: 15px 0 0 -265%;z-index:-1;}
    .history_wrap .history1 dd.box_left strong,
    .history_wrap .history1 dd.box_left ul{ margin-left:85px;margin-right:0;}
    .history_wrap .history1 dd.box_left strong:before{ left:-97px;}
    .history_wrap .history1 dd.box_left ul li{ padding: 0 0 0 60px; position: relative;}
    .history_wrap .history1 dd.box_left ul span{display: inline-block;position: absolute;left: 0; top: 0;}

    .history_wrap .history1 dd.box_left ul em,
    .history_wrap .history1 dd.box_right ul em{display: inline-block;}
}

@media(max-width:450px){
    .history_wrap .history1 dd.box_right strong:before{left: -52px;}
    .history_wrap .history1 dd.box_right strong:after{width: 30px;    margin: 15px 0 0 -180%;}
    .history_wrap .history1 dd.box_right strong,
    .history_wrap .history1 dd.box_right ul{margin-left: 40px;}
    .history_wrap .history1 dd.box_left strong:before{left: -52px;}
    .history_wrap .history1 dd.box_left strong:after{width: 30px;    margin: 15px 0 0 -180%;}
    .history_wrap .history1 dd.box_left strong,
    .history_wrap .history1 dd.box_left ul{margin-left: 40px;}

    .history_wrap .history1 dd.box_left ul em,
    .history_wrap .history1 dd.box_right ul em{display: block;}
}