@charset "utf-8";

/* ----- 공통 layout ----- */
/* skip navi */
.skip{position:relative;z-index:99;}
.skip h2{display: block;overflow: hidden;position: absolute;width: 0px;height: 0px;font-size: 1px;line-height: 0;text-indent: -999em;white-space: nowrap;}
.skip a{position: absolute;top: -100px;left: -999px;display:block;height:50px;padding:0 20px;line-height:50px;font-size:16px;text-align:center;background: #31313b;color: white;}
.skip a:focus{top:0;left:0;}
:focus {outline: none;}
button{color: #333}

/* 공통 너비 layout */
.common-layout{position:relative;width:1180px;margin:0 auto}
.container{position:relative;}
.common-layout:after,
.container:after{content:'';display:block;clear:both;}

/* header */
.top-wrap{text-align: center;height:60px;border-bottom:1px solid #e8e8e8; background: #fff; -webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;transition: background-color 0.5s;z-index: 999;}
.top-wrap h1{padding-top:9px;}
.top-wrap h1 a{display:block; margin:0 auto;background:url(../img/logo.png) center top no-repeat;width:182px; height:42px;}
.top-wrap .top-left{position:absolute;left:0;top:23px;}
.top-wrap .top-right{position:absolute;right:0;top:17px;}

body#main-body .header.hover{position:fixed !important;top: 0;
    width: 100%;}
body#main-body .header.hover .top-wrap,
body#main-body .header.hover .nav-wrap{transition-duration:0s !important}

/* header-top- */
.link-unit{line-height:14px;font-family: 'NotoKrM',sans-serif;font-size:14px;letter-spacing:-0.05em;}
.link-unit:after{content:'';display:block;clear:both;}
.link-unit li{position:relative;float:left;vertical-align:middle;padding-right:13px;}
.link-unit li a{color:#777;vertical-align: top;margin-right:10px;}
.link-unit li:after{content: '';display: inline-block;width: 3px;height: 3px;background: #777;border-radius: 10px;position: absolute;top: 50%;right:10px;margin-top: -1px;}
.link-unit li:last-child{padding-right:0;}
.link-unit li:last-child:after{display:none;}

.link-unit2{line-height:14px;vertical-align: top;line-height:18px;}
.link-unit2 .hide{display: none}
.link-unit2:after{content:'';display:block;clear:both;}
.link-unit2 li{position:relative;float:left;vertical-align:top;padding-right:13px;}
.link-unit2 li.lang{padding-right:0;}
.link-unit2 li a{font-family: 'NotoKrM',sans-serif;font-size:14px;color:#777;letter-spacing:-0.05em;}
.link-unit2 li a.link-blog{display:inline-block;text-align:center;font-family: 'NotoKrM',sans-serif;text-align:center;font-size:14px; padding:0 7px 0  7px;line-height: 25px;letter-spacing:-0.05em;}
.link-unit2 li a.link-blog:before{content:'';display:inline-block;width:14px;height:14px;background:url(../img/blog_img.jpg) no-repeat;margin-right:0px;vertical-align: top;margin-top:6px;}
.link-unit2 li a.link-language{display:inline-block;border:1px solid #d2d4d7;min-width:62px;height:26px;text-align:center;border-radius:30px;font-family:'NotoKrB';font-size:12px;padding:0 7px 0  7px;line-height: 25px;}
.link-unit2 li a.link-language:before{content:'';display:inline-block;width:14px;height:14px;background:url(../img/icon_header.png) left -60px no-repeat;margin-right:6px;vertical-align: top;margin-top:5px;}
.link-unit2 .lang-open{z-index:1000;position: absolute;top: 26px;right:0; width: 62px;  line-height: 25px; font-family: 'NotoKrR',sans-serif; display:none;  }
.link-unit2 .lang-open a{color:#777; border-radius:30px;border:1px solid #d2d4d7;height:22px; line-height:22px;width: 62px; display:block;background: #fff; font-size:12px; border-top:0 }
.link-unit2 .lang-open a:hover, .link-unit2 .lang-open a:focus{font-family: 'NotoKrM',sans-serif; color: #000;background: #f8f8f8;}


/*로그인 후 환영인사 디자인 받고 수정 */
.link-unit2 .greet{}

/* header-gnb */
.header{position:relative;z-index: 999;}
.nav-wrap{position:relative;height:71px;border-bottom:1px solid #e8e8e8; background: #fff; -webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;transition: background-color 0.5s;z-index: 999;}
.nav-wrap .common-layou:after{content:'';display:block;clear:both;}
.gnb-wrap{display:inline-block;vertical-align: middle;margin-left:52px;}
.gnb li{float:left;color:#000;font-size:18px;font-family: 'NotoKrM',sans-serif;width:172px;text-align: center;}
.gnb li a{display:block;line-height:71px;height:71px;position:relative}
.gnb li a:hover,.gnb li a.active{color:#0770bb}
.gnb li a:hover:after,.gnb li a.active:after{content:'';display:inline-block;position:absolute;left:0;bottom:0;right:0;height:4px;background: #0770bb}
.nav-wrap .btn-allmenu{position:absolute;left:0;top:50%;width:24px;height:18px;margin-top:-9px;}
.nav-wrap .btn-allmenu:before{content:'';display:inline-block;width:24px;height:18px;background:url('../img/icon_header.png') left top no-repeat}
.nav-wrap .btn-close{position:absolute;left:0;top:50%;width:24px;height:18px;margin-top:-9px;display:none}
.nav-wrap .btn-close:before{content:'';display:inline-block;width:24px;height:18px;background:url('../img/icon_header.png') left -170px no-repeat}
.nav{float:left;display: inline-block;}
.header-quickbtn{position:absolute;right:0;top:-1px;height:72px;letter-spacing: 0}
.quickbtn-res{float:left;display:inline-block;padding:0px;width:135px;height:72px;background: #0770bb;color: #fff;font-size:16px;font-family: 'NotoKrM';line-height:72px;}
.quickbtn-res:before{content:'';display:inline-block;width:28px;height:24px;background:url('../img/icon_header.png') -60px top no-repeat;margin-right:8px;vertical-align: middle}
.quickbtn-my{float:left;display:inline-block;padding:0px;width:133px;height:72px;background:#199da3;color: #fff;font-size:16px;font-family: 'NotoKrM';line-height:72px;}
.quickbtn-my:before{content:'';display:inline-block;width:24px;height:24px;background:url('../img/icon_header.png') -120px top no-repeat;margin-right:10px;vertical-align: middle}

/* header - 열린부분 */
.opensection-wrap.active{display:block;}
.opensection-wrap{position:absolute;left:0;top:71px;right:0;background:#fff;z-index:999;/* display:none; */}
.subnav-wrap .common-layout{padding-left:52px;}
.opensection-bottom{background: #eef5fb;height:162px;border-top:1px solid #e8e8e8}
.gnb2-wrap{position:relative;float:left;width:172px;height:470px;border-right:1px solid #e8e8e8;padding-top:32px; }
.gnb-2depth{font-size:16px;color:#777}
.gnb-2depth>li> a{line-height:36.55px;display:block;padding-left:20px;position: relative;}
.gnb-2depth> li> a:hover,.gnb-2depth >li>a.active{background:#0770bb;color:#fff;font-family: 'NotoKrM'}
.gnb-2depth> li> a:hover+.gnb3-wrap,.gnb-2depth >li>a.active+.gnb3-wrap{display:block;}
.gnb-2depth >li >a.has-depth:hover:after,.gnb-2depth >li >a.has-depth.active:after{content:'';display:inline-block;position:absolute;right:10px;top:50%;margin-top:-6.5px;width:8px;height:13px;background:url('../img/icon_header.png') 0 -120px no-repeat;z-index:1000;}

.gnb3-wrap{position:absolute;left:171px;top:-1px;bottom:-1px;right:-1px;padding-top:30px;background:#0770bb;width:172px;z-index:1000;color:#fff;padding-left:20px;display:none;}
.gnb-3depth li a{font-size:16px;color:#fff;line-height:36px;font-family:  'NotoKrR';}
.gnb-3depth li a:hover,.gnb-3depth li a.active{border-bottom:1px solid #fff;}
.gnb-2depth.openLeft .gnb3-wrap{left:-172px}

.opensection-qbanner{float:right;width:268px; height:470px;position: relative;background: #0770bb;
    background: -moz-linear-gradient(-45deg, #0b79b6 0%, #0770bb 31%, #199da3 100%);
    background: -webkit-linear-gradient(-45deg, #0770bb 0%,#0770bb 31%,#199da3 100%);
    background: linear-gradient(135deg, #0770bb 0%,#0770bb 31%,#199da3 100%); }
.opensection-qbanner:after{content:'';display:block; width:95px;height:95px;border-radius:50px;position:absolute;left:50%;top:20px;background:url(../img/icon_header.png) no-repeat  0 -300px  #fff; transform:  translateX(-50%) ; -webkit-transform:  translateX(-50%) ;}
.opensection-qbanner p{font-size:12px; color:#fff; line-height:19px; text-align:center; padding-top:130px;}
.opensection-qbanner button{background:#199da3; width:268px; height:50px;position:absolute;left:0;bottom:0px;font-size:16px; color:#fff;font-family:'notoKrR',sans-serif; }
.opensection-qbanner .input-num{text-align:center; margin-top:10px;}
.opensection-qbanner .input-text{color:#fff}
.opensection-qbanner input[type="text"]{border:0; width:62px !important; padding:0 15px}
.opensection-qbanner .etc{font-size:10px; color:#fff; line-height:15px; text-align:left; padding-top:12px; padding-left:20px;}

.opensection-bottom .common-layout{padding-top:38px;}
.open-info-text{position:relative;float:left;font-size:22px;font-family:'NotoKrR';line-height:37px;letter-spacing:-0.07em;padding-right:28px;margin-top:4px;}
.open-info-text:after{content:'';position:absolute;right:-4px;top:50%;margin-top:-4px; display:inline-block;width:8px;height:8px;background: #cbcdd2;border-radius:8px;}

.open-info-list{vertical-align: bottom;float:left;}
.open-info-list li{position:relative;margin-right:100px;display:table-cell;text-align:center;vertical-align: bottom;height:87px;width: 142px;}
.open-info-list li:last-child{margin-right:0;}
.open-info:before{content:'';display:inline-block;background: url(../img/icon_header.png) no-repeat;margin-bottom:5px;}
.open-info.trust:before{background-position:-180px 0;width:64px;height:65px;}
.open-info.tech:before{background-position:-180px -100px;width:60px;height:59px;}
.open-info.team:before{background-position:-180px -200px;width:70px;height:49px;}
.open-info span{display:block;vertical-align:bottom;font-family: 'NotoKrR';color:#777;font-size:16px;}

.open-info.trust:after{content:'';position:absolute;right:-4px;top:50%;margin-top:-4px; display:inline-block;width:8px;height:8px;background: #cbcdd2;border-radius:8px;}
.open-info.tech:after{content:'';position:absolute;right:-4px;top:50%;margin-top:-4px; display:inline-block;width:8px;height:8px;background: #cbcdd2;border-radius:8px;}

.open-info-tel{float:right;font-size:22px;color:#000;text-align:right;font-family: 'NotoKrR';padding-top:0;margin-top: -18px;}
.open-info-tel span{font-size:14px;color:#777;margin-right:10px;letter-spacing:-0.06em;display:inline-block;vertical-align: middle;margin-top:-2px;}
.open-info-tel li{margin-bottom: 10px;}

/* header-loaction */
.location-wrap{height:60px;background: #3d4044;}
.location-wrap .common-layout{position:relative;z-index:99;}
.location-wrap .common-layout > div{position:absolute;top:0;left: 0;width: 100%;}

.location-wrap.fix{z-index: 999; position: fixed;top: 0;width: 100%;}

.btn-home{width:60px;height:60px;border-right:1px solid #646669;background:#3d4044;float:left;}
.btn-home:before{content:'';display:inline-block;width:23px;height:22px;background:url(../img/icon_location.png) 0 0 no-repeat}
.location-nav-wrap{float:left;font-size:16px;position:relative;border-right:1px solid #646669;}
.location-1{color:#aaa;line-height:60px;padding-left:20px;padding-right:62px;display:inline-block;min-width:188px;}
.location-1:after{content:'';position:absolute;right:20px;top:30px;margin-top:-3px;display:inline-block;width:10px;height:5px;background:url(../img/icon_location.png) -40px 0 no-repeat}
.location-nav{display:none;padding-bottom:20px;background:#3d4044; max-height: 600px;overflow-y:auto }
.location-nav li{}
.location-nav li a{color:#fff;height:37px;line-height:37px;display:block;padding:0 20px;min-width:188px;}
.location-nav li a:focus,.location-nav li a:hover{background:#515357;}

.location-nav-wrap .location-1.active, .location-nav-wrap .location-1.on{color:#fff;font-family: 'NotoKrR'}
.location-nav-wrap .location-1.active:after{background-position:-40px -40px;}
.location-nav-wrap .location-1.active +.location-nav{display:block;}

/* container */
.container{}
.pagetitle-wrap{text-align: center;width:1180px;margin:0 auto 60px; padding-top:100px;}
.pagetitle-wrap .title-style1{}
.pagetitle-wrap .text-style1{margin-top:30px;}
.contents{ position: relative;width:1180px;margin:0 auto 100px; min-height: 400px;}

/* footer */
.footer{background:#3d4044;}
.quicklink-wrap{background:#374257;width: 100%;}
.quicklink{color:#fff;font-family:'notoKrL',sans-serif;letter-spacing: -0.05em;border-left:1px solid #5f6879; display: table;width: 100%}
.quicklink:after{content:'';display:block;clear:both;}
.quicklink li{height:50px;border-right:1px solid #5f6879; display:table-cell;}
.quicklink li a{display:inline-block;height:50px;line-height:50px;position:relative;padding-left:20px;width: 100%}
.quicklink li a:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-14px;width:28px;height:28px;background:#c3c7cd url('../img/icon_quicklink.png') no-repeat;border-radius:28px}
.quicklink li a.quick-1:after{background-position:0 0}
.quicklink li a.quick-2:after{background-position:0 -40px}
.quicklink li a.quick-3:after{background-position:0 -80px}
.quicklink li a.quick-4:after{background-position:0 -120px}
.quicklink li a.quick-5:after{background-position:0 -160px}
.quicklink li a.quick-6:after{background-position:0 -200px}
.quicklink li a.quick-7:after{background-position:0 -240px}

/* main-body */
#main-body {overflow-x: hidden;}

/* banners */
.fbanner-wrap{background: #fff;border-top:1px solid #d9d9d9;}
.fbanner-wrap:after{content:'';display: block;clear: both;}
.fbanner-wrap .common-layout{padding-top:17px;height:77px}
.certi-list{display: table;width: 100%}
.certi-list li{display:table-cell;height:44px;vertical-align: middle;padding:0 20px;text-align: center}
.certi-list li:first-child{padding-left:0;}
.certi-list li:last-child{padding-right:0;/*text-align: right*/}
.certi-list .certi span{display:inline-block;font-size:13px;line-height:16px;color:#777;font-family:'notoKrL',sans-serif;text-align: left;vertical-align: middle}
.certi-list .certi:before{content:'';display:inline-block;background:url('../img/logo_footer.png') no-repeat;vertical-align:middle;margin-right:10px;}
.certi-list .certi.bnr-1:before{background-position: 0 -60px;width:28px;height:38px;}
.certi-list .certi.bnr-2:before{background-position: 0 -120px;width:37px;height:38px;}
.certi-list .certi.bnr-3:before{background-position: 0 -180px;width:38px;height:38px;}
.certi-list .certi.bnr-4:before{background-position: 0 -240px;width:43px;height:38px;}
.certi-list .certi.bnr-5:before{background:url('../img/logo_footer_newsweek.png') no-repeat; width:89px; height:40px; background-size:cover;}
.certi-list .certi.bnr-6:before{background:url('../img/logo_footer_donga.png') no-repeat; width:40px; height:40px; background-size:cover;}
.certi-list .certi.bnr-5 {cursor:pointer;}

/* footer-link */
.supportlink-wrap{padding:20px 0; border-bottom:1px solid #34363a;}
.supportlink-wrap:after,
.supportlink:after{content:'';display:table;clear:both;}
.supportlink{font-family:'notoKrL',sans-serif;font-size:0;line-height:15px;width:100%;text-align:center;}
.supportlink + .supportlink{margin-top:10px;}
.supportlink li{display:inline-block;padding:0 10px;text-align:center;position:relative;font-size:15px;}
.supportlink li:after{content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#515357}
.supportlink li:first-child{padding-left:0}
.supportlink li:last-child{padding-right:0;}
.supportlink li:last-child:after{content:'';display:none;}
.supportlink li a{color:#aaa;}

/* copyright */
.copyright-wrap .common-layout{padding-top:30px;padding-bottom:42px;color:#aaa;}
.copyright-info{float:left;font-family:'notoKrR',sans-serif;line-height: 25px;}
.copyright-info .hos-info{color:#fff;margin-bottom:20px;font-size:16px;line-height:1;}
.copyright-info .hos-info em{color:#0cd4dd;font-size:22px;margin:0 8px;position: relative;top: -0.15em;vertical-align: middle}
.copyright-info .copyright{text-transform: uppercase;}
.copyright-relative{float:right;text-align: right}
.relative-row{margin-top:30px}
.relative-service{text-align:left;font-size:13px;}
.relative-service p{display:inline-block;vertical-align:middle;line-height:19px;}
.relative-service:before{content:'';display:inline-block;width:44px;height:44px;background:url('../img/fbnr_service.png') left top no-repeat;vertical-align:middle;margin-right:10px;}
.relative-btn > div {display: inline-block;  border:1px solid #34363a; width: 170px; height: 36px; background: transparent; color:#aaa; font-size: 13px;   margin-left:6px; text-align: left; padding-left:10px ; letter-spacing: 0;position:relative; padding-top: 10px; position: relative; cursor: pointer;}
.relative-btn > div:after{content:'';display:block;width: 12px; height: 12px;background:url('../img/icon_header.png') 0 -220px no-repeat;position:absolute; right:6px; top:12px; }
.relative-btn > div:first-child{margin-left:0 }
.relative-btn > div ul{border:1px solid #34363a; position: absolute; left: -1px; bottom: 34px; background:#3d4044; width:170px; display: none}
.relative-btn ul li a{display: block;  height: 36px;padding-top: 10px;border-top:1px solid #34363a;padding-left:10px ;}
.relative-btn ul li a:hover{color: #fff; font-family:'notoKrR',sans-serif;}
.relative-btn li:first-child a{border-top:0 }
.relative-btn > div:hover ul{display: block}

.footer .top-btn{width: 60px; height:60px; background: url(../img/icon_top.png) 0 0 no-repeat rgba( 61, 64, 68, 0.2 ); border-radius: 60px; position: absolute;top: -90px; right: 0; }



/* ----- 공통 guide ----- */
/* component */
.btn{display:inline-block;border-radius:10px 0 0px 0;min-width:130px;height:45px;font-size:16px;color:#fff;background: #0770bb;font-family: 'NotoKrR';}

/* color */
.color-style1{color:#0770bb !important}
.color-style2{color:#2ca48f !important}
.color-style3{color:#e3751c !important}
.color-style4{color:#777777 !important}
.color-style5{color:#cd0e0e !important}


/* component */
.btn-m{height:45px;min-width:130px;padding:0 30px;}
.btn-l{height:60px;min-width:180px;padding:0 40px;font-size:18px;}
.btn.color01{background:#0770bb;}/* blue */
.btn.color02{background:#199da3;}/* mint */
.btn.color03{background: #757a85}/* gray */
.btn.color04{background: #199da3; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #199da3 0%, #199da3 31%, #0b79b6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #199da3 0%,#199da3 31%,#0b79b6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #199da3 0%,#199da3 31%,#0b79b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn.color05{background: #fff; border:1px solid #757a85; color: #757a85  }/* gray */
.btn.color06{background: #199da3; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0b79b6 0%, #0b79b6 31%, #199da3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0b79b6 0%,#0b79b6 31%,#199da3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0b79b6 0%,#0b79b6 31%,#199da3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn.color07{background: #e06a21}/* brown */
.btn.color08{background: #3798b8;}/* sky */
.btn.download{background: #fff;width:240px;height:70px;font-size:14px;color:#0770bb;border:1px solid #0770bb;font-family: 'NotoKrR';line-height:20px; }
button.more{width: 180px; height: 40px; background: #fff; border:1px solid #aaa; color:#777; border-radius: 20px; margin: 0 auto; display: block;   }

.btn.add{background: #fff; border:1px solid #0770bb; color: #0770bb ; height:40px; min-width:60px; padding:0 20px 0 45px;position: relative;}
.btn.del{background: #fff; border:1px solid #0770bb; color: #0770bb ; height:40px; min-width:60px; padding:0 20px 0 45px;position: relative;}
.btn.add:before{content:'';display:block; width:2px;height:16px;position: absolute; top:12px; left:23px;background: #0770bb;}
.btn.add:after{content:'';display:block; width:16px;height:2px;position: absolute; top:19px; left:16px;background: #0770bb;}
.btn.del:before{content:'';display:block;width:16px;height:2px;position: absolute; top:19px; left:16px; background: #0770bb;}

.btn-big{border-radius:30px 0 0px 0;width:480px;height:100px;font-size:24px;font-family: 'NotoKrM';vertical-align: middle;}
.btn-big span{font-size:16px;display:block;font-family: 'NotoKrL';}

.table .btn{width:88px !important;min-width:88px; height:40px !important; border-radius: 0px; font-size:14px;}
.table .btn:nth-child(2){margin-left:3px;}


/* button group */
.btn-wrap{text-align:center; }
.btn-wrap button{margin-left: 8px; cursor: pointer;}
.btn-wrap.col3 button { width:318px;}
.btn-wrap.col4 button { width:235px;}
.btn-wrap button:first-child {margin-left: 0px}

/* button group */
.btn-wrap2{text-align:right; position:relative; top:-40px; height:0px;line-height:20px }
.btn-wrap2 button{margin-left: 8px; cursor: pointer;vertical-align: bottom}



/* tab */
.tab-wrap{position:relative;}
.tab-box{width:1176px;display:block; overflow: hidden;}
.tablist-type1{width:1176px;display:table;margin-bottom:60px;height: 60px; overflow : hidden; white-space:nowrap; letter-spacing: -4px; }
.tablist-type1 a{display:table-cell;text-align:center;height:60px;color:#000;font-size:18px; line-height: 60px; padding:0; min-width:196px; border-bottom:2px solid #0770bb; letter-spacing: -1px; }
.tablist-type1 a.active{position:relative;border-left:2px solid #0770bb;border-top:2px solid #0770bb;border-right:2px solid #0770bb;color:#0770bb;font-size:20px;font-family:'NotoKrR',sans-serif;border-radius:10px 10px 0 0; }
.tablist-type1 a.active:after{content:'';display:block;height:2px;position:absolute;left:0;bottom:-2px;right:0;background:#fff;}

.tab-wrap .tabpanel, .tab-wrap .tabpanel-sub{display: none; }
.tab-wrap .tabpanel:focus, .tab-wrap .tabpanel-sub:focus {  outline: none;}
.tab-wrap .tabpanel.active, .tab-wrap .tabpanel-sub.active{display: block;}
.tablist-type2{margin-bottom:60px;}
.tablist-type2:after{content:'';display:block;clear:both;}
.tablist-type2 a{float:left;padding:0 20px 15px;color:#777;font-size:18px;border-bottom:1px solid #ddd}
.tablist-type2 a.active{color:#0770bb;border-bottom:2px solid #0770bb;font-family:'NotoKrR',sans-serif;}



.scroll-btn{display: none; height: 0}
.scroll-btn.active{display: block;}
.scroll-btn button{width: 40px; height: 40px; background: url(../img/icon_contents.png) no-repeat ;position: relative;}
.scroll-btn button.scroll-left{background-position:-45px -81px; position: absolute;top: 10px; left: -60px; }
.scroll-btn button.scroll-right{background-position:0px -81px;position: absolute;top: 10px; right: -60px;  }

/* checkbox */
.checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px;}
.checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
.checkbox label{display:inline-block;position:relative;padding-left:35px;min-width:25px;min-height:25px;line-height:25px;color:#777;}
.checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;background:url('../img/icon_component.png') -40px 0px;cursor:pointer;z-index:10;}
.checkbox input[type=checkbox]:checked +label:before{background-position: -40px -40px;}
.checkbox input[type=checkbox]:disabled +label:before{background-position: -40px -80px;}
.checkbox input[type=checkbox]:disabled:checked +label:before{background-position: -40px -120px;}

/* checkbox-type2 */
.checkbox-type2{position:relative;display: inline-block;vertical-align: middle;margin-right:10px;}
.checkbox-type2 input[type=checkbox]{position:absolute;left:5px;top:5px;}
.checkbox-type2 label{display:inline-block;position:relative;padding-left:40px;min-width:30px;min-height:30px;line-height:30px;color:#777;cursor: pointer;}
.checkbox-type2 label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:30px;height:30px;background:url('../img/icon_component.png') 0px 0px;cursor:pointer;z-index:10; }
.checkbox-type2 input[type=checkbox]:checked +label:before{background-position: 0px -40px;}
.checkbox-type2 input[type=checkbox]:disabled +label:before{background-position: 0px -80px;}
.checkbox-type2 input[type=checkbox]:disabled:checked +label:before{background-position: 0px -120px;}

/* radio */
.radio{position:relative;display: inline-block;vertical-align: middle;margin-right:10px;letter-spacing:0}
.radio input[type=radio]{position:absolute;left:3px;top:3px;}
.radio label{display:inline-block;position:relative;padding-left:35px;min-width:30px;min-height:25px;line-height:25px;color:#777; padding-right:20px;cursor: pointer;}
.radio label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;background:#fff;cursor:pointer;border:1px solid #ddd;box-sizing:border-box;border-radius:25px;z-index:10;}
.radio input[type=radio]:checked +label:before{border:6px solid #199da3;}
.radio input[type=radio]:disabled +label:before{background: #eee;}

/* switch-radio */
.switch-wrap{position:relative;display:inline-block;vertical-align: middle}
.switch-button{display: inline-block;position: relative;float:left;}
.switch-button input[type=radio]{position: absolute;left:0;top:0;}
.switch-button label{position:relative;border:1px solid #199da3;text-align: center;display: inline-block;float:left;background: #fff;color:#199da3;font-size: 16px;height:40px;width:70px;line-height:40px;cursor: pointer}
.switch-button input[type=radio]:checked +label{background: #199da3;color:#fff;}
.switch-button input[type=radio]:disabled +label{background: #f8f8f8;color:#777;border-color:#eee;}
.switch-button:first-child label{border-radius:3px 0 0 3px; border-right: 0}
.switch-button:last-child label{border-radius:0 3px 3px 0}

/* 문단 단위 */
.prg-wrap{border-top:1px solid #ddd;padding-top:40px;padding-bottom:78px;}
.prg-wrap:after{content:'';display: block;clear: both;}
/* .prg-wrap:first-child{border-top:none;} */
.prg-wrap:last-child{padding-bottom:0;}
.prg-wrap .prg-left{float:left;width:200px;}
.prg-wrap .prg-title{letter-spacing:-0.04em;font-size:24px;color: #000;line-height:32px;font-family:'NotoKrM',sans-serif; font-weight: normal;}
.prg-wrap .prg-title .marL{display:inline-block; padding-left:23px;}
.prg-wrap .prg-right{float:right;width:980px;}
.prg-cont{line-height: 25px;font-size:16px; }

/* table -  문단에들어간 테이블 정리 */
.prg-cont .table th{line-height: 22px;}
.prg-cont .table td{line-height: 25px; padding:20px}
.prg-cont .list-type1 > li:before{top:12px;}

.cont-text-type1{margin-bottom:30px;}

/* list-type */
.list-type1{text-align:left;}
.list-type1 > li{padding-left:10px;font-size:16px;position: relative;margin-bottom:7px;}
.list-type1 > li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:3px;height:3px;background: url('../img/icon_list.png') left top no-repeat}
.list-type1 > .dot_none:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:0px;height:0px}

.list-type1 li ul{text-align:left;margin-top:7px;padding-bottom:1px;}
.list-type1 li ul li{font-size:16px;position: relative;margin-bottom:6px;color:#777;}

.list-type1 li ul li ul li{font-size:14px; padding-left: 10px;}



.list-type2{text-align:left;}
.list-type2 li{padding-left:13px;position: relative;margin-bottom:7px;font-size:14px;}
.list-type2 li:before{content:'';display:inline-block;position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#aaa;}


/* 절차 */
.box-line li{width: 250px; height: 80px; border: 3px solid #c0c0c0; display:block; vertical-align: middle;text-align: center; margin-left: 75px; float: left; position: relative; font-size: 14px; line-height: 20px;font-family: 'NotoKrR';}
.box-line li p{ display:table-cell; text-align:center; vertical-align:middle;width: 250px; height: 80px;}
.box-line > li:after{content:''; display: block; width:64px ;height: 10px; background:url(../img/img_line.png) no-repeat; position: absolute; top:36px;left: -69px}
.box-line li:first-child{ margin-left: 0px}
.box-line li:first-child:after{ width:0px ;height: 0px; }
.box-line::after{content:''; display: block; clear: both;}
.box-line.style2 li.or{border:0; top: -44px; left: 33px; }
.box-line.style2 li.or:after{width:64px ;height: 102px; background:url(../img/img_line.png) 0 -10px no-repeat; position: absolute; top:34px;left: -69px}
.box-line.style2 li li{margin-left: 0px; margin-bottom: 10px; }

.prg-right .box-line li{width: 210px; margin-left: 42px;}
.prg-right .box-line > li:after{ width:32px; top:34px;left: -40px; background-position:-33px 0px}
.prg-right .box-line li p{width: 210px;}
.prg-right .box-line li:first-child{ margin-left: 0px}


/* link-type1 */
.active-type1{color:#0770bb;border-bottom:1px solid #0770bb;font-size:inherit;display:inline;vertical-align: top}

/* link-type2 */
.active-type2{color:#0770bb;font-size:inherit;display:inline;vertical-align: top}
.active-type2:hover{border-bottom:1px solid #0770bb}

.list-type1.wide > li{width: 320px; display: inline-block;}

/* contbox */
.etcbox{padding:30px;background:#f3f3f3;text-align: left;}
.etcbox .etcbox-cont{line-height:20px;}
.etcbox .etcbox-title1{position:relative;font-size:20px;margin-bottom:20px;font-family:'NotoKrM',sans-serif;}

.etcbox-type2 .etcbox-title1{margin-bottom:14px;vertical-align:middle;}
.etcbox-type2 .etcbox-title1:before{content:'';display:inline-block;width:30px;height:30px;background:url(../img/icon_contents.png) 0 0 no-repeat;margin-right:10px;vertical-align:middle;}
.etcbox-type2 .list-type2{margin-left:26px;}

.etcbox-type3 {position: relative;}
.etcbox-type3 .etcbox-title1{margin-bottom:0;font-size:16px;line-height:22px;vertical-align:middle;font-family:'NotoKrL',sans-serif; padding-left: 40px;}
.etcbox-type3 .etcbox-title1:before{content:'';width:30px;height:30px;background:url(../img/icon_contents.png) 0px -40px no-repeat; position: absolute;top: 7px;left: 0}
.etcbox-type3 .input-num{position: absolute;top:35px ;right:25px }
.etcbox-type3 .input-text{margin:0 2px }

.etcbox-type4 .etcbox-cont{line-height:30px;font-size:16px;color:#000; position: relative;}

.etcbox-type3 .btn{ height: 40px; border-radius: 0; vertical-align: top; font-size: 14px;  font-weight: normal; min-width:88px; position: relative; left: -3px}

.etcbox-type4 .btn{  position: absolute;top: 7px;right: 0}

.etcbox-type5 {display: block; height: 200px; overflow-y: auto; margin-top:20px ; padding: 20px;}
.etcbox-type5 button{display: block; margin-bottom: 5px;}
.etcbox-type5 button:hover{color: #0770bb}


/* section 공통상단 */
.contents-top{text-align: center;line-height:38px;margin-bottom:70px;}
.section-cont:after{content:'';display:block;clear:both;}
.sec-left{float:left;vertical-align: top}
.sec-right{float:right;vertical-align: top}


/* hidding */
.offscreen{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}


/* text */
.title-style1{font-family: 'NotoKrM'; font-size: 40px; color: #000;font-weight: normal; position: relative;}
.title-style2{font-family: 'NotoKrL'; font-size: 30px; color: #000;font-weight: normal; }
.title-style3{font-family: 'NotoKrM'; font-size: 24px; color: #000;font-weight: normal; }
.title-style4{font-family: 'NotoKrM'; font-size: 20px; color: #000;font-weight: normal; }
.text-style1{font-family: 'NotoKrR'; font-size: 18px; color: #000;font-weight: normal;}
.text-style2{font-family: 'NotoKrL'; font-size: 16px; font-weight: normal;}
.text-style3{font-family: 'NotoKrL'; font-size: 14px; color: #0770bb;font-weight: normal;}
.text-style4{font-family: 'NotoKrL'; font-size: 14px; color: #777;font-weight: normal;}
.text-style5{font-family: 'NotoKrL'; font-size: 18px; color: #777;font-weight: normal;}
.text-style6{font-family: 'NotoKrR'; font-size: 16px; color: #000;font-weight: normal; line-height: 22px}
.text-style7{font-size: inherit !important;}
.text-nec{vertical-align: bottom; color: #199da3; font-size: 14px;font-family: 'NotoKrR'; float: right; display: inline-block; position: relative;top: 5px; }
.lineH{line-height: 25px;}


.NotoKrL {font-family: 'NotoKrL',sans-serif !important; font-weight: normal; }
.NotoKrDL {font-family:  'NotoKrR',sans-serif !important; font-weight: normal;}
.NotoKrR {font-family: 'NotoKrR',sans-serif !important;  font-weight: normal;}
.NotoKrM {font-family: 'NotoKrM',sans-serif !important; font-weight: normal; }
.NotoKrB {font-family: 'NotoKrB',sans-serif !important; font-weight: normal; }


/* table */
.table {border-collapse:collapse !important;  width: 100%}
.table th{font-size: 16px; font-family: 'NotoKrR'; font-weight: normal; color: #000000 ; padding: 0;text-align:center; background-color: #f6f6f6; height: 70px; border-right: 0; border-left: 1px solid #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table th label {line-height: 20px;}
.table th:first-child, .table td:first-child{ border-left: 0;  }
.table td:first-child{border-right: 1px solid #eee !important; }
.table th.line{border-right: 1px solid #ddd;}
.table td{font-size: 16px; font-family: 'NotoKrL'; text-align: center; font-weight: normal; color: #777777;  padding: 0 20px ; border-right: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 0; background-color:#fff;  height: 60px;}
.table td.line{border-left: 1px solid #eee !important;}

/* table - table-type1 */
.table.table-type1 tbody th{  border-top: 0;border-bottom: 1px solid #eee; padding: 0 20px   }
.table.table-type1 tbody th.textL{ padding-left: 40px}
.table.table-type1 tbody th:first-child{ border-right: 1px solid #ddd; }
.table.table-type1 thead tr:first-child th{border-top: 2px solid #bbb;}
.table.table-type1 td{line-height: 25px; word-break: keep-all; padding: 10px 20px ;}
.table.table-type1.break td{word-break: break-all;}

/* table -  table-type2 */
.table.table-type2{border-collapse:collapse !important;  }
.table.table-type2 th{ border-right:0; border-left:0 ; border:0; border-bottom: 1px solid #eee;height: 60px;}
.table.table-type2 td{line-height: 25px; word-break: keep-all; padding: 10px 20px ;}
.table.table-type2.textL td{text-align: left;}
.table.table-type2.textLall td, .table.table-type2.textLall th{text-align: left;}
.table.table-type2 tr:first-child td, .table.table-type2 tr:first-child th{ border-left: 0 ;  border-top: 2px solid #bbb;}
.table.table-type2 td:nth-child(2) {border-left: 0}
.table.table-type2 td.acc{color:#333;}
.table.table-type2 ul li{font-size: 14px;}

.member-wrap .table.table-type2 td{word-break: break-all;}

/* table - table-type3 */
.table-type3{border-top:2px solid #bbbbbb;  margin-top: 15px; }
.table-type3 th{width: 200px; border:1px solid #eeeeee;text-align: left;padding-left: 30px;border-right: 0; border-left: 0; background: #fff; height: 60px; }
.table-type3 th .acc{color: #199da3; margin-left:2px; position: relative;top: 4px; }
.table-type3 td{text-align: left; border-right: 0; border-left: 0;padding: 10px 0; line-height: 25px; font-size: 16px;}
.table-type3.height td{padding: 20px 0; }
.table-type3 .info-text{ font-size: 14px; letter-spacing: -0.5px; margin-top: 8px; line-height: 14px; position: relative; padding-left: 8px; line-height: 16px; }
.table-type3 .info-text span{display: inline-block; margin-right: 3px; position: absolute; top: 3px; left:0;}
.table-type3 .btn{ height: 40px; border-radius: 0; vertical-align: top; font-size: 14px;  font-weight: normal; min-width:88px; position: relative; left: -3px}
.table-type3 input[type=text], .table-type3 input[type=password], .table-type3 input[type=number], .table-type3 .select{width: 400px;vertical-align: middle; }
.table-type3 #name:disabled{background:#fff; border: 0 ; font-size: 16px; color: #777777; padding: 0; height: 30px;}
.table-type3 .check-list{ margin-top: 30px; }
.table-type3 .check-list:after { display: block; content: ""; }
.table-type3 .check-list li{ float: left; width: 245px; height: 45px}
.table-type3 .wide{width: 950px !important;}

.table-type3.helpdesk .mline th {vertical-align: top; padding-top: 20px;}
.table-type3.helpdesk .mline td:first-child {border-right: 0 !important;}
.table-type3.helpdesk .mline .writename p {float: left;}
.table-type3.helpdesk .mline .writename input {width: 150px; margin: 5px 0 5px 20px;}
.table-type3.helpdesk .hfile th {vertical-align: top; padding-top: 20px;}
.table-type3.helpdesk .hfile .input-add label {vertical-align: middle; width: 120px; display: inline-block; font-size: 16px;}
.table-type3.helpdesk .hfile .input-add + .input-add {margin-top: 10px;}

.helpdesk-wrap .table td {text-align: left;}
.helpdesk-wrap .table td.addfile a {text-decoration: underline;color: #0770bb}
.helpdesk-wrap .table td.addfile span {display: block}
.helpdesk-wrap .table td.addfile span + span {margin-top: 10px;}

/* border */
.bdNT {border-top: 0 !important;}
.bdNL {border-left: 0 !important;}
.bdNR {border-right: 0 !important;}
.bdNB {border-bottom: 0 !important;}

/* badge */
.badge{ display: inline-block; border-radius: 3px; background:#0670B9; font-size: 13px; font-weight: normal; font-family: 'NotoKrR'; color: #fff;  padding: 2px 10px 4px ; margin-right: 8px; vertical-align: middle; position: relative;top: -1px}
.badge.badge-point{background:#DA2C2D;}


/* components */
::-webkit-input-placeholder { /* Edge */color:#777;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #777;}
::placeholder {color: #777;}
::-ms-clear {display: none;}

input[type=text], input[type=password], input[type=number]{line-height:normal; border: 1px solid #ddd; font-size: 14px; font-family: 'NotoKrL'; color: #777; background: #fff; height: 40px; padding: 0 20px}
label.hide{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled{ border: 1px solid #eee; color: #777; background: #f8f8f8; }
input[type=text]:focus, input[type=password]:focus{ outline: none; border: 1px solid #199da3;font-family: 'NotoKrR'; color: #000; }
textarea{line-height:normal; border: 1px solid #ddd; font-size: 14px; font-family: 'NotoKrL'; color: #777; background: #fff; height: 200px; padding:10px 20px}
input[readonly]{border: 1px solid #eee !important; color: #777 !important; background: #f8f8f8 !important;}


.filebox input[type="file"] {	position: absolute;	width: 1px;	height: 1px;	padding: 0;	margin: -1px;	overflow: hidden;	clip:rect(0,0,0,0);	border: 0;}

.filebox label {	display: inline-block;	color: #999;	font-size: 14px;	line-height: 40px; text-align: center;	vertical-align: middle;	background-color: #fdfdfd;	cursor: pointer; width: 90px;	height: 40px; position:relative; left: -2px}
/* named upload */
.filebox .upload-name {	display: inline-block;	padding: 0 15px;	font-size: 14px;	font-family: inherit;	line-height: 40px;	vertical-align: middle;	background-color: #f8f8f8;  border: 1px solid #eeeeee; width: 400px !important;height: 40px;   -webkit-appearance: none;
    -moz-appearance: none;  appearance: none;}
/* imaged preview */
.filebox .upload-display {	margin-bottom: 0px;}
.filebox .upload-thumb-wrap {	display: none}
.filebox .upload-display img {	display: none;}
.filebox.bs3-primary label {  color: #fff;  background-color: #0770bb;}


.select { position: relative; width: 200px; z-index: 1; height: 40px; font-size: 14px; font-weight:normal;  font-family: 'NotoKrL'; color: #777; display: inline-block;}
.select label { position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1;line-height:normal; border: 1px solid #ddd;  background: url(../img/icon_components_select_off.png) no-repeat right center #fff; height: 100%; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; text-align: left; padding-right:40px; border-radius: 0 ;  vertical-align: middle; line-height:38px;}
.select select { width: 100%; height: 100%;  line-height: 25px;  font-family: inherit;  font-size: inherit; font-weight:inherit;  border: 0; padding:10px 20px; opacity: 0; filter:alpha(opacity=0);  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select.disabled label, .select.disabled:hover label, .select.disabled:focus label{ border-color:#eee; color: #777; background: #f8f8f8; font-family: 'NotoKrL';}
.select:hover label, .select:focus label{ outline: none; border-color: #199da3;font-family: 'NotoKrR'; color: #000;background-position: right -40px; background:url(../img/icon_components_select_on.png) no-repeat right center }




.input-email, .input-num, .input-add, .input-rrn{text-align: left;}
.input-text{color: #333333; font-size: 16px; letter-spacing: 0; display: inline-block; margin:0 4px; }
.input-email .emil{width: 210px !important;}
.input-email .select.emil{width: 180px !important; margin-left: 6px;}
.input-num .phoneNum{width: 123px !important;}
.input-add input[type=text]{width: 400px;vertical-align: middle; }
.input-add .btn {height: 40px; border-radius: 0; vertical-align: middle; font-size: 14px;  font-weight: normal; min-width:88px; position: relative; left: -3px}
.input-add .btn.zip{width:115px !important;}
.input-rrn .rrn{width: 193px !important; }
.input-sel {text-align: center; vertical-align: middle}
.input-sel + .input-sel {margin-top: 10px;}
.input-sel.line2 {text-align: left;}
.input-sel .select {vertical-align: middle}
.input-sel .sel {width: 175px;}
.input-blo {display: block;}
.input-blo + .input-blo {margin-top: 10px;}

/* paging */
.pager{margin-top: 30px}
.page{ margin:0px auto; text-align:center;clear:both}
.page li, .page a{display: inline-block;border-right: 18px; }
.page span { display: inline-block; border:1px solid #ddd; width:36px; height:36px; font-size: 16px; font-weight: normal; line-height:32px;  text-align:center; color:#777; font-family: 'NotoKrR'; border-radius: 18px; margin: 0 1px  }
.page span span{display: inline;border:0; width:auto; height:auto;}
.page span:hover span, .page span:hover, .page span:focus span, .page span:focus{  color: #000 }
.page span:hover, .page span:focus{border-color:#199da3 }
.page .active span, .page .active:hover span, .page .active:focus span{ background-color:#199da3; color:#fff;border:0; font-family: 'NotoKrM'; font-weight: normal; font-size: 16px;  }
.page a.jump span{cursor:pointer;line-height:3200px;overflow-x:hidden;overflow-y:hidden;background: url(../img/icon_components.png) no-repeat #fff;}
.page a.first span{background-position:  10px 11px; }
.page a.prev span{background-position: -11px 11px;  margin-right: 15px}
.page a.next span{background-position:  -30px 11px; margin-left: 15px}
.page a.last span{background-position: -51px 11px;}


/* agree */
.agree-area{ margin-bottom: 50px; text-align: left;}
.agree-area .title-style4 .acc {color: #cd0e0e; vertical-align: top;}
.agree-area .scrollbox{ border:1px solid #dddddd; overflow-x: hidden; ;overflow-y:auto;  height: 150px; width: 100%; margin: 15px 0; padding: 30px; font-size: 14px; line-height: 17px; color: #333; background:#fff;font-family:'NotoKrL',sans-serif; }
.agree-area .scrollbox .blue{color:#0770BB; font-weight:bolder; font-size: 20px; line-height: 26px;}

/* board-search */
.search-box{ text-align: center; margin-bottom: 60px ; font-size: 0 ; letter-spacing: -4px}
.search-box .select{ width: 175px; height: 60px ; vertical-align: top;font-size: 16px; margin-right: 4px; letter-spacing: -1px;}
.search-box .select label{  border-radius:10px 0 0px 0; border-width:2px;border-color:#eee;height: 60px;line-height: 56px;}
.search-box .select:before { right:44px;height:56px;width:20px;margin-top:2px}
.search-box input[type=text]{width: 447px; height: 60px; vertical-align: top;font-size: 16px; border-radius:10px 0 0px 0;  letter-spacing: -1px;border:2px solid #eee;}
.search-box button{ width: 120px; min-width: 120px; height: 60px;vertical-align: top;border-radius: 0  10px 0px 0; background: url(../img/icon_components.png) no-repeat left -15px #0770bb; padding-left: 63px; text-align: left;font-family: 'NotoKrR'; font-weight: normal; letter-spacing: -1px;margin-left:-1px;}
.search-result{font-size: 14px; color: #777; margin-bottom: 15px;}
.search-result .acc{ color: #0770bb ; font-family: 'NotoKrR'; vertical-align: top;}

/* board -list */
.board-wrap {min-height: 500px}
.board-wrap .board-list-wrap .table td.title{text-align:left !important; padding: 0 20px; width: 600px;   }
.board-wrap .board-list-wrap .table td.title .badge{margin-right: 10px}
.board-wrap .board-list-wrap .table td.title a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 600px;display: block;}
.board-wrap .board-list-wrap .table td.title a:hover, .board-wrap .board-list-wrap .table td.title a:focus{text-decoration: underline; cursor: pointer; width: 600px;}

.board-wrap .board-list-wrap .table td.title2{text-align:left !important; padding: 0 20px; width:370px;   }
.board-wrap .board-list-wrap .table td.title2 .badge{margin-right: 10px}
.board-wrap .board-list-wrap .table td.title2 a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 370px;display: block;}
.board-wrap .board-list-wrap .table td.title2 a:hover, .board-wrap .board-list-wrap .table td.title2 a:focus{text-decoration: underline; cursor: pointer; width: 370px;}

.board-wrap{margin-bottom: 100px}
.board-wrap:after{content:'';display:block;clear:both;}
.board-wrap .badge{margin:0;}

.board-wrap .board-list-wrap .table.recruit td.title{width: 560px;}
.board-wrap .board-list-wrap .table.recruit td.title a{width: 560px;}
.board-wrap .board-list-wrap .table.recruit td.title a:hover, .board-wrap .board-list-wrap .table td.title a:focus{width: 560px;}
/* board - detail */
.board-wrap .board-con-box{ width: 880px; float: left; }
.board-wrap .board-con-box.wide{width: 1180px;}
.board-wrap .board-con-box.wide .con-tit{width: 1180px }
.board-wrap .board-con-box .con-tit{ height: 100px; background-color:#f6f6f6; vertical-align: middle; color: #000; font-family: 'NotoKrR'; font-size: 18px; line-height: 26px; padding: 0 20px; border-bottom: 1px solid #dddddd; border-top: 2px solid #bbbbbb; display: table-cell; width: 880px }
.board-wrap .con-info:after, .board-wrap .category:after, .board-wrap .data:after{content:'';display:block;clear:both;}
.board-wrap .con-info{padding: 20px; border-bottom: 1px solid #eeeeee }
.board-wrap .con-info .category{float: left;}
.board-wrap .con-info .data{float: right;}
.board-wrap .category li, .board-wrap .data li{display:table-cell;padding:0 10px;text-align:center;position:relative; color: #777;}
.board-wrap .category li:after, .board-wrap .data li:after{content:'';display:inline-block;position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#aaa}
.board-wrap .category li:first-child, .board-wrap .data li:first-child{padding-left:0}
.board-wrap .category li:last-child, .board-wrap .data li:last-child{padding-right:0;}
.board-wrap .category li:last-child:after, .board-wrap .data li:last-child:after{content:'';display:none;}
.board-wrap .board-con-box .con-main{  border-bottom: 1px solid #eeeeee; padding-bottom:50px; line-height: 25px;font-size:16px;}
.board-wrap .board-con-box .con-main + .btn-wrap{margin-top:50px}
.board-wrap .board-con-box .con-main img{max-width:880px}
.board-wrap .board-con-box .con-fiie { border-bottom: 1px solid #eeeeee;padding-bottom: 14px; margin-bottom: 37px ;width: 100% ; border-top: 1px solid #eeeeee;}
.board-wrap .board-con-box .con-fiie .fiie-tit{background:  url(../img/icon_components.png) no-repeat -75px 19px #f6f6f6; border-bottom: 1px solid #eeeeee; color: #000; font-family: 'NotoKrR'; font-size: 16px; padding-left: 47px; height: 50px; line-height: 48px}
.board-wrap .board-con-box .con-fiie .fiie-list{ margin-top: 18px;}
.board-wrap .board-con-box .con-fiie .fiie-list li{  padding-left: 32px; height: 20px;}
.board-wrap .board-con-box .con-fiie .fiie-list li:before{left:20px;top:50%;}
.board-wrap .board-con-box .con-fiie .fiie-list a{color: #777777; font-size: 14px; line-height: 20px; display: inline-block; border-bottom: 1px solid #777777 }
.board-wrap .board-navi-box{width: 280px; float: right; }
.board-wrap .board-navi-box .navi-tit{width: 280px;height: 100px; vertical-align: middle; color: #0770bb; font-family: 'NotoKrR'; font-size: 24px; line-height: 26px; padding: 0 20px; border-bottom: 1px solid #dddddd; border-top: 2px solid #bbbbbb; display: table-cell; position: relative; }
.board-wrap .board-navi-box .navi-tit .navi-btn{position: absolute; right:20px; top:32px;}
.board-wrap .board-navi-box .navi-tit .navi-btn button{cursor:pointer;background: url(../img/icon_components.png) no-repeat #fff;display: inline-block; border:1px solid #ddd; width:36px; height:36px; font-size: 16px; font-weight: normal;  border-radius: 18px;   }
.board-wrap .board-navi-box .navi-tit .navi-btn button:hover, .board-wrap .board-navi-box .navi-tit .navi-btn button:focus{border-color:#199da3}
.board-wrap .board-navi-box .navi-tit .navi-btn .prev-list{background-position: -11px 11px;}
.board-wrap .board-navi-box .navi-tit .navi-btn .next-list{background-position:  -30px 11px;margin-left: 2px }
.board-wrap .board-navi-box .navi-list > ul > li{ border-bottom: 1px solid #eeeeee; padding: 27px 20px 32px}
.board-wrap .board-navi-box .navi-list .category{margin-bottom:15px;}
.board-wrap .board-navi-box .navi-list .tit{font-size: 16px; color: #000;  margin:0 0 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;display:inline-block;width: 240px; }
.board-wrap .board-navi-box .navi-list .tit .badge{margin-right: 7px;}

/* board - img list  */
.board-wrap .img-list {width: 1180px; position:relative; text-align:center;}
.board-wrap .img-list > li {width: 380px; height: 395px; text-align: left; border: 1px solid #eeeeee;box-sizing:border-box; float: left; margin-left:20px; margin-bottom: 20px; position:relative;}
.board-wrap .img-list > li:after{content:'';display:inline-block;}
.board-wrap .img-list > li:nth-child(3n+1){margin-left:0px;}
.board-wrap .img-list > li:last-child{margin-bottom: 50px;}
.board-wrap .img-list .thum-img{width:378px; height:285px}
.board-wrap .img-list .category{margin-top: 17px; margin-left: 20px; }
.board-wrap .img-list .tit{display: inline-block;margin-top: 13px; margin-left: 20px; color:#000;font-size: 16px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 340px }
.board-wrap .img-list .tit .badge{margin-right: 7px; }
.board-wrap .img-list .data{margin-top: 8px; margin-left: 20px;}
.board-wrap .img-list .tit:hover, .board-wrap .img-list .tit:focus{text-decoration: underline; cursor: pointer; }
.board-wrap .img-list.nf .tit:hover, .board-wrap .img-list.nf .tit:focus{text-decoration: none; cursor: default; }

/* board - img list - detail */
.board-wrap .board-navi-box .navi-list .thum-img {width: 240px; height: 180px; margin-bottom: 20px}

/* board - nolist */
.board-wrap .no-list{height: 280px;background:  url(../img/icon_noimg.png) no-repeat center 70px; padding-top: 173px !important; font-size: 18px;}
.board-wrap .navi-list .no-list{background-size: 30%; background-position:center 30px; font-size: 16px; text-align: center; padding-top: 153px !important;height: 200px; }


/* layer popup */
#layer-bg{ display: none;position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #3d4044; opacity: 0.8; z-index: 9999}
#layer-box{display: none;width: 600px; min-height: 100px; background-color: #fff;  position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);	box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;}
#layer-bg.active, #layer-box.active{display: block;}
#layer-box > div{position: relative;}
#layer-box .layer-wrap{max-height: 600px;position: relative; margin-bottom: 50px;  padding-top:30px;}
#layer-box .layer-wrap .layer-cont{width: 100%; max-height: 490px;height:100%;  padding: 0; padding-top:0px; overflow-y:auto; overflow-x:hidden; }
#layer-box .layer-close{position:absolute;width: 100%;bottom: -50px}
#layer-box .layer-close > div{height: 50px; width: 100%; background-color: #3d4044; position:relative;}
#layer-box .layer-close .checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px; margin-left: 30px; margin-top: 15px}
#layer-box .layer-close .checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
#layer-box .layer-close .checkbox label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#fff;}
#layer-box .layer-close .checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:url('../img/icon_component.png') 0px -180px;cursor:pointer;z-index:10000;}
#layer-box .layer-close .checkbox input[type=checkbox]:checked +label:before{background-position: 0px -157px;}
#layer-box .layer-close .btn-close{width: 16px; height: 16px; background:url('../img/icon_component.png') no-repeat -34px -172px; position: absolute;top:15px;right: 30px;}

#layer-box.size-l{width:820px ;}
#layer-box.size-Xl{width:1000px ;}
#layer-box .layer-wrap.rolling {height: 490px;}
#layer-box .layer-wrap.rolling .layer-cont{width: 100%; height: 490px;position: absolute;top: 0; left: 0 ; background-color: #fff}

#layer-box .slide-layer {height: 480px;}
#layer-box .slide-layer .layer-close .btn-today{position: absolute;top:15px;right: 90px;}
#layer-box .slide-layer .layer-close .btn-today span {color: #fff}
#layer-box .slide-layer .layer-close .btn-today:after {content: '';position: absolute; width: 2px;height: 15px;background-color: #fff; top: 2px;right: -16px}
#layer-box .slide-layer .layer-close .btn-close2{position: absolute;top:15px;right: 30px;}
#layer-box .slide-layer .layer-close .btn-close2 span {color: #fff}
#layer-box .layer-wrap.slide .layer-cont {padding-bottom: 0}
#layer-box .layer-wrap.slide .layer-cont .slide-cont {word-break: break-all; padding: 0; height: 490px !important; overflow-y: auto}
#layer-box .layer-wrap.slide .layer-cont .slide-cont.act {height: 490px !important; overflow-y: scroll !important;}
#layer-box .layer-wrap.slide .layer-cont .slide-cont .cont-inner {min-height: 490px !important;}
#layer-box .layer-wrap.slide .bx-wrapper .bx-controls {bottom: -30px !important; text-align: left; padding-left: 20px; width: 500px}
#layer-box .layer-wrap.slide .bx-wrapper .bx-viewport {max-height: 490px;}
#layer-box .layer-wrap.slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0670ba}
#layer-box .layer-wrap.slide .bx-wrapper img {border-radius: 0 0 0 0!imporant; }

/* layer popup 중복방지 */
.layer-bg{ display: none;position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #3d4044; opacity: 0.8; z-index: 9999}
.layer-box{display: none;width: 600px; min-height: 100px; background-color: #fff;  position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);	box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;}
.layer-bg.active, .layer-box.active{display: block;}
.layer-box > div{position: relative;}
.layer-box .layer-wrap{max-height: 600px;position: relative; margin-bottom: 50px;  padding-top:30px;}
.layer-box .layer-wrap .layer-cont{width: 100%; max-height: 490px;  padding: 0; padding-top:0px; overflow-y:auto; overflow-x:hidden; }
.layer-box .layer-close{position:absolute;width: 100%;bottom: -50px}
.layer-box .layer-close > div{height: 50px; width: 100%; background-color: #3d4044; position:relative;}
.layer-box .layer-close .checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px; margin-left: 30px; margin-top: 15px}
.layer-box .layer-close .checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
.layer-box .layer-close .checkbox label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#fff;}
.layer-box .layer-close .checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:url('../img/icon_component.png') 0px -180px;cursor:pointer;z-index:10000;}
.layer-box .layer-close .checkbox input[type=checkbox]:checked +label:before{background-position: 0px -157px;}
.layer-box .layer-close .btn-close{width: 16px; height: 16px; background:url('../img/icon_component.png') no-repeat -34px -172px; position: absolute;top:15px;right: 30px;}

.layer-box.size-l{width:820px ;}
.layer-box.size-Xl{width:1000px ;}
.layer-box .layer-wrap.rolling {height: 490px;}
.layer-box .layer-wrap.rolling .layer-cont{width: 100%; height: 490px;position: absolute;top: 0; left: 0 ; background-color: #fff}

.layer-box .slide-layer {height: 520px;}
.layer-box .slide-layer .layer-close .btn-today{position: absolute;top:15px;right: 90px;}
.layer-box .slide-layer .layer-close .btn-today span {color: #fff}
.layer-box .slide-layer .layer-close .btn-today:after {content: '';position: absolute; width: 2px;height: 15px;background-color: #fff; top: 2px;right: -16px}
.layer-box .slide-layer .layer-close .btn-close2{position: absolute;top:15px;right: 30px;}
.layer-box .slide-layer .layer-close .btn-close2 span {color: #fff}
.layer-box .layer-wrap.slide .layer-cont {padding-bottom: 0}
.layer-box .layer-wrap.slide .layer-cont .slide-cont {word-break: break-all; padding: 0 30px; height: 490px !important; overflow-y: auto}
.layer-box .layer-wrap.slide .layer-cont .slide-cont.act {height: 490px !important; overflow-y: scroll !important;}
.layer-box .layer-wrap.slide .layer-cont .slide-cont .cont-inner {min-height: 490px !important;}
.layer-box .layer-wrap.slide .bx-wrapper .bx-controls {bottom: -30px !important; text-align: left; padding-left: 20px; width: 500px}
.layer-box .layer-wrap.slide .bx-wrapper .bx-viewport {max-height: 490px;}
.layer-box .layer-wrap.slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0670ba}

/* layer popup admin */
#layer-admin-bg{ display: none;position: fixed; top:0; left: 0; width: 100%; height: 100%;/*background-color: #3d4044;*/ opacity: 0.8; z-index: 9999}
#layer-admin-bg.active {display: block;}
.layer-admin{display: none;width: 600px; min-height: 100px; background-color: #fff;  position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000; -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);	box-shadow: 5px 5px 5px rgba(68,68,68,0.6); -webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;}
.layer-admin.active{display: block;}
.layer-admin > div{position: relative;}
.layer-admin .layer-wrap{max-height: 600px;position: relative; margin-bottom: 50px;  padding-top:0;}
.layer-admin .layer-wrap .layer-cont{width: 100%; max-height: 490px;height:100%;  padding: 0; padding-top:0px; overflow-y:auto; overflow-x:hidden; }
.layer-admin .layer-close{position:absolute;width: 100%;bottom: -50px}
.layer-admin .layer-close > div{height: 50px; width: 100%; background-color: #3d4044; position:relative;}
.layer-admin .layer-close .checkbox{position:relative;display: inline-block;vertical-align: middle;margin-right:10px; margin-left: 30px; margin-top: 15px}
.layer-admin .layer-close .checkbox input[type=checkbox]{position:absolute;left:0;top:0;}
.layer-admin .layer-close .checkbox label{display:inline-block;position:relative;padding-left:30px;min-width:20px;min-height:20px;line-height:20px;color:#fff;}
.layer-admin .layer-close .checkbox label:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;background:url('../img/icon_component.png') 0px -180px;cursor:pointer;z-index:10000;}
.layer-admin .layer-close .checkbox input[type=checkbox]:checked +label:before{background-position: 0px -157px;}
.layer-admin .layer-close .btn-close{width: 16px; height: 16px; background:url('../img/icon_component.png') no-repeat -34px -172px; position: absolute;top:15px;right: 30px;}

.layer-admin.size-l{width:760px;}
.layer-admin.size-Xl{width:1000px ;}
.layer-admin .layer-wrap.rolling {height: 490px;}
.layer-admin .layer-wrap.rolling .layer-cont{width: 100%; height: 490px;position: absolute;top: 0; left: 0 ; background-color: #fff}

.layer-admin .slide-layer {height: 480px;}
.layer-admin .slide-layer .layer-close .btn-today{position: absolute;top:15px;right: 90px;}
.layer-admin .slide-layer .layer-close .btn-today span {color: #fff}
.layer-admin .slide-layer .layer-close .btn-today:after {content: '';position: absolute; width: 2px;height: 15px;background-color: #fff; top: 2px;right: -16px}
.layer-admin .slide-layer .layer-close .btn-close2{position: absolute;top:15px;right: 30px;}
.layer-admin .slide-layer .layer-close .btn-close2 span {color: #fff}
.layer-admin .layer-wrap.slide .layer-cont {padding-bottom: 0}
.layer-admin .layer-wrap.slide .layer-cont .slide-cont {word-break: break-all; padding: 0 0; height: 490px !important; overflow-y: auto}
.layer-admin .layer-wrap.slide .layer-cont .slide-cont.act {height: 490px !important; overflow-y: scroll !important;}
.layer-admin .layer-wrap.slide .layer-cont .slide-cont .cont-inner {min-height: 490px !important;}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-controls {bottom: -30px !important; text-align: left; padding-left: 20px; width: 500px}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-viewport {max-height: 490px;}
.layer-admin .layer-wrap.slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0670ba}

/* loading */
.loading-full{ position: fixed; top:0; left: 0; width: 100%; height: 100%;background-color: #fff; opacity: 0.8; z-index: 9999}
.loading-full .loading{ position: absolute; top: 45%; left: 50%; transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ;-webkit-transform: translateY(-50%) translateX(-50%) ; z-index: 10000;  }
.loading .loading-icon {background: transparent; width: 78px; height: 78px; position: relative; margin: 0 auto; }
.loading .loading-icon:after { display: block; content: ""; border-radius: 50%;	height: 10px; width: 10px; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 0px	-32px 0 1px #0873ba, 16px -28px 0 1px #0a76b8, 28px -16px 0 1px #0c7ab5, 32px 0px 0 1px #0d7fb4, 28px 16px 0 1px #0f83b0, 16px 28px 0 1px #1188ae, 0px 32px 0 1px #138dac, -16px 28px  0 1px #1491aa, -28px	16px  0 1px #1696a7, -32px	0px 0 1px #1799a5, -28px -16px 0 1px #189ca4, -16px	-28px 0 1px #0770bb; -webkit-animation: rotate 1.1s steps(12) infinite; -o-animation: rotate 1.1s steps(12) infinite; animation: rotate 1.1s steps(12) infinite;}
.loading .text-style4{line-height: 17px; margin-top:30px; text-align: center;}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* error */
.error-box{width: 980px; margin: 100px auto 50px; padding-bottom: 70px; border:1px solid #ddd; border-radius: 8px}
.error-box .box-top-logo{background: url(../img/err_logo.png) no-repeat center 16px #ddd; height: 60px; border-radius: 6px 6px 0 0}
.error-box .err-icon{width:152px; height: 145px;  background: url(../img/icon_err.png) no-repeat -1px -2px ;margin: 56px auto 0; }
.error-box .err-icon.err-icon-bg2{background-position:-1px -174px }
.error-box .err-icon.err-icon-bg3{background-position:-1px -524px }
.error-box .err-tit{font-size: 30px; line-height: 37px; color: #000; text-align:center; margin:22px 0 20px}
.error-box .err-tit.err-tit-mr{padding-top: 42px}
.error-box .err-cont{font-size: 16px; line-height: 25px; color: #777; text-align:center;}
.error-box .err-cont.big{font-size: 18px;}
.error-box .err-info{ padding: 30px 0; font-size: 16px;background-color: #f5f5f5; width: 780px; margin: 45px auto 0; text-align: center;font-family: 'NotoKrR'; color: #0770bb}
.error-box .err-info .err-info-tit{display: block;color: #000; font-size: 18px; margin-bottom: 20px}
.error-box .err-banner .bowser-list{ margin:53px auto 0; display:table; letter-spacing: 0}
.error-box .err-banner .bowser-list li{text-align: center; width: 130px;display:table-cell;padding:60px 28px 0;text-align:center;position:relative; background: url(../img/icon_err_browser.png) no-repeat;}
.error-box .err-banner .bowser-list li:first-child{padding-left:0}
.error-box .err-banner .bowser-list li:last-child{padding-right:0;}
.error-box .err-banner .bowser-list li:last-child:after{content:'';display:none;}
.error-box .err-banner .bowser-list .bow-cr{background-position: 40px 0px;}
.error-box .err-banner .bowser-list .bow-in{background-position: -120px 0px;}
.error-box .err-banner .bowser-list .bow-sa{background-position: -305px 0px;}
.error-box .err-banner .bowser-list .bow-fi{background-position: -492px 0px;}
.error-box .err-banner .bowser-list .bow-op{background-position: -678px 0px;}
.error-box .err-banner .bow-name{color: #000; font-size: 16px; line-height: 30px; font-family: 'NotoKrR';}
.error-box .err-banner .bow-ver{color: #777; font-size: 14px;}
.error-box .err-banner .err-banner-btn{ display: inline-block; letter-spacing: -1px; line-height: 26px; background-color: #fff;width: 130px; height: 30px; border-radius: 30px; border:1px solid #aaa ;color: #777; font-size: 14px; margin-top:20px }
.error-box .err-banner .err-banner-btn:hover, .error-box .err-banner .err-banner-btn:focus{background-color: #0770bb;border:1px solid #0770bb ; color: #fff;}



/* 기본 CSS */
.textR{text-align:right !important;}
.textC{text-align:center !important;}
.textL{text-align:left !important;}

.floatL{float:left;}
.floatR{float:right;}

.marT5{margin-top: 5px !important}
.marT7{margin-top: 7px !important}
.marT10{margin-top: 10px !important}
.marT15{margin-top: 15px !important}
.marT20{margin-top: 20px !important}
.marT30{margin-top: 30px !important}
.marT40{margin-top: 40px !important}
.marT50{margin-top: 50px !important}
.marT60{margin-top: 60px !important}
.marT80{margin-top: 80px !important}
.marT100{margin-top: 100px !important}
.marB15{margin-bottom: 15px !important}
.marL5{margin-left: 5px !important}
.marL10{margin-left: 10px !important}
.marL20{margin-left: 20px !important}
.marL25{margin-left: 25px !important}
.padB0{padding-bottom:0px !important}

.wid70{width:70px !important}
.wid80{width:79px !important}
.wid90{width:90px !important}
.wid100{width:100px !important;}
.wid115{width:115px !important; min-width:115px !important}
.wid120{width:120px !important}
.wid140{width:140px !important}
.wid280{width:280px !important}
.wid500{width:300px !important}

.hei500{height:500px !important}

.wid{width:100% !important}
.wid2{width:46% !important}
.wid3{width:32% !important}

/* 에디터 적용 */
.edit-wrap h2 strong{margin: 20px 0 10px; display: block;}
.edit-wrap img{margin:  10px 0;}
.edit-wrap ul{text-align:left;}
.edit-wrap ul > li{padding-left:10px;font-size:16px;position: relative;margin-bottom:7px; line-height: 16px}
.edit-wrap ul > li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:3px;height:3px;background: url('../img/icon_list.png') left top no-repeat}
.edit-wrap ul li ul{text-align:left;margin-top:7px;padding-bottom:1px;}
.edit-wrap ul li ul li{font-size:16px;position: relative;margin-bottom:6px;color:#777;}
.edit-wrap ul li ul li ul li{font-size:14px; padding-left: 10px;}
.edit-wrap ol, .edit-wrap ul{list-style-position: inside}
.edit-wrap li{list-style-type: none !important}
.edit-wrap ol.bullet li{list-style-type: decimal !important;}

.edit-wrap .bullet li{padding-left:10px;font-size:16px;position: relative;margin-bottom:7px; line-height: 16px}
/* 2021 04-23 수정 */
/* .edit-wrap .bullet li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;margin-top:-1px;;width:3px;height:3px;background: url('../img/icon_list.png') left top no-repeat} */


.edit-wrap table {border-collapse:collapse !important;  width: 100%; margin:  10px 0; }
.edit-wrap table th{font-size: 16px; font-family: 'NotoKrR'; font-weight: normal; color: #000000 ; padding: 0;text-align:center; background-color: #f6f6f6; height: 70px; border-right: 0; border-left: 1px solid #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.edit-wrap table th:first-child, .edit-wrap table td:first-child{ border-left: 0 }
.edit-wrap table td{font-size: 16px; font-family: 'NotoKrL'; text-align: center; font-weight: normal; color: #777777;  padding: 0 20px ; border-right: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 0; background-color:#fff;  height: 60px;}

/* 21.12.10 css add */
.agree-area span{color:#0770bb; font-weight:bold;font-size:20px;}
.yellow-bold{color:yellow;font-weight:bold;font-size:14px;}

/* 인사말 */
.greet-wrap{display: block;overflow: hidden;}
.greet-wrap .greet-left{float:left;width:430px;}
.greet-wrap .greet-left .greet-photo img{width: 430px; height: 460px; display: block;}
.greet-photo .photo-name {float: right; text-align: right; margin-top: 10px;}
.greet-photo .photo-name .name {font-family:'notoKrM',sans-serif; font-size: 30px; color: #000; margin-top: 5px;}
.greet-wrap .greet-right{float:left;width:700px; margin-left: 50px;}
.greet-cont{overflow: hidden}
.greet-cont .title-style2{letter-spacing: -1.5px;line-height: 37px;margin-top: -7px;}
.greet-cont .text-style2{line-height: 25px;padding-top: 24px;letter-spacing: -0.8px;}
.greet-cont .title-style2+.text-style2 {padding-top: 19px;}

/* tab_n1 */
.tablist-type1-n{width:1176px;display:table;margin-bottom:60px;height: 60px; overflow : hidden; white-space:nowrap; letter-spacing: -4px; }
.tablist-type1-n a{display:table-cell;text-align:center;height:60px;color:#000;font-size:18px; line-height: 60px; padding:0; min-width:196px; border-bottom:2px solid #0770bb; letter-spacing: -1px; }
.tablist-type1-n a.active{position:relative;border-left:2px solid #0770bb;border-top:2px solid #0770bb;border-right:2px solid #0770bb;color:#0770bb;font-size:20px;font-family:'NotoKrR',sans-serif;border-radius:10px 10px 0 0; }
.tablist-type1-n a.active:after{content:'';display:block;height:2px;position:absolute;left:0;bottom:-2px;right:0;background:#fff;}

.nstf_wrap .tit01 {
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    padding-bottom:20px;
    border-bottom:1px solid #000000;
}
.nstf_wrap .nbox01 {display:flex; flex-direction:row;padding:20px 20px 0 20px; margin-top:20px; border:1px solid #dddddd;}
.nstf_wrap .nbox01 .img01 {width:176px;}
.nstf_wrap .nbox01 .img01 {width:146px; display:block;}
.nstf_wrap .txt01 .w1 {
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
}
.nstf_wrap .txt01 .w2 {
    margin-top:20px;
    font-size: 16px;
    color:#0770BB;
    line-height: 28px;
}
.nstf_wrap .txt01 .w3 {
    font-size: 16px;
    color:#333333;
    line-height: 28px;
}
.mt40 {margin-top:40px !important;}
.nstf_wrap .txt01 {margin-left:30px;}
              .opensection-qbanner { height: 470px; }
              .gnb2-wrap { height: 470px; }
              .gnb-2depth>li> a { line-height: 36.55px;}