html, body{width:100%;height:100%;}
.inner{width:100%;max-width:1230px;margin:0 auto;}
.layout.tp1{padding:80px 0;}
.fw::after{content:'';display:block;clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}

.dp-b{display:block !important;}
.bd0{border:0 !important;}
.mt0{margin-top:0 !important;}
.mt3{margin-top:3px !important;}
.mt8{margin-top:8px !important;}
.mt15{margin-top:15px !important;}
.mt30{margin-top:30px !important;}
.mt60{margin-top:60px !important;}
.mb3{margin-bottom:3px !important;}
.ml0{margin-left:0 !important;}
.ml8{margin-left:8px !important;}
.ml18{margin-left:18px !important;}
.mr8{margin-right:8px !important;}

.bg-lgsky{background-color:#eff6f8 !important;}
.bg-lgblue{background-color:#eefbff !important;}
.bg-sky{background-color:#c2d3fe !important;}
.bg-blue{background-color:#0eb3d3 !important;}
.bg-white{background-color:#fff !important;}
.bg-yellow{background-color:#ffd864 !important;}

h3.tx-tit{font-size:34px;font-weight:500;text-align:center;color:#222;margin-bottom:60px;}
h3.tx-tit span{display:block;font-size:17px;line-height:1.4;color:#0fb3d3;margin-top:15px;}
.tx-b{font-weight:bold !important;}
.tx-c{text-align:center !important;}
.tx-l{text-align:left !important;}
.tx-r{text-align:right !important;}
.tx-red{color:#cc0a00;}
.tx-blue{color:#0000cc;}
.tx-orange{color:#ff5a00;}
.lh1-2{line-height:1.2;}
.ver-init{vertical-align:initial !important;}

.line{width:100%;height:1px;border:1px dashed #0eb3d3;margin:50px 0 40px;}
.blank.tp1{display:inline-block;width:10px;}
.blank.tp2{display:inline-block;width:18px;}
.w510{width:510px !important;}
.w485{width:485px !important;}
.w160{width:160px !important;}
.w150{width:150px !important;}
.w145{width:145px !important;}
.w140{width:140px !important;}
.w120{width:120px !important;}
.w115{width:115px !important;}
.w100{width:100px !important;}
.w80{width:80px !important;}
.w74{width:74px !important;}
.w67{width:67px !important;}
.w60{width:60px !important;}
.w46{width:46px !important;}
.w40{width:40px !important;}
.w30{width:30px !important;}

/* button */
.btn-big{position:relative;width:230px;height:52px;display:block;box-sizing:border-box;border-radius:50px;overflow:hidden;overflow:hidden;background:#0eb3d3;transition:all 0.3s linear;margin:50px auto 0;text-align:left !important;}
.btn-big span{position:relative;z-index:10;display:block;width:100%;height:100%;font-size:15px;line-height:50px;text-align:center;padding:0 30px;color:#fff;}
.btn-big:after{content:'';width:100%;height:150px;position:absolute;bottom:-115%;right:-55%;background:radial-gradient( #7ee495, transparent , transparent );transition:all 0.3s linear;}
.btn-big:hover{box-shadow:0 15px 30px rgb(0 0 0 / 10%);}
.btn-big:hover:after{transform:scale(2);transition:all 0.3s linear;}
.btn-big.btn-more span{text-align:left;background:url(/images/ico-more.png) no-repeat center right 30px;}
.btn-big.line{border:2px solid #0eb3d3;background:transparent;}
.btn-big.line span{font-weight:500;color:#0eb3d3;background:url(/images/ico-more-blue.png) no-repeat center right 30px;}
.btn-big.line:after{display:none;}
.btn-mid{display:inline-block;width:90px;height:36px;font-size:14px;line-height:34px;text-align:center;color:#666;vertical-align:middle;border:1px solid #0eb3d3;border-radius:50px;padding:0 8px;}
.btn-sml{display:inline-block;height:30px;font-size:12px;line-height:30px;color:#333;vertical-align:middle;border-radius:5px;background:#c2d3fe;padding:0 8px;margin-left:6px;box-sizing:border-box;}
.btn-customer{display:block;width:125px;height:42px;font-size:15px;line-height:40px;color:#838894;border:1px solid #b3b8c1;border-radius:50px;background:url(/images/ico-customer.png) no-repeat center left 19px;padding-left:48px;box-sizing:border-box;margin-top:4px;}
.btn-customer:hover{color:#fff;border:1px solid #0eb3d3;background:#0eb3d3 url(/images/ico-customer-white.png) no-repeat center left 19px;}

/* input */
input[type="text"]{width:100%;height:30px;font-size:13px;border:1px solid #ddd;border-radius:5px;background:#fff;padding:0 5px;box-sizing:border-box;}
input[type="password"]{width:100%;height:45px;font-size:13px;border:1px solid #ddd;border-radius:5px;background:#fff;padding:0 10px;box-sizing:border-box;}
input[type="radio"]{vertical-align:middle;}
input[type="radio"] + label{vertical-align:middle;}
input[type="checkbox"]{vertical-align:text-bottom;}
input[type="checkbox"] + label{vertical-align:middle;}
input:focus{border:2px solid #0075ff;}
input:disabled{background:#f3f4f5;}
input + label{cursor:pointer;}
select{width:100%;height:30px;font-size:13px;line-height:1.4;color:#333;border:1px solid #ddd;border-radius:5px;background:#fff url(/images/ico-sel.png) no-repeat top 11px right 8px;background-size:9px 6px;padding:0 20px 0 8px;box-sizing:border-box;}
select:disabled{background-color:#f3f4f5;}
textarea{width:100%;border:1px solid #ddd;border-radius:5px;padding:5px;}

/* table */
.table{width:100%;font-size:13px;color:#666;}
.table caption{font-size:14px;font-weight:500;text-align:left;color:#0eb3d3;margin-bottom:10px;}
.table caption::before{content:'';display:inline-block;width:4px;height:4px;vertical-align:middle;border-radius:100%;background:#0eb3d3;margin:0 5px 1px 0;}
.table.tp1{border-top:2px solid #99ccff;}
.table.tp1 tr{border-bottom:1px solid #99ccff;background:#fff;}
.table.tp1 tr th{font-weight:400;border-right:1px solid #99ccff;background:#f6f8fd;padding:8px;}
.table.tp1 tr td{padding:8px;}
.table.tp1 tr td .tb-tx{vertical-align:middle;}
.table.tp1 tr td .inp-wrap input[type="text"]{width:97%;font-weight:500;text-align:right;border:0;}
.table.tp1 tr td .radio-wrap{display:inline-block;width:50%;vertical-align:middle;}
.table.tp1 tr td .radio-wrap input[type="radio"]:first-child{margin-left:8px;}
.table.tp1 tr td input[type="radio"]{margin-left:8px;}
.table.tp1 tr td input[type="radio"]:first-child{margin-left:0;}
.table.tp1 tr td + th{border-left:1px solid #99ccff;}
.table.tp1.bd-red{border-top:2px solid #ffadc8;}
.table.tp1.bd-red tr{border-bottom:1px solid #ffadc8;}
.table.tp1.bd-red tr th{border-right:1px solid #ffadc8;background:#ffecf3;}
.table.tp1.bd-red tr td + th{border-left:1px solid #ffadc8;}
.table.tp1.td-b tr td{border-left:1px solid #99ccff;}

.table.tp2{table-layout:fixed;font-size:14px;}
.table.tp2 thead tr{border:none;}
.table.tp2 tr{background:#fff;border-bottom:1px solid #d8d8d8;}
.table.tp2 tr:hover{background:#f9fdff;}
.table.tp2 tr th{font-weight:500;color:#fff;background:#0eb3d3;padding:15px 8px;}
.table.tp2 tr td{text-align:center;padding:15px 8px;}
.table.tp2 tr td:nth-child(2){text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table.tp2 tr td:nth-child(2) a{color:#666;}

.table.tp3{font-size:14px;}
.table.tp3 tr th{font-weight:500;padding:10px 0;}
.table.tp3 tr td{padding:10px 0;}
.table.tp3 tr td input{height:38px;}

.table-wrap .table{margin-top:30px;}

/* logo */
.logo{float:left;height:50px;line-height:50px;}
.logo a{display:block;font-size:32px;font-weight:500;color:#4c535f;}
.logo a::before{content:'a';display:inline-block;width:40px;height:40px;font-size:32px;line-height:30px;text-align:center;vertical-align:text-bottom;color:#fff;border-radius:100%;background:#1191d0;margin-right:10px;}

/* header */
#header{width:100%;height:135px;}
#header .inner::after{content:'';display:block;clear:both;}
#header .h-top{height:30px;line-height:30px;text-align:right;background:#0f91d0;}
#header .h-top .nav{float:right;height:30px;}
#header .h-top .nav li{float:left;margin-left:10px;}
#header .h-top .nav li::before{content:'';display:inline-block;width:1px;height:12px;vertical-align:middle;background:#fff;margin-top:-2px;}
#header .h-top .nav li:first-child:before{display:none;}
#header .h-top .nav li a{font-size:12px;color:#fff;padding-left:10px;}
#header .h-bot{height:105px;background:transparent;/*background:#eefbff;*/transition:all .5s linear;}
#header .logo{padding:30px 0 25px;}
#header .gnb{float:right;}
#header .gnb::after{content:'';display:block;clear:both;}
#header .gnb > li{position:relative;;float:left;line-height:50px;padding:30px 0 25px;margin-left:55px;}
#header .gnb > li:first-child{margin-left:0;}
#header .gnb > li > a{display:block;font-size:18px;color:#222;transition:all .3s;}
#header .gnb > li > a:hover{color:#0eb3d3;}
#header .gnb > li > a.btn-customer{font-size:15px;}
#header .gnb > li .sub{display:none;position:absolute;top:80px;left:50%;transform:translateX(-50%);width:85px;background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.01);z-index:101;}
#header .gnb > li .sub li a{display:block;width:100%;font-size:15px;text-align:center;color:#222;}
#header .gnb > li .sub li a:hover{color:#fff;background:#0eb3d3;}
#header .gnb > li.on > a{color:#0eb3d3}
#header .gnb > li.on > .sub{display:block;}
#header .btn-customer.dp-mob{display:none;}
#header .btn-panel{display:none;}
#header .panel-wrap{display:none;}
#header.on .h-bot{background:#fff;transition:all .3s linear;}
/* .gnb-bg{display:none;position:absolute;top:135px;left:0;width:100%;height:205px;border-top:1px solid #e3e4e8;background:#fff;box-sizing:border-box;z-index:100;} */

/* footer */
#footer{width:100%;height:180px;border-top:1px solid #e6e7e9;background:#fff;padding:45px 0;}
#footer .inner::after{content:'';display:block;clear:both;}
#footer .fl p{font-size:15px;letter-spacing:-.5px;line-height:1.6;color:#777;margin-top:2px;}
#footer .fl p span{margin-right:15px;}
#footer .fl p span.name{color:#222;}
#footer .fl p span.copy{display:block;font-size:14px;color:#888;margin-top:15px;}
#footer .fr p{font-size:32px;font-weight:700;letter-spacing:-.2px;line-height:1;color:#0eb3d3;margin-bottom:10px;}
#footer .fr dl{display:table;font-size:15px;letter-spacing:-.5px;line-height:1.6;color:#777;}
#footer .fr dl dt{display:table-cell;width:65px;color:#222;}
#footer .fr dl dd{display:table-cell;}
#footer .fr .center{float:left;display:block;font-size:18px;line-height:1.6;color:#222;}
#footer .fr .center::after{content:'';display:inline-block;width:25px;height:25px;vertical-align:bottom;border:1px solid #dfe1e5;border-radius:100%;background:url(/images/ico-arrow.png) no-repeat center;margin:0 0 1px 10px;}
#footer .fr .call{float:left;margin-left:25px;}

/* sub-bn */
.sub-bn{background:#eefbff;padding:65px 0;}
.sub-bn .inner{position:relative;}
.sub-bn .bn-img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:160px;border:5px solid #fff;transition:all .2s;}
.sub-bn .bn-img.tp2{border:0;}
.sub-bn .bn-img img{width:100%;}
.sub-bn .tx-tit{margin-bottom:0;}
.sub-bn .tx-sub{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:17px;font-weight:500;line-height:1.5;text-align:left;color:#0f91d0;}
.sub-bn .tx-sub i{display:block;font-size:0;}
.sub-bn .tx-sub span{display:block;color:#333;margin-top:5px;}

/* search-wrap */
.search-wrap{margin-top:50px;}
.search-wrap::after{content:'';display:block;clear:both;}
.search-wrap > *{float:left;height:26px !important;margin-left:8px;}
.search-wrap select{width:80px;background-position:top 10px right 8px;margin:0;}
.search-wrap input{width:200px;transition:all .2s;}
.search-wrap .btn-search{color:#666;border:1px solid #0eb3d3;border-radius:5px;padding:0 12px;}

/* sel-wrap */
.sel-wrap{display:table;width:fit-content;height:52px;margin:0 auto;}
.sel-wrap select{float:left;width:230px;height:52px;font-size:15px;border-radius:50px;background-position:top 22px right 30px;padding:0 30px;}
.sel-wrap a.btn-big{float:left;margin:0 0 0 10px;}

/* bn-wrap */
.bn-wrap{position:relative;width:100%;height:595px;background:#eefbff;}
.bn-wrap .tx-wrap{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.bn-wrap .tx-wrap h2{position:relative;font-size:46px;font-weight:bold;letter-spacing:-10px;line-height:1.2;color:#222;}
.bn-wrap .tx-wrap p{position:relative;font-size:17px;letter-spacing:-1px;line-height:1.7;color:#606465;word-break:keep-all;margin-top:25px;opacity:0;animation:fadeIn 1s linear forwards;animation-delay:1s;}
.bn-wrap .tx-wrap .tx-tit{opacity:1;overflow:hidden;}
.bn-wrap .tx-wrap .tx-tit .char{display:inline-block;letter-spacing:-1px;line-height:1.2;opacity:0;animation:slide-up 1.25s cubic-bezier(.5,.2,0,1);animation-fill-mode:both;animation-delay:calc( (.05s * var(--char-index)));}

/* tx-wrap */
.tx-wrap.print{width:100%;font-size:14px;line-height:1.2;color:#777;word-break:keep-all;border:2px solid #0fb3d3;background:url(/images/ico-print.png) no-repeat center left 20px;padding:20px 20px 20px 100px;}
.tx-wrap.print b{display:block;font-size:17px;font-weight:500;color:#333;margin-bottom:5px;}
.tx-wrap.print span{color:#0eb3d3;}
.tx-wrap.tp1{width:100%;background:#f1f7f9;padding:20px;}
.tx-wrap.tp1 li{font-size:14px;letter-spacing:-.5px;line-height:1.6;color:#888;text-indent:-16px;padding-left:16px;}
.tx-wrap.tp1 li b{font-weight:400;color:#0eb3d3;}

/* lnb */
.lnb{width:100%;margin-bottom:60px;}
.lnb::after{content:'';display:block;clear:both;}
.lnb a{position:relative;float:left;display:block;width:20%;height:70px;font-size:17px;line-height:70px;text-align:center;color:#0eb3d3;background:#fff;padding:0 10px;box-sizing:border-box;transition:all .2s;}
.lnb a::after{position:absolute;top:-1px;left:-1px;content:'';width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid #0eb3d3;}
.lnb a:hover{color:#0eb3d3;transition:all .3s;}
.lnb a:hover::after{border:1px solid #0eb3d3;transition:all .3s;z-index:5;}
.lnb a.on{color:#fff;background:#0eb3d3;transition:all .3s;}
.lnb a.on::after{border:1px solid #0eb3d3;transition:all .3s;}
.lnb a br{display:none;}

/* condition */
.condition{border:1px solid #99ccff;border-radius:5px;background:#f6f8fd;padding-left:16px;}
.condition::after{content:'';display:block;clear:both;}
.condition li{float:left;margin:8px 16px 8px 0;}
.condition li .tit{display:inline-block;vertical-align:middle;margin-right:6px;}
.condition li .btn-sml{margin:0;}
.condition li em{vertical-align:middle;}

/* pagination */
.pagination{display:table;width:fit-content;margin:10px auto 0;}
.pagination a[class^="btn-"]{display:inline-block;width:24px;height:24px;font-size:12px;line-height:24px;text-align:center;vertical-align:middle;color:#666;border-radius:100%;box-sizing:border-box;margin:0 5px;}
.pagination a.btn-num.on{color:#fff;background:#0eb3d3;}
.pagination a.btn-prev, .pagination a.btn-next{border:none;background-repeat:no-repeat;background-position:center;}
.pagination a.btn-prev{background-image:url(/images/ico-prev.png);}
.pagination a.btn-next{background-image:url(/images/ico-next.png);}

@keyframes slide-up {
	from{opacity:0;transform:translateY(125%);}
	to{opacity:1.0;transform:translateY(0);}
}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes ani_effect {
	0% {opacity:0;margin-top:-70px;}
	100% {opacity:1;margin-top:0;}
}

.bn-wrap .img-wrap{position:absolute;top:50%;right:0;transform:translateY(-50%);margin-top:-100px;opacity:0;animation:ani_effect 1s linear forwards;animation-delay:0.2s;}
.bn-wrap .img-wrap img{max-width:100%;}
.bn-wrap .img-wrap .btn-big{position:absolute;bottom:50px;right:140px;z-index:4;}
.subtop{position:relative;max-width:550px;}
.subtop .img{position:absolute;z-index:2;}
.subtop .img img{position:relative;top:-60px;max-width:100%;opacity:0;animation:subtop-img 1s linear forwards;}
.subtop .img1 img{animation-delay:0.2s;}
.subtop .img2 img{animation-delay:0.5s;}
.subtop .img3 img{animation-delay:0.8s;}
.subtop .img4 img{animation-delay:1s;}
.subtop .img5 img{animation-delay:1.2s;}

@keyframes subtop-img {
	0% {top:-60px;opacity:0;}
	100% {top:0;opacity:1;}
}

/* Ŭ¶ó¿ìµå */
.subtop-cloud .img1{top:0;left:194px;} 
.subtop-cloud .img2{top:116px;left:0;} 
.subtop-cloud .img3{top:256px;left:60px;} 
.subtop-cloud .img4{top:122px;right:0;} 

/* ÄÜÅÙÃ÷ ¼­ºñ½º */
.subtop-contents .img1{top:130px;left:15px;} 
.subtop-contents .img2{top:30px;left:145px;z-index:1;} 
.subtop-contents .img3{bottom:20px;left:172px;} 
.subtop-contents .img4{bottom:4px;right:0;} 

/* ºÎ°¡ ¼­ºñ½º */
.subtop-service .img1{top:0;left:50px;} 
.subtop-service .img2{top:154px;left:0;} 
.subtop-service .img3{top:30px;right:0;} 
.subtop-service .img4{bottom:0;left:22px;} 
.subtop-service .img5{bottom:10px;right:16px;} 

/* ȯ±Þ°úÁ¤ */
.subtop-process .img1{top:0;left:48px;} 
.subtop-process .img2{top:400px;left:0;} 
.subtop-process .img3{top:256px;left:353px;} 
.subtop-process .img4{top:208px;right:30px;} 


/* 1300px */
@media all and (max-width:1300px) { 
  .bn-wrap .tx-wrap{box-sizing:border-box;z-index:5;}
  .bn-wrap .img-wrap .btn-big{bottom:0;right:0;width:180px;}
  .subtop{float:right;}

  /* Ŭ¶ó¿ìµå */
  .subtop-cloud .img1{top:0;left:194px;width:340px;}
  .subtop-cloud .img2{top:116px;left:0;width:110px;}
  .subtop-cloud .img3{top:206px;left:60px;width:100px;}
  .subtop-cloud .img4{top:2px;right:0;width:82px;}

  /* ÄÜÅÙÃ÷ ¼­ºñ½º */
  .subtop-contents .img1{top:90px;left:0;width:110px;} 
  .subtop-contents .img2{top:10px;left:112px;width:370px;} 
  .subtop-contents .img3{bottom:20px;left:150px;width:193px;} 
  .subtop-contents .img4{bottom:4px;right:40px;width:134px;} 

  /* ȯ±Þ°úÁ¤ */
  .subtop-process .img1{top:0;left:48px;width:390px;} 
  .subtop-process .img2{top:auto;bottom:50px;left:0;width:100px;} 
  .subtop-process .img3{top:auto;bottom:0;left:auto;right:0;width:310px;} 
  .subtop-process .img4{top:80px;right:50px;width:50px;} 

  /* ºÎ°¡ ¼­ºñ½º */
  .subtop-service .img1{top:30px;left:70px;width:400px;} 
  .subtop-service .img2{top:125px;left:40px;width:182px;} 
  .subtop-service .img3{top:40px;right:26px;width:164px;} 
  .subtop-service .img4{bottom:12px;left:42px;width:138px;} 
  .subtop-service .img5{bottom:20px;right:37px;width:193px;}
}


/* 1290px */
@media screen and (max-width:1290px){
  .inner{max-width:100%;padding:0 30px;}

  #header{height:120px;}
  #header .h-bot{height:90px;}
  #header .logo{padding:20px 0;}
  #header .gnb > li{padding:20px 0 20px;margin-left:35px;}
  /* #header .gnb > li .sub{top:90px;height:190px;padding:20px 0;} */
  .gnb-bg{top:120px;height:190px;}

  #footer .fr{display:none;}

  .sub-bn .bn-img{left:20px;}
  .sub-bn .tx-sub{right:20px;}
}


/* 980px */
@media screen and (max-width:980px){
  .layout.tp1{padding:50px 0;}

  h3.tx-tit{font-size:30px;}

  .logo{position:absolute;left:50%;transform:translateX(-50%);height:40px;line-height:40px;}
  .logo a{font-size:28px;}

  .panel-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:20;}
  .panel-wrap{display:none;position:fixed;top:0;right:-50%;width:360px;height:100vh;background:#fff;z-index:20;}
  .panel-wrap .logo{position:relative;left:auto;transform:none;float:none;width:100%;height:70px !important;line-height:1;border-bottom:1px solid #ddd;padding:20px 15px !important;box-sizing:border-box;}
  .panel-wrap .logo a{height:30px;font-size:20px;font-weight:500;line-height:30px;color:#4c535f;}
  .panel-wrap .logo a::before{width:30px;height:30px;font-size:26px;line-height:24px;vertical-align:top;}
  .panel-wrap .pn-gnb{width:100%;margin:10px 0;}
  .panel-wrap .pn-gnb > li{padding:15px 20px;}
  .panel-wrap .pn-gnb > li > a{position:relative;display:block;font-size:15px;line-height:1;color:#222;}
  .panel-wrap .pn-gnb > li > a::after{position:absolute;top:50%;right:4px;transform:translateY(-50%);content:'';display:block;width:10px;height:8px;background:url(/images/ico-menu-arrow.png) no-repeat center;background-size:100%;}
  .panel-wrap .pn-gnb > li > a.on{color:#0eb3d3;}
  .panel-wrap .pn-gnb > li > a.on::after{transform:rotate(180deg);transition:all .3s;}
  .panel-wrap .pn-gnb > li .sub li{margin-top:10px;}
  .panel-wrap .pn-gnb > li .sub li a{font-size:13px;}
  .panel-wrap .nav{display:table;width:fit-content;margin:20px auto;}
  .panel-wrap .nav li{float:left;width:70px;height:70px;border-radius:100%;background:#8d929d;margin:0 5px;}
  .panel-wrap .nav li a{display:block;font-size:13px;line-height:70px;text-align:center;color:#fff;}
  .panel-wrap .customer{border-top:1px solid #ddd;padding:20px 0;margin:0 20px;}
  .panel-wrap .customer dt{display:inline-block;width:49%;vertical-align:middle;}
  .panel-wrap .customer dt p{font-size:15px;color:#222;;}
  .panel-wrap .customer dt p b{display:block;font-size:20px;font-weight:bold;color:#0eb3d3;margin-top:5px;}
  .panel-wrap .customer dd{display:inline-block;width:50%;font-size:13px;line-height:1.6;color:#777;vertical-align:middle;}
  .panel-wrap .btn-big{width:calc(100% - 30px);margin:0 auto;}
  .panel-wrap .btn-big::after{bottom:-60px;right:-100px;}
  .panel-wrap .btn-close{position:absolute;top:27px;right:20px;display:block;width:19px;height:19px;background:url(/images/ico-close.png) no-repeat center;background-size:100%;}

  #header{height:80px;padding:20px 0;}
  #header .h-top{display:none;}
  #header .inner{position:relative;}
  #header .logo{padding:0;}
  #header .gnb{display:none;}
  #header .btn-customer.dp-mob{display:block;float:left;width:110px;height:40px;font-size:13px;line-height:38px;background-position:center left 15px;padding-left:42px;margin-top:0;}
  #header .btn-panel{float:right;display:block;width:24px;height:18px;background:url(/images/ico-panel.png) no-repeat center;background-size:100%;margin-top:11px;}
  .gnb-bg{top:80px;}

  #footer{padding:30px 0;}
  #footer .fl p{font-size:14px;}

  .sub-bn{padding:45px 0;}
  .sub-bn .tx-tit span{font-size:15px;word-break:keep-all;margin-top:12px;}
  .sub-bn .bn-img{width:120px;}
  .sub-bn .tx-sub{font-size:13px;}

  /* bn-wrap */
  .bn-wrap{height:360px;}
  .bn-wrap .tx-wrap{width:calc(100% - 380px);}
  .bn-wrap .tx-wrap h2{font-size:32px;}
  .bn-wrap .tx-wrap p{margin-top:18px;}
  .subtop{max-width:380px;}
  
  /* lnb */
  .lnb{margin-bottom:45px;}
  .lnb a{height:60px;font-size:15px;line-height:60px;padding:0 2px;}

  /* Ŭ¶ó¿ìµå */
  .subtop-cloud .img1{top:0;left:110px;width:220px;}
  .subtop-cloud .img2{top:57px;left:20px;width:90px;}
  .subtop-cloud .img3{top:auto;bottom:40px;left:20px;width:62px;}
  .subtop-cloud .img4{top:2px;right:30px;width:50px;}

  /* ÄÜÅÙÃ÷ ¼­ºñ½º */
  .subtop-contents .img1{top:62px;left:30px;width:78px;} 
  .subtop-contents .img2{top:10px;left:112px;width:250px;} 
  .subtop-contents .img3{bottom:30px;left:121px;width:133px;} 
  .subtop-contents .img4{bottom:20px;right:0;width:80px;} 

  /* ȯ±Þ°úÁ¤ */
  .subtop-process .img1{top:0;left:60px;width:270px;} 
  .subtop-process .img2{bottom:50px;left:30px;width:58px;} 
  .subtop-process .img3{bottom:20px;right:30px;width:220px;} 
  .subtop-process .img4{top:80px;right:10px;width:40px;} 


  /* ºÎ°¡ ¼­ºñ½º */
  .subtop-service .img1{top:20px;left:60px;width:290px;} 
  .subtop-service .img2{top:83px;left:33px;width:142px;} 
  .subtop-service .img3{top:38px;right:6px;width:106px;} 
  .subtop-service .img4{bottom:12px;left:52px;width:88px;} 
  .subtop-service .img5{bottom:4px;right:-5px;width:151px;}
}


/* 780px */
@media screen and (max-width:780px){
  .tabs a{font-size:15px;}
}


/* 680px */
@media screen and (max-width:680px){
  .inner{padding:0 20px;}
  .layout.tp1{padding:45px 0;}

  h3.tx-tit{font-size:26px;}

  .logo{position:relative;left:auto;transform:none;height:33px;line-height:33px;}
  .logo a{font-size:22px;}
  .logo a::before{width:33px;height:33px;font-size:30px;line-height:24px;}
  
  .panel-wrap{width:90%;}

  #header{height:67px;padding:17px 0;}
  #header .btn-customer.dp-mob{display:none;}
  #header .btn-panel{margin-top:7px;}

  #footer{height:auto;}
  #footer .fl p{font-size:13px;line-height:1.8;}
  #footer .fl p span{display:inline-block;}
  #footer .fl p br{display:none;}

  .sub-bn{padding:40px 0;}
  .sub-bn .bn-img{display:none;}
  .sub-bn .tx-tit span{margin-top:8px;}
  .sub-bn .tx-sub{position:inherit;top:inherit;right:inherit;transform:none;text-align:center;word-break:keep-all;margin-top:6px;}
  .sub-bn .tx-sub i{display:inline-block;font-size:13px;}

  /* search-wrap */
  .search-wrap{margin-top:45px;}
  .search-wrap input{width:150px;}

  /* bn-wrap */
  .bn-wrap{height:auto;padding:13px 0 30px;}
  .bn-wrap .tx-wrap{position:relative;top:0;transform:translateY(0);width:100%;text-align:center !important;padding:0;margin:20px 0 30px;}
  .bn-wrap .tx-wrap h2{width:100%;font-size:24px;}
  .bn-wrap .tx-wrap p{font-size:13px;margin-top:10px;}
  .bn-wrap .tx-wrap .tx-tit .char{letter-spacing:1.2px;}
  .bn-wrap .img-wrap{position:relative;top:-50px;right:0;left:0;transform:translateY(0);width:100%;text-align:center;margin:0 0 20px !important;animation:ani_effect 0.8s linear forwards;}
  .bn-wrap .img-wrap img{display:block;max-width:100%;margin:0 auto;}
  .bn-wrap .img-wrap .btn-big{position:relative;bottom:0;right:0;width:160px;margin:30px auto 0;animation-delay:1s;}
  .subtop{float:none;display:inline-block;max-width:300px;margin:0 auto;}

  /* sel-wrap */
  .sel-wrap{height:42px;text-align:center;}
  .sel-wrap select{float:inherit;height:42px;background-position:top 17px right 30px}
  .sel-wrap a.btn-big{float:inherit;height:42px;margin:10px 0 0 0;}
  .sel-wrap a.btn-big span{line-height:42px;}
  
  /* tx-wrap */
  .tx-wrap.print{font-size:13px;}
  .tx-wrap.print b{font-size:15px;}
  .tx-wrap.tp1 li{font-size:13px;}

  /* lnb */
  .lnb{margin-bottom:35px;}
  .lnb a{height:45px;font-size:13px;line-height:1.2;padding-top:7px;}
  .lnb a br{display:block;}

  /* Ŭ¶ó¿ìµå */
  .subtop-cloud .img4{right:-12px;}

  /* ÄÜÅÙÃ÷ ¼­ºñ½º */
  .subtop-contents .img1{top:42px;left:22px;width:68px;} 
  .subtop-contents .img2{top:0;left:82px;width:230px;} 
  .subtop-contents .img3{bottom:0;left:90px;width:110px;} 
  .subtop-contents .img4{bottom:0;right:0;width:60px;} 

  /* ȯ±Þ°úÁ¤ */
  .subtop-process .img1{top:0;left:60px;width:240px;} 
  .subtop-process .img2{bottom:20px;left:30px;width:50px;} 
  .subtop-process .img3{bottom:0;right:10px;width:180px;} 
  .subtop-process .img4{top:80px;right:0;width:35px;} 

  /* ºÎ°¡ ¼­ºñ½º */
  .subtop-service .img1{top:0;left:30px;width:240px;} 
  .subtop-service .img2{top:57px;left:11px;width:107px;} 
  .subtop-service .img3{top:12px;right:6px;width:86px;} 
  .subtop-service .img4{bottom:13px;left:19px;width:70px;} 
  .subtop-service .img5{bottom:10px;right:5px;width:120px;}

  @keyframes ani_effect {
    0% {top:-50px;opacity:0;margin-top:0;}
    100% {top:0;opacity:1;margin-top:0;}
  }
}


/* 359px */
@media screen and (max-width:359px){
  .search-wrap > *{margin-left:5px;}
  .search-wrap select{width:70px;margin-left:0;}
  .search-wrap input{width:96px;}
  .search-wrap .btn-search{padding:0 8px;}

  .lnb a{font-size:12px;padding:7px 0 0;}
}