@charset "utf-8";


/* heading */
h2{position:relative;margin:35px 0 10px 0;padding-top:5px;font-family:'nsr','Malgun Gothic';font-size:30px;color:#000;line-height:40px;}
h2:before{position:absolute;top:0;left:0;content:'';display:block;width:25px;height:2px;background-color:#005295}
h2:first-child{margin:0 0 10px 0;}
h3{margin:25px 0 10px;color:#005295;font-family:'nsr','Malgun Gothic';font-size:24px;line-height:30px;}
h4{margin:15px 0 10px;/*padding-left:30px;background:url(/images/common/h4_bul.png) no-repeat 0 6px;*/color:#000;font-family:'nsr','Malgun Gothic';font-size:18px;font-weight:bold;line-height:24px;} 
h5{/*margin:10px 0 5px 30px;*/margin:10px 0 5px;padding:0;font-size:18px;color:#282a2e;}
h6{/*margin:10px 0 5px 30px;*/margin:10px 0 5px;padding:0;font-size:16px;color:#004993;}

/* list */
.list_1st{margin:10px 0;padding:0;}
.list_1st li,
.list_1st dd{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul1.png) no-repeat 0 9px;color:#444;font-size:14px;word-wrap:break-word;word-break:keep-all;}
.list_1st dt{margin-top:10px;font-size:15px;font-weight:bold;}
.list_1st dt:first-child{margin-top:0;}
.list_2st{margin:4px 0;padding:0;}
.list_2st li{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul2.png) no-repeat left 11px;color:#555;}
.list_3st{margin:4px 0;padding:0;}
.list_3st li{margin:3px 0;padding-left:11px;background:url(/images/common/list_bul3.png) no-repeat left 8px;}
.list_1st li *,
.list_1st dd *,
.list_2st li *,
.list_3st li *{vertical-align:middle}
/* txt_p */
p{margin:3px 0;word-wrap:break-word;word-break:keep-all;}
.txt_h2{margin:0 0 20px;}
.txt_h3,
.txt_h4,
.txt_h5,
.txt_h6{margin:0 0 10px;}/*{margin:0 0 10px 30px;}*/

/* txt */
.txt-small,
small{font-size:14px;line-height:18px;}
.txt-lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:24px;}
blockquote,
.txt-blockquote{margin-bottom:20px;padding:10px 20px;border-left:3px solid #ccd1d9;}
blockquote p,
.txt-blockquote p{margin:0 0 5px 0;font-size:17px;line-height:22px}
blockquote .small,
blockquote small,
.txt-blockquote .small, 
.txt-blockquote small{display:block;font-size:13px;line-height:18px;color: #777;}
.txt-tip{color:#da4453}
.txt-fouse{color:#1983aa}
.txt-bul{padding-left:11px;background:url(/images/common/list_bul1.png) no-repeat 0 9px;}

/* txt-num */
.num{display:inline-block;overflow:hidden;margin-bottom:3px;margin-right:5px;width:21px;height:21px;border:1px solid transparent;border-radius:50%;background-image:none;/*font-family:'Frutiger Linotype';*/color:#fff;font-size:13px;line-height:21px;text-align:center}
.num-default{background-color:#3a4755;}
.num-normal{background-color:#005295;}

.list_num>li{padding-left:26px;line-height:21px;}
.list_num .num{margin:0 2px 3px -26px;}

/* txt-color */
.color-blue{color:#4a89dc}
.color-blue2{color:#00439e;}
.color-aqua{color:#3bafda}
.color-mint{color:#37bc9b}
.color-dtgray{color:#434a54}
.color-sweetbi{color:#e9573f}
.color-grapefruit{color:#da4453}
.color-orange{color:#e03321;}



@media all and (min-width: 768px){
	.txt-lead{font-size:21px;}
	
}


/* table style */
table caption{position:relative;height:0;font-size:0;line-height:0;}
.tbl_basic{margin-bottom:10px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;}
.tbl_basic th,
.tbl_basic td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{/*color:#004993;*/color:#333;}
.tbl_basic thead th{color:#333;}
.tbl_basic td  .btn-file{font-size:12px;}

.tbl_basic .tbt_dashed{border-bottom-style:dashed;}

.tbl_basic{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{border-left-color:#ccc;border-bottom-color:#ccc;border-right:1px solid #ccc;}
.tbl_basic tbody th{background-color:#f1f1f1;}
.tbl_brn th, .tbl_brn td{border-right:none !important;} /* 20201118 �߰� */


/* 20201228 �߰� */
.tbl_basic th{padding:12px 5px;font-weight:700;color:#111; line-height:1.4;}
.tbl_basic thead th,.tbl_basic tbody th{background:#fafafa;}
.tbl_basic th:first-child,.tbl_basic td:first-child{border-left:0 none;}
.tbl_basic th:last-child,.tbl_basic td:last-child{border-right:0 none;}







.tbl_basic.tbl_type1{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{background-color:#fff;border-bottom-color:#ccc;}

.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#004993;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{background-color:#fff;color:#333;text-align:left;}
.tbl_basic.tbl_type2 thead th{background-color:#f1f1f1;}
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

 

.tbl_basic.tbl_type2 .level0{background-color:#fafafa;color:#333;}
.tbl_basic.tbl_type2 .level0 th{background-color:#fafafa;}
.tbl_basic.tbl_type2 .level0 th,
.tbl_basic.tbl_type2 .level0 td{color:#000;font-weight:bold;}

.tbl_basic .list_subject form {float:left}

.tbl_basic .list_subject img {vertical-align: middle; margin-left:4px;}
/* #120185 게시판 틀어져서 다시 이전으로 돌려놓음 
.tbl_basic .list_subject img {vertical-align: middle; margin-left:4px;position: absolute;left: 20px;top: 50%;transform: translate(0, -50%);} */ 

.tbl_basic.center .left.sub .list_subject {position:relative;}
.tbl_basic.center .left.sub .list_subject form {padding-left: 124px;}
.tbl_basic.center .left.sub .list_subject:before {content:'답글있음';width: 20px;height: 20px;display: inline-block;position: absolute;background-image: url(/images/prog/common/ico_re.gif);background-repeat: no-repeat;left: 95px;background-position: 50%;font-size:0;}

@media (max-width:1280px) {
.tbl_basic.center .left.sub .list_subject form {padding-left: 23%;}
.tbl_basic.center .left.sub .list_subject:before {left: 16%;}
} 


@media all and (max-width:767px){
.responseTable{width:95%;margin:0 auto;overflow-x:auto;/* background:url(/images/flexcroll/move.png) no-repeat right top; */background-size:68px 32px;}
.responseTable .mcontentwrapper{top:40px !important;}
.responseTable .contentwrapper{background-color:#fff;}
.table_scroll_x{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}
.table_wrap {display: block;width: 100%;overflow-x: auto;}
.table_wrap .tbl_basic {width:995px;} 	
}


@media (max-width:569px) {

}


/* tab */


.tab-ul{margin-bottom:20px;}
.tab-ul:after{content:"";display:block;visibility:hidden;clear:both;}
.tab-ul li{display:table;float:left;margin-left:-1px;margin-top:-1px;height:100%;vertical-align:middle;height:100%;}
.tab-ul li *{margin:0;padding:0;line-height:0;}
.tab-ul li a{display:table-cell;position:relative;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
.tab-ul li a span{display:block;position:relative;line-height:120%;}
.tab-ul li a:hover,
.tab-ul li a:focus,
.tab-ul li a:active{}

.tab-ul.tab-col-2 li,
.tab-ul.tab-col-3 li,
.tab-ul.tab-col-4 li,
.tab-ul.tab-col-5 li,
.tab-ul.tab-col-6 li,
.tab-ul.tab-col-7 li{width:100%}




.tab-ul.deth-4st li a{border-color:#ddd;border-bottom-color:#949494;color:#333;font-size:15px;line-height:1;height:60px;}
.tab-ul.deth-4st li a span{padding:10px 15px;}

.tab-ul.deth-4st li a:hover,
.tab-ul.deth-4st li a:focus,
.tab-ul.deth-4st li a:active{border-color:#004993;border-bottom-color:#004993;background-color:#004993;color:#fff;}

.tab-ul.deth-4st li.ov a,
.tab-ul.deth-4st li.ov a:hover,
.tab-ul.deth-4st li.ov a:focus,
.tab-ul.deth-4st li.ov a:active,
.tab-ul.deth-4st li.on a,
.tab-ul.deth-4st li.on a:hover,
.tab-ul.deth-4st li.on a:focus,
.tab-ul.deth-4st li.on a:active,
.tab-ul.deth-4st li.tab_ov a,
.tab-ul.deth-4st li.tab_ov a:hover,
.tab-ul.deth-4st li.tab_ov a:focus,
.tab-ul.deth-4st li.tab_ov a:active,
.tab-ul.deth-4st li a.tab_ov{border-color:#004993;border-bottom-color:#004993;background-color:#004993;color:#fff;}

.tab-ul.deth-5st li{position:relative;z-index:10;}
.tab-ul.deth-5st li a{position:relative;border-color:#ddd;color:#666;font-size:13px;line-height:1;height:54px;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:#004993;}
.tab-ul.deth-5st li a span{padding:10px 40px 10px 20px;}
.tab-ul.deth-5st li a span:before{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-5px;width:5px;height:9px;background:url(/images/common/tab_deth_5st_arr.png) no-repeat;}
.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,
.tab-ul.deth-5st li.tab_ov a,
.tab-ul.deth-5st li.tab_ov a:hover,
.tab-ul.deth-5st li.tab_ov a:focus,
.tab-ul.deth-5st li.tab_ov a:active{border-color:#004993;color:#004993;}
.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;}


.tabmenu{margin-top:30px;margin-bottom:-30px;}
.tabmenu a{position:relative;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;background-image:none;text-align:center; vertical-align:middle;border:1px solid transparent;}
.tabmenu a{display:inline-block;width:50%;margin:0 -2px;border-color:#ddd;border-bottom-color:#949494;color:#333;font-size:15px;line-height:60px;height:60px;}
.tabmenu a:hover,
.tabmenu a:focus,
.tabmenu a:active,
.tabmenu a.ov{border-color:#004993;border-bottom-color:#004993;background-color:#004993;color:#fff;}

@media all and (min-width:640px){
	.tab-ul.tab-col-2 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li,
	.tab-ul.tab-col-6 li,
	.tab-ul.tab-col-7 li{width:50%;}

	
}
@media all and (min-width:768px){
	.tab-ul.tab-col-3 li,
	.tab-ul.tab-col-4 li,
	.tab-ul.tab-col-5 li,
	.tab-ul.tab-col-6 li,
	.tab-ul.tab-col-7 li{width:33.33%}
}
@media all and (min-width:1024px){
	.tab-ul.tab-col-4 li{width:25%}
	.tab-ul.tab-col-5 li{width:20%}
	.tab-ul.tab-col-6 li{width:16.66%;}
	.tab-ul.tab-col-7 li{width:14.28%;}
}



a{text-decoration:none;}
a:link,
a:visited{color:#666;}
a:hover,
a:focus,
a:active{color:#000;}


/* button */
.btn{display:inline-block;position:relative;border:none;outline:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn{border:1px solid transparent;/*border-radius:4px;*/background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;}
.btn *{vertical-align:middle}
.btn:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.btn:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}

.btn-ani{padding:8px 15px 7px 15px;font-size:14px;font-weight:400;line-height:1.42857143;}
.btn-ani.btn-file{padding:7px 12px 5px 12px;background-color:transparent;}

.btn-ani.small{padding:5px 10px 4px 10px;font-size:12px;}
.btn-ani.large{padding:12px 25px 11px 25px;font-size:16px;}
.btn-ani.btn-file.large{padding:11px 25px 9px 25px;}


.btn, 
.btn.disabled, 
.btn[disabled],
.btn,
.btn:link,
.btn:visited{background-color:#ddd;border-color:#ddd;color:#fff;}
.btn:hover,
.btn:focus,
.btn:active{background-color:#6b7887;border-color:#6b7887;}

.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn{pointer-events: none;cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;opacity: .65;}

.btn-default, 
.btn-default.disabled, 
.btn-default[disabled],
.btn-default,
.btn-default:link,
.btn-default:visited{background-color:#6b7887;border-color:#6b7887;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active{background-color:#666;border-color:#666;}

.btn-primary, 
.btn-primary.disabled, 
.btn-primary[disabled],
.btn-primary,
.btn-primary:link,
.btn-primary:visited{background-color:#004a93;border-color:#004a93;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{background-color:#002b66;border-color:#002b66;}

.btn-success, 
.btn-success.disabled, 
.btn-success[disabled],
.btn-success,
.btn-success:link,
.btn-success:visited{background-color:#8cc152;border-color:#8cc152;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active{background-color:#5e9b1c;border-color:#5e9b1c;}

.btn-info, 
.btn-info.disabled, 
.btn-info[disabled],
.btn-info,
.btn-info:link,
.btn-info:visited{background-color:#1e9e7e;border-color:#1e9e7e;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active{background-color:#0b8466;border-color:#0b8466;}

.btn-warning, 
.btn-warning.disabled, 
.btn-warning[disabled],
.btn-warning,
.btn-warning:link,
.btn-warning:visited{background-color:#db9911;border-color:#db9911;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{background-color:#f6bb42;border-color:#f6bb42;}

.btn-danger, 
.btn-danger.disabled, 
.btn-danger[disabled],
.btn-danger,
.btn-danger:link,
.btn-danger:visited{background-color:#da4453;border-color:#da4453;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{background-color:#ba1b2b;border-color:#ba1b2b;}



.btn.btn-line{background-color:transparent;}
.btn.btn-file{background-color:transparent;/*border-radius:4px;*/border:1px solid #ddd;background-color:#fff;}

.btn.btn-line, 
.btn.disabled.btn-line, 
.btn.btn-line[disabled],
.btn.btn-line,
.btn.btn-line:link,
.btn.btn-line:visited{color:#54535a;}
.btn.btn-line:hover,
.btn.btn-line:focus,
.btn.btn-line:active{color:#333;}

.btn.btn-file, 
.btn.disabled.btn-file, 
.btn.btn-file[disabled],
.btn.btn-file,
.btn.btn-file:link,
.btn.btn-file:visited{color:#666;}
.btn.btn-file:hover,
.btn.btn-file:focus,
.btn.btn-file:active{color:#333;}



.bico.bticon{position:relative;top:-1px;display:inline-block;width:21px;height:24px;background:url(/images/common/ico_file.png) no-repeat;}
.bico.bticon.left{margin-right:10px;}
.bico.bticon.right{margin-left:20px;}
.bico.bticon.acrobat{background-position:0 0;}
.bico.bticon.ppt{background-position:-21px 0;}
.bico.bticon.word{background-position:-42px 0;}
.bico.bticon.hwp{background-position:-105px 0;}
.bico.bticon.excel{background-position:-63px 0;}
.bico.bticon.file{background-position:-84px 0;}
.bico.bticon.ai{background-position:-126px 0;}
.bico.bticon.jpg{background-position:-148px 0;}
.bico.bticon.acrobat2{background-position:-252px 0;}
.btn-ani .bico.bticon.home{background-position:-189px 0;}
.btn.btn-file .bico.bticon.home,
.btn.btn-line .bico.bticon.home{background-position:-169px 0;}
.btn-ani .bico.bticon.file2{background-position:-231px 0;}
.btn.btn-file .bico.bticon.file2,
.btn.btn-line .bico.bticon.file2{background-position:-210px 0;}
.btn-ani .bico.bticon.view{background-position:-273px 0;}
.btn.btn-file .bico.bticon.view,
.btn.btn-line .bico.bticon.view{background-position:-294px 0;}
.bico.bticon.radius{width:36px;height:36px;background-position:0 -26px;}

.bico.bticon.radius2{display:inline-block;width:33px;height:33px;background:url(/images/common/ui/ui_icon.png) no-repeat;background-position:-284px -15px;font-size:0;line-height:0;position:relative}
.bico.bticon.radius2:hover,
.bico.bticon.radius2:focus,
.bico.bticon.radius2:active{background-position:-317px -15px;}
.bico.bticon.home2{display:inline-block;width:33px;height:33px;background:url(/images/common/ui/ui_icon.png) no-repeat;background-position:-350px -15px;position:absolute;top:0;left:0;}



/* labels */ 
.label{display:inline-block;padding:4px 10px 3px 10px;font-size:12px;font-weight:400;background-color:#aab2bd;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3px;}
.label-default{background-color:#fff;border: 1px solid #aab2bd;color:#434a54;}
.label-primary{background-color:#3bafda;border-color:#3bafda;}
.label-success{background-color:#8cc152;border-color:#8cc152;}
.label-info{background-color:#37bc9b;border-color:#37bc9b;}
.label-warning{background-color:#f6bb42;border-color:#f6bb42;}
.label-danger{background-color:#da4453;border-color:#da4453;}


/* align style */
.clear{clear:both;}
.clearfix{width:100%;}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;}
.ft_left{float:left;}
.ft_right{float:right;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

.tx_line{text-decoration:underline;}

/* display */
.inline{display:inline;}
.inb{display:inline-block;}
.block{display:block;}
.ir_img{text-indent:-9999px;font-size:0;line-height:0;}




/* imsi image */
.serv_ing{width:100%;height:243px;background:#fff url(/images/common/common/serv_ing.gif) no-repeat center 50px;}

/* margin */
.m_0{margin:0px;}
.m_5{margin:5px;}
.m_10{margin:10px;}
.m_15{margin:15px;}
.m_20{margin:20px;}
.m_25{margin:25px;}
.m_30{margin:30px;}
.m_35{margin:35px;}
.m_40{margin:40px;}
.m_45{margin:45px;}
.m_50{margin:50px;}

.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}
.mt_80{margin-top:80px;}

.ml_0{margin-left:0px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_17{margin-left:17px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_45{margin-left:45px;}
.ml_50{margin-left:50px;}
.ml_100{margin-left:100px;}
.ml_200{margin-left:200px;}

.mr_0{margin-right:0px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

.mb_0{margin-bottom:0px;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

/* padding */
.p_0{padding:0px;}
.p_5{padding:5px;}
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_20{padding:20px;}

.pt_0{padding-top:0px;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}
.pt_35{padding-top:35px;}
.pt_40{padding-top:40px;}
.pt_45{padding-top:45px;}
.pt_50{padding-top:50px;}

.pr_0{padding-right:0px;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_25{padding-right:25px;}
.pr_30{padding-right:30px;}
.pr_35{padding-right:35px;}
.pr_40{padding-right:40px;}
.pr_45{padding-right:45px;}
.pr_50{padding-right:50px;}

.pl_0{padding-left:0px;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}
.pl_45{padding-left:45px;}
.pl_50{padding-left:50px;}
.pl_70{padding-left:70px;}
.pl_130{padding-left:100px;}

.pb_0{padding-bottom:0px;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_15{padding-bottom:15px;}
.pb_20{padding-bottom:20px;}
.pb_25{padding-bottom:25px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}
.pb_45{padding-bottom:45px;}
.pb_50{padding-bottom:50px;}

/* width */
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}

.wp10{width:10%;}
.wp20{width:20%;}
.wp30{width:30%;}
.wp40{width:40%;}
.wp45{width:45%;}
.wp50{width:50%;}
.wp55{width:55%;}
.wp60{width:60%;}
.wp65{width:65%;}
.wp70{width:70%;}
.wp75{width:75%;}
.wp80{width:80%;}
.wp85{width:85%;}
.wp90{width:90%;}
.wp95{width:95%;}
.wp96{width:96%;}
.wp97{width:97%;}
.wp98{width:98%;}
.wp99{width:99%;}
.wp100{width:100%;}

.nsr{font-family:'nsr','Frutiger Linotype','Malgun Gothic','AppleGothic';}
.ntk{font-family:'ntk','Frutiger Linotype','Malgun Gothic','AppleGothic';}



#info_ship .title{position:relative;z-index:99;}
.individual-bubble {
position: absolute;
border-radius: 100%;
bottom: 10px;
background-color: #deebff;
z-index: 1;
}


#lnb .lm_2th li a *{vertical-align:middle}
.window{display:inline-block;margin-left:10px;}


.overlay {
	display:none;
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
 
  z-index:998;

}

.loaderContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.loaderContainer.load {
  -webkit-animation: load 2s 0.8s linear infinite;
          animation: load 2s 0.8s linear infinite;
}
.loaderContainer.load .dot {
  opacity: 1;
}
.loaderContainer.load .crs {
  opacity: 1;
}
.loaderContainer.load .crs.topr {
  -webkit-transform: translate(50%, -150%);
          transform: translate(50%, -150%);
}
.loaderContainer.load .crs.topl {
  -webkit-transform: translate(-150%, -150%);
          transform: translate(-150%, -150%);
}
.loaderContainer.load .crs.botr {
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}
.loaderContainer.load .crs.botl {
  -webkit-transform: translate(-150%, 50%);
          transform: translate(-150%, 50%);
}
.loaderContainer .dot {
  height: 10px;
  width: 10px;
  background-color: #01172d;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity .2s ease .4s;
  transition: opacity .2s ease .4s;
  opacity: 0;
}
.loaderContainer .crs {
  opacity: 0;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #01172d;
  border-width: 10px 10px 0px 0px;
  position: absolute;
  -webkit-transition: all 0.6s cubic-bezier(1, 0, 0.215, 1);
  transition: all 0.6s cubic-bezier(1, 0, 0.215, 1);
}
.loaderContainer .crs.topr {
  -webkit-transform: translate(20vw, -20vh);
          transform: translate(20vw, -20vh);
}
.loaderContainer .crs.topl {
  border-width: 10px 0px 0px 10px;
  -webkit-transform: translate(-20vw, -20vh);
          transform: translate(-20vw, -20vh);
}
.loaderContainer .crs.botr {
  border-width: 0px 10px 10px 0px;
  -webkit-transform: translate(20vw, 20vh);
          transform: translate(20vw, 20vh);
}
.loaderContainer .crs.botl {
  border-width: 0px 0px 10px 10px;
  -webkit-transform: translate(-20vw, 20vh);
          transform: translate(-20vw, 20vh);
}

@-webkit-keyframes load {
  12.5% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  37.5% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  62.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  87.5% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes load {
  12.5% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  37.5% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  62.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  87.5% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}