@charset "utf-8";
@import URL("normalize.css");
@import URL("reset.css");
@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");


/*
@import url("/css/font-awesome-4.7.0/css/font-awesome.css");
*/

/* Common - CSS Format */

.browserupgrade {margin: 0 auto;background: #ff5959;color: #fff;padding: 15px 0;font-size:15px;font-weight:bold;position:relative;z-index:999;text-align:center;}
.browserupgrade a{color:#feee00 !important;text-decoration:underline !important;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{color:#000;font-size:12px;line-height:1;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {line-height:1;font-family:'Nanum Gothic','맑은 고딕',malgun gothic,dotum,AppleGothic, sans-serif}
body{scrollbar-highlight-color:#e6e6e6; scrollbar-3dlight-color:#e6e6e6; scrollbar-face-color:#e6e6e6; scrollbar-shadow-color:#e6e6e6; scrollbar-darkshadow-color:#e6e6e6; scrollbar-track-color:#f5f5f5; scrollbar-arrow-color:#fff;}
.japanTxt{font-family:"游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif}
fieldset,img,iframe, button{border:0;vertical-align:middle;}
iframe{display:block;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
strong{font-weight:bold;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:1;font-size:13px;}
input,button,textarea,select{*font-size:100%;}
textarea{line-height:1.5;border:1px solid #eee;}
ul, li, dl, dt, dd, ol {list-style:none;}
button{cursor:pointer;}
i{padding:0;margin:0;}
input[type=text],input[type=file],input[type=password]  {border:1px solid #eee;height:27px;line-height:27px;border-radius:3px !important;padding:0 3px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type=text]:focus,input[type=file]:focus,input[type=password]:focus{border:1px solid #b8ccde}
select{font-weight:normal !important;font-size:13px !important;height:27px;border-radius:3px !important;border:1px solid #ddd;padding:3px !important;}
input[type=file] {margin:5px 0 !important;border-radius:4px !important;}

/* tables still need 'cellspacing="0"' in the markup */
.selectLine th, .selectLine td{background:#e1d9d9 !important;}
table{border-collapse:collapse;border-spacing: 0;table-layout:fixed}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}blockquote, q { quotes: "" "";}
td{white-space:normal;text-overflow:ellipsis;word-break:break-all;background:#fff;}
hr{display: block;margin:0.5em auto;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #dedede;}
select{font-weight:normal;font-size:13px;height:29px;border-radius:3px;border:1px solid #eee;padding:3px;vertical-align:middle;}
a, .ease{transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
a:hover, .ease:hover{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
a:link    {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
a:hover   {text-decoration:underline; color:#000;}
.noLine:hover   {text-decoration:none;}
.guideLine{font-size:10px;color:#999;padding:0 5px;}
.f_lt{float:left;}
.f_rt{float:right;}
.clearfix{clear:both;}
.clear {clear:both;margin:0;padding:0;height:0;line-height:0;zoom:1;}
.re_p{position:relative !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.vt {vertical-align:top;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom  !important;}

.b {font-weight:bold !important;}
.nb {font-weight:normal !important;}
.u {text-decoration:underline;}
.bk {display:block !important;}
.il {display:inline !important;}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:35px !important;}
.mt35 {margin-top:35px !important;}
.mt50 {margin-top:50px !important;}
.mt100 {margin-top:100px !important;}

.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:25px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}


.btnstyle_orange, .btnStyle1, .btnStyle2, .btnStyle3, .btnStyle4, .btnStyle5, .btnStyleTaxType, .btnStyle02Upper, .btnstyle_big, .btnstyle_big2, .btnDel, .btnStyleMin01, .btnStyleMin02, .btnStyleMin03, .btnStyleMin04, .btnStyleMin05, .btnStyle06, .btnStyle01, .btnStyle02, .btnStyle03, .btnStyle04, .btnStyle05, .btnSearch, .btnStyleMins01, .btnStyleMins02, .btnStyleMins03, .btnStyleMins04, .btnStyleMins05{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.btnstyle_orange:hover, .btnStyle1:hover, .btnStyle2:hover, .btnStyle3:hover, .btnStyle4:hover, .btnStyle5:hover, .btnstyle_big:hover, .btnstyle_big2:hover, .btnDel:hover, .btnStyleMin01:hover, .btnStyleMin02:hover, .btnStyleMin03:hover, .btnStyleMin04:hover, .btnStyleMin05:hover, .btnStyle06:hover, .btnStyle01:hover, .btnStyle02:hover, .btnStyle03:hover, .btnStyle04:hover, .btnStyle05:hover, .btnStyle06:hover, .btnSearch:hover, .btnStyleMins01:hover, .btnStyleMins02:hover, .btnStyleMins03:hover, .btnStyleMins04:hover, .btnStyleMins05:hover{background:#87abec !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:1px solid #87abec;text-decoration:none !important;}
.btnStyleTaxType:hover, .btnStyle02Upper:hover{background:#87abec !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:2px solid #87abec;text-decoration:none !important;}
.btnStyleMin03:hover i{color:#fff !important}

/* 528fea    598284 */
.btnStyle01{display:inline-block;height:29px;line-height:29px;background:#444c63;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}
.btnStyle3 {display:inline-block;height:29px;line-height:29px;background:#444c63;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}

/*
.btnStyle02{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnStyle04{display:inline-block;height:29px;line-height:29px;background:#6a8cd4;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#fff !important;border:1px solid #789ceb;border-radius:4px;vertical-align:middle;}
.btnSearch{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 30px;text-align:center;font-size:13px !important;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
*/

.btnStyle02{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle5 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnStyle04{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnStyle02Upper{display:inline-block;height:29px;line-height:28px;background:#fff;padding:0 10px;text-align:center;font-size:13px !important;font-weight:normal;color:#6a8cd4 !important;border:2px solid #6a8cd4;border-radius:4px;vertical-align:middle;}

.btnStyle03{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle7 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnstyle1 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle4 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle6 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}

.btnstyle_orange {display:inline-block;height:29px;line-height:29px;background:#6a8cd4;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#fff !important;border:1px solid #789ceb;border-radius:4px;vertical-align:middle;}

.btnStyle05{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnStyle06{display:inline-block;height:29px;line-height:29px;background:#ff7e7e;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#fff !important;border:1px solid #ff7e7e;border-radius:4px;vertical-align:middle;}


.btnSearch{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:13px;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnSearch i{padding-top:7px;font-size:14px;}
.btnStyleMin01{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#999 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMin02{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnStyleMin03{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMin04{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#366ec3 !important;border:1px solid #366ec3;border-radius:4px;vertical-align:middle;}
.btnStyleMin05{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnPgMCtr{position:absolute;bottom:10px;right:8px;}
.btnStyleTaxType{display:inline-block;height:51px;line-height:50px;background:#fff;padding:0 10px;text-align:center;font-size:13px !important;font-weight:normal;color:#6a8cd4 !important;border:2px solid #6a8cd4;border-radius:4px;vertical-align:middle;}

.btnStyleMins01{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#999 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMins02{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#7191d5 !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}
.btnStyleMins03{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMins04{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#7191d5 !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}
.btnStyleMins05{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnStyleMins06{display:inline-block;height:25px;line-height:25px;background:#7191d5;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#fff !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}

/* 130603_버튼 스타일추가 */
.btnstyle_big {display:inline-block;height:31px;line-height:31px;background:#fff;padding:0 30px;text-align:center;font-size:13px !important;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnstyle_big:hover {text-decoration:none;}
.btnstyle_big img{vertical-align:middle;}

.btnstyle_big2{display:inline-block;height:31px;line-height:31px;background:#fff;padding:0 30px;text-align:center;font-size:13px !important;font-weight:normal;color:#6a8cd4 !important;border:1px solid #6a8cd4;border-radius:4px;vertical-align:middle;}
.btnstyle_big2:hover {text-decoration:none;}
.btnstyle_big2 img{vertical-align:middle;}


.btnPlus{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0px;text-align:center;font-size:20px !important;font-weight:normal;color:#528fea !important;border:2px solid #528fea;border-radius:4px;vertical-align:middle;}
.btnMinus{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0px;text-align:center;font-size:20px !important;font-weight:normal;color:#ff7e7e !important;border:2px solid #ff7e7e;border-radius:4px;vertical-align:middle;}
.btnDel{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0 5px;text-align:center;font-size:15px !important;font-weight:normal;color:#ff8585 !important;border:2px solid #ff8585;border-radius:4px;vertical-align:middle;}
.disabled{background:#ddd !important;color:#888 !important;}



/* --- comm & main Layout --- */
.wrap{min-width:1280px;}
.globalHeader{position:relative;top:0;width:100%;z-index:9000;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);min-width:1280px;background:#fff;}
.headerWrap{position:relative;margin:0 auto;padding:0 20px;background:#fff;max-width:1200px;}
.headerWrap .header{width:100%;position:relative;height:76px;margin:0 auto;z-index:9999;background:#fff;}
.headerWrap .header .logo{width:86px;height:38px;position:absolute;top:18px;left:2px;z-index:99}
.headerWrap .header .logo img{}

.gnbWrap{}
.gnbWrap .gnb{position:relative;}
.gnbWrap .gnb .gnb_ul{padding-left:0;font-size:0;text-align:center;}
.gnbWrap .gnb li.gnb_li{position:relative;display:inline-block;margin:0 35px;font-weight:500;font-size:1.5rem;line-height:1.6;}
.gnbWrap .gnb li.gnb_li.on a:after{content: '';position: absolute;background:rgba(60, 78, 160, 1);width: 100%;height: 2px;left:0;right: 0;bottom: 18px;transition: width 0.3s ease;z-index:-1;border-radius:8px;}
.gnbWrap .gnb li.gnb_li a{font-size:15px;font-weight:bold;padding:25px 0 20px;display:block;border-bottom:2px solid transparent;}
.gnbWrap .gnb li.gnb_li a:hover{color:#5569c4;}
.gnbWrap .gnb li.gnb_li a.on{}

.topAside{position:absolute;top:25px;right:0;}
.topAside a{display:inline-block;vertical-align:middle;margin:0;padding:0;line-height:1 !important;}
.topAside a:hover i{color:#012b5d;}
.topAside a i{color:#5d6697;display:inline-block;margin:0 2px;font-size:2.5em}

.globalVisual{height:751px;text-align:center;background:url('/img/main/visuBg.png') no-repeat center center;background-size:cover;border-bottom:1px solid #dedede;}
.globalVisual .visuObj{text-align:center;position:relative;top:180px;}
.globalVisual .visuObj .visuTxt{margin-bottom:40px;}
.globalVisual .visuObj .visuLogo{}

.globalBlock{padding:20px 0;text-align:center;}
.globalBlock .bnMg{margin:0 5px;}

.gotoTop{display:block;width:56px;height:56px;text-align:center;padding-top:16px;background:#1e3190;color:#fff !important;position:fixed;bottom:82px;right:20px;z-index:999;}
.gotoTop:hover{color:#feee00 !important;}


.mainWrap{}
.globalContents{position:relative;min-height:50vh;max-width:1200px;margin:0 auto;}
.globalContentSub{background:#fff;position:relative;min-height:50vh;padding-top:40px;}

.noticeWrap{position:relative;margin:0px auto;background-color: #f3f3f3;overflow:hidden;}
.noticeInWrap{padding:70px 0;max-width:1200px;margin:0px auto;}
.noticeWrap h3{font-size:20px;font-weight:normal;color:#6a7bc6;padding:8px 0px;position:relative;}
.noticeWrap h3 span{font-size:13px;color:#888;}
.noticeWrap h3 a.more{position:absolute;top:0;right:0;}
.noticeWrap ul{overflow:hidden;padding:10px 0;}
.noticeWrap .noticeBlock{overflow:hidden;padding:40px 60px;min-height:276px;}
.noticeWrap .noticeBlock.news{background:#fff !important;}
.noticeWrap .noticeBlock.photo{background:#6a7bc6}
.noticeWrap .noticeBlock.photo h3, .noticeWrap .noticeBlock.photo span, .noticeWrap .noticeBlock.photo a, .noticeWrap .noticeBlock.photo dd{color:#fff !important;}
.noticeWrap ul li{width:100%;padding:5px 0;overflow:hidden;}
.noticeWrap ul li .date{font-size:13px;float:left;padding:8px 0;display:block;width:80px;height:25px;}
.noticeWrap ul li .title{display:block;height:25px;width:400px;padding:8px 10px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;}
.noticeWrap .moreBody{width:15%;float:right;min-height:106px;position:relative;}
.noticeWrap .moreBody a{position:absolute;top:20px;right:0;color:#000;font-size:12px;}
.noticeWrap .moreBody a i {position:relative;top:1px;left:0px;}

.aside100Wrap{position:relative;margin:0px auto;background-color: #fff;overflow:hidden;padding:80px 0;}
.asideWrap{overflow:hidden;position:relative;max-width:1200px;margin:0 auto;}
.asideWrap .flexBox_1{width:50%;height:679px;float:left;}
.asideWrap .flexBox_2{width:25%;float:left;height:386px;}
.asideWrap .flexBox_3{width:50%;min-height:293px;float:left;}
.asideWrap .flexBox_3:first-child{width:33.4%;float:left;}
.asideWrap .flexBox_1:before, .asideWrap .flexBox_2:before, .asideWrap .flexBox_3:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);content:'';z-index:1}
.asideWrap .flexBox_1:hover:before, .asideWrap .flexBox_2:hover:before, .asideWrap .flexBox_3:hover:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.35);content:'';z-index:1}
.asideWrap .asideBg{height:100%;}
.asideWrap .asideBg img{width:100%;visibility:hidden;}
.asideWrap .asideBg01{background:url('/img/main/pickup-content__mainvisual.jpg') no-repeat -500px 0;background-size:cover;}
.asideWrap .asideBg02{background:url('/img/main/pickup-content__img001.jpg') no-repeat -200px 40px;background-size:cover;}
.asideWrap .asideBg03{background:url('/img/main/pickup-content__img002.jpg') no-repeat 0 0;background-size:cover;}
.asideWrap .asideBg04{background:url('/img/main/pickup-content__img003.jpg') no-repeat 0 0;background-size:cover;}
.asideBody{position:relative;cursor:pointer;}
.asideBody .textBox{z-index:10;position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);text-align:center;}
.asideBody .textBox .inTitle{font-size:24px;color:#fff;text-shadow:0px 0px 10px #000;font-weight:bold}
.asideWrap .flexBox_1 .textBox{text-align:left;padding:0 50px;]}
.asideWrap .flexBox_1 .textBox .inTitle{font-size:46px !important;color:#fff;text-shadow:0px 0px 10px #000;font-weight:bold}
.asideBody .textBox .inTxt{font-size:15px;color:#fff;margin:20px auto 20px;text-shadow:0px 0px 10px #000;line-height:1.5;}
.asideBody .textBox .btn{display:inline-block;color:#fff;font-size:12px;letter-spacing:1px;background:transparent;border:2px solid #fff;border-radius:1000px;padding:12px 50px;}


.cateBlock{width:32%;float:left;overflow:hidden;background:#fff;}
.cateBlock:nth-child(2){margin:0 2%;}
.cateBlock .cateBg{height:275px;}
.cateBlock .catebg01{background:url('/img/main/page-index__img001.jpg') no-repeat 0 0;background-size:cover;}
.cateBlock .catebg02{background:url('/img/main/page-index__img002.jpg') no-repeat 0 0;background-size:cover;}
.cateBlock .catebg03{background:url('/img/main/page-index__img003.jpg') no-repeat 0 0;background-size:cover;}

.cateBlock .cateCont{padding:40px 40px;min-height:312px;}
.cateBlock .cateCont .cateTip{color:#6a7bc6;font-size:13px;font-weight:bold;text-align:left;}
.cateBlock .cateCont h3{padding:10px 0 20px;}
.cateBlock .cateCont h3 a{color:#6a7bc6;font-size:30px;text-align:left;letter-spacing:2px;font-weight:normal;}
.cateBlock .cateCont h3 i{position:relative;top:2px;left:10px;}
.cateBlock .cateCont ul{margin-top:20px;}
.cateBlock .cateCont ul li{overflow:hidden;text-align:left;position:relative;padding:5px 0;}
.cateBlock .cateCont ul a{font-size:12px;display:block;padding:12px 0 12px 12px;font-weight:normal;border-radius:1000px;background:#ecf0f0;}
.cateBlock .cateCont ul a:hover{background:#e6edeb;text-decoration:none;}
.cateBlock .cateCont ul i{position:absolute;top:19px;right:8px;z-index:2;}
.copWrap{overflow:hidden;}
.copWrap dl{width:48%;float:left;margin-top:20px;}
.copWrap dl:first-child{margin-right:4%;}
.copWrap dl dt{font-size:15px;color:#6a7bc6;text-align:left;font-weight:bold;padding:12px 10px;}
.copWrap dl dd{overflow:hidden;text-align:left;position:relative;padding:5px 0;}
.copWrap dl dd a{font-size:12px;display:block;padding:12px 10px;font-weight:normal;border-radius:1000px;background:#ecf0f0;}
.copWrap dl dd a:hover{background:#e6edeb;text-decoration:none;}
.copWrap dl dd i{position:absolute;top:18px;right:8px;z-index:2;}

.recuWrap{overflow:hidden;position:relative;margin:0 auto;height:500px;}
.recuWrap.recubg{background:url('/img/main/page-index__img004.jpg') no-repeat 0 0;background-size:cover;}
.recuWrap:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 27, 17, 0.5);content:'';z-index:1}
.recuBlock{padding-top:170px;text-align:center;position:relative;z-index:10;}
.recuBlock h3{font-size:42px;font-weight:bold;color:#fff;padding:20px 0;text-shadow:0 0 10px #000;}
.recuBlock p{padding:20px 10px;font-size:18px;color:#fff;line-height:1.5;text-shadow:0 0 10px #000;}
.recuBlock .btns a{display:inline-block;color:#fff;font-size:14px;letter-spacing:1px;border:2px solid #fff;background:transparent;padding:12px 50px;border-radius:1000px;}
.recuBlock .btns a:hover{background:#fff;color:#6a7bc6}
.recuBlock .btns i{position:relative;top:1px;left:10px;}

.globalFooter{background:#23252c;height:110px;padding:20px 0;text-align:center;clear:both;position:relative;}
.footer{max-width:1200px;margin:0 auto;overflow:hidden;position:relative;}
.globalFooter .footMenu{position:absolute;top:20px;right:0;}
.globalFooter .footMenu a{display:inline-block;vertical-align:bottom}
.globalFooter .footMenu a i{color:#fff;display:inline-block;margin:0 2px;font-size:2.5em}
.globalFooter .copy{width:50%;float:left;font-size:11px;color:#fff;line-height:1.6;text-align:left;}

.board_content p, .board_content div{line-height:1.8 !important;}
.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) both}
.tracking-in-expand2{-webkit-animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) 0.2s both;animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) 0.2s both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
@-webkit-keyframes tracking-in-expand2{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

.fade-in{-webkit-animation:fade-in 1.2s ease-in 0.8s both;animation:fade-in 1.2s ease-in 0.8s both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s 1.5s both;animation:wobble-hor-bottom .8s 1.5s both}
@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}



/* --- subPage --- */

.subHeader{position:relative;overflow:hidden;height:185px;border-bottom:1px solid #eee;background:url('/img/comm/bg_subVisu.png') 50% 50%;background-size:cover;}
.subHeaderBody{max-width:1200px;margin:0 auto;height:206px;}
.subHeader .pageTitle{text-align:center;padding-top:6%;}
.subHeader .pageScriptImg{display:none;}


.introCeoBox{background:#f1f2ed;padding:50px 0 0 75px;height:313px;margin-bottom:150px;}
.introCeoBox:before{content:'';display:block;position:absolute;top:20px;left:20px;width:31px;height:31px;background:url('/img/bul/bul_crossbox.png') no-repeat 0 0;}
.introCeoBox .title{display:inline-block;background:#012b5d;padding:15px 10px;font-size:16px;line-height:1.5;color:#fff;position:absolute;top:230px;left:75px;}
.introCeoBox .title span{font-size:40px;color:#fff;letter-spacing:10px}
.introCeoBox .txt{font-size:28px;font-family:'Nanum Myeongjo', batang !important;font-style:italic;color:#191a16;line-height:1.4;}
.introCeoBox .imgbox{position:absolute;top:0;right:0;}

.listOfPresidents{border-left:1px solid #eee;border-right:1px solid #eee;margin:30px auto;}
.listOfPresidents dl{overflow:hidden;padding:5px 20px;}
.listOfPresidents dl dt{width:20%;float:left;padding:12px 0;text-align:center;font-size:14px;color:#646c75;font-weight:bold;background:#eee;border-radius:1000px;}
.listOfPresidents dl .now{background:#012b5d;color:#fff;}
.listOfPresidents dl dd{float:left;height:42px;}
.listOfPresidents dl .name{width:30%;padding:12px 0;text-align:center;font-size:18px;color:#646c75;font-weight:bold;}
.listOfPresidents dl .company{width:50%;padding:12px 0;text-align:left;font-size:15px;color:#646c75;font-weight:normal;}
.listOfPresidents{}

.pointBoxWrap{border:1px solid #eee; padding:40px 20px;border-radius:10px;margin-bottom:100px;}
.pointBoxWrap .boxTitle{position:absolute;top:-60px;left:0px;width:110px;height:110px;padding-top:45px;font-size:20px;color:#fff;text-align:center;}
.pointBoxWrap .bg01{background:#012b5d;}
.pointBoxWrap .bg02{background:#0189b1;}
.pointBoxWrap .bg03{background:#a99a71;}
.pointBoxWrap .bg04{background:#00afa3;padding-top:35px;}
.pointBoxWrap .boxContent{padding-left:120px;text-align:center;}
.pointBoxWrap .subcomWrap{position:relative;}
.pointBoxWrap .subcomWrap:after{content:'';display:block;position:absolute;top:30px;left:50%;margin-left:-1px;width:1px;height:95%;background:#ccc;z-index:1}
.pointBoxWrap .subcomHead{text-align:center;padding:10px 0;position:relative;z-index:2;}
.pointBoxWrap .subcomHead .orgCap{width:128px;height:128px;background:url('/img/association/bg_cap.png') no-repeat 50% 0;margin:0 auto;padding-top:20px;color:#fff;line-height:1.7;}
.pointBoxWrap .subcomBody{position:relative;z-index:2;margin-top:50px;}
.pointBoxWrap .subcomBody ul{clear:both;margin:10px auto;overflow:hidden;box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);}
.pointBoxWrap .subcomBody ul li:first-child{border-left:1px solid #ccc;}
.pointBoxWrap .subcomBody ul li{width:25%;height:38px;text-align:center;font-size:13px;color:#666;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;line-height:38px;}





.tabTypePage{}
.tabTypePage ul{overflow:hidden;}
.tabTypePage ul li{width:48%;float:left;border-bottom:4px solid #ccc;background:url('/img/comm/gnbTip.png') no-repeat 50% 115%;}
.tabTypePage ul li.on{border-bottom:4px solid #6a7bc6;background:url('/img/comm/gnbTip.png') no-repeat 50% 100%;}
.tabTypePage ul li:hover{border-bottom:4px solid #6a7bc6;}
.tabTypePage ul li:first-child{margin-right:2%;}
.tabTypePage ul li:last-child{float:right;}
.tabTypePage ul a{display:block;padding:30px 0;text-align:center;font-size:22px;font-weight:bold;}

.searchSect{background:#fafbfd;border:1px solid #ddd;padding:10px;margin:10px auto 20px;}

.searchWrap{margin:20px auto;}
.searchWrap .searchTitle{font-size:15px;font-weight:bold;color:#6a7bc6;text-align:left;padding:20px 0;}
.searchWrap .searchBody{overflow:hidden;padding:10px 0;}
.searchWrap .searchBody h6{font-size:13px;color:#000;font-weight:bold;padding:10px 0;}
.searchWrap .searchType{width:38%;float:left;min-height:150px;}
.searchWrap .searchBtns a{width:80px;font-size:15px;color:#333;padding:8px 0px;display:inline-block;text-align:center;border:1px solid #ddd;background:#fff;border-radius:2px;}
.searchWrap .searchBtns a:hover{background:#6a7bc6;color:#fff;border:1px solid #6a7bc6;text-decoration:none;}
.searchWrap .searchBtns a.selected{background:#6a7bc6;color:#fff;border:1px solid #6a7bc6}
.searchWrap .searchDetail{width:62%;float:right;min-height:150px;border-left:1px solid #dedede;padding:0 20px;}
.searchWrap .searchDetail ul{overflow:hidden;}
.searchWrap .searchDetail ul li{width:50%;float:left;text-align:left;padding:10px;}

.subSearch{padding:20px 0;text-align:left;margin:30px auto;}
.subSearch a{font-size:15px;font-weight:bold;margin-right:30px;}
.subSearch i{position:relative;top:1px;left:5px;font-size:11px !Important;color:#666}

.pointNum{display:inline-block;width:54px;height:54px;background:#6a7bc6;border-radius:10px;text-align:center;font-size:10px;line-height:18px;color:#fff;padding-top:6px;padding-left:3px;position:relative;top:10px;margin-right:10px;box-sizing:border-box;}
.pointNum strong{font-weight:bold;font-size:30px;}

.subWrap{position:relative;margin:20px auto 40px;max-width:1200px;}
.board_content{padding:28px 22px;line-height:1.8;min-height:400px;}
.board_content img{max-width:98%;margin:15px auto;height:auto !important;}
.board_content object, .board_content iframe{max-width:98%;margin:15px auto;}
.board_content table{max-width:100% !important;width:auto !important;white-space:normal !important;text-overflow:ellipsis !important;word-break:break-all !important;word-wrap:break-word !important}
.board_content table td, .board_content table th{white-space:normal !important;text-overflow:ellipsis !important;word-break:break-all !important;word-wrap:break-word !important}

.lnbWrapOut{width:230px;float:right;}
.lnbWrap{width:230px;border:1px solid #eee;}
.lnbWrap.btmFixed{position:absolute;top:auto !important;bottom:10px;}
.lnbWrap .lnbTitle{padding:37px 15px;text-align:left;color:#000;font-size:18px;font-weight:bold;background:#fff url('/img/comm/lnbTitle.png') no-repeat 90% 50%;border-bottom:1px solid #eee;}
.lnbWrap .lnb{}
.lnbWrap .lnb li{border-bottom:1px solid #eee;text-align:left;background:#fff;position:relative;}
.lnbWrap .lnb li:after{display:none}
.lnbWrap .lnb li.subLi:after{display:block !important;position:absolute;top:24px;right:8px;content: '\f078'; font-family: 'FontAwesome';color:#6a7bc6 !important;}
.lnbWrap .lnb li.subLiOpen:after{display:block !important;position:absolute;top:24px;right:8px;content: '\f077' !important; font-family: 'FontAwesome';color:#6a7bc6 !important;}
.lnbWrap .lnb li:last-child{border-bottom:0 !important;}
.lnbWrap .lnb li a{display:block;font-size:13px;font-weight:normal;padding:0px 15px 0 12px;height:56px;line-height:56px;}
.lnbWrap .lnb li a:hover{text-decoration:none;color:#5471ff;}
.lnbWrap .lnb li > a.on{font-weight:bold;color:#064794;}
.lnbWrap .lnb .lnbSub li a.on{font-weight:bold;color:#6a7bc6;background:#fff;}
.lnbWrap .lnb .lnbSub{display:none;}
.lnbWrap .lnb .lnbSub li{padding:padding:10px 15px;background:#fff;}
.lnbWrap .lnb .lnbSub li:last-child{border-bottom:0 !important;}
.lnbWrap .lnb .lnbSub li a{display:block;font-size:12px;font-weight:normal;padding:0px 25px;height:56px;line-height:56px;}
.lnbWrap  .lnbReport a{height:75px !important;line-height:18px !important;padding:17px 15px 0 12px !important;position:relative;}
.lnbWrap  .lnbReport a img{position:absolute;top:8px;right:10px;}

.contentsWrap{width:950px;float:left;padding:20px;min-height:80vh;margin:0 auto 40px;font-size:15px;line-height:1;}
.contentsWrap .contTitle{font-size:42px;color:#012b5d;padding:10px 0;font-weight:bold;}
.contentsWrap h4{font-size:20px;color:#000;padding:10px 0;margin:10px auto;font-weight:bold;line-height:1.5;}
.contentsWrap h5.subTitle{font-size:15px;font-weight:bold;color:#000;padding:0 0 20px;}
.contentsWrap p{font-size:18px;line-height:1.7;}
.contentsWrap .contImg{text-align:center;margin:50px auto;}
.contentsWrap .contImg img{max-width:95%;}
.contentsWrap .subscript{font-size:13px;}

.objBoxBlockWrap{margin:100px auto;border-top:1px solid #dedede;}
.objBoxBlockWrap .objBoxBlock{padding:50px 0;border-bottom:1px solid #dedede;text-align:left;overflow:hidden;}
.objBoxBlockWrap .objBoxBlock h5{font-size:20px;font-weight:bold;color:#6a7bc6;padding:0 0 20px;}
.objBoxBlockWrap .objBoxBlock dl{}
.objBoxBlockWrap .objBoxBlock dl dt{font-size:18px;color:#000;font-weight:bold;}
.objBoxBlockWrap .objBoxBlock dl dd{font-size:15px;line-height:1.5;padding:20px 0;}
.objBoxBlockWrap .objBoxBlock .listTxt{float:left;display:block;width:calc(100% - 200px);}
.objBoxBlockWrap .objBoxBlock .listThum{float:right;width:200px;vertical-align:middle;}
.objBoxBlockWrap .objBoxBlock .listThum img{max-width:100%;padding-top:50px;}

.btnStyleListBlock{display:inline-block;margin-top:20px;color:#6a7bc6 !important;border:1px solid #6a7bc6;padding:13px 100px;font-size:12px;text-align:center;}
.btnStyleListBlock:hover{background:#6a7bc6;color:#fff !important;text-decoration:none;}

.btnStyleBlock{display:inline-block;margin-top:20px;color:#fff !important;border:1px solid #5063be;background:#5063be;padding:13px 80px;font-size:15px;text-align:center;border-radius:1000px;}
.btnStyleBlock:hover{text-decoration:none;}

.btmBtnsWrap{clear:both;padding:40px 0;background:#e9efee;}
.btmBtnsWrap .btnsTitle{font-size:18px;font-weight:bold;text-align:center;margin:0 auto 10px;letter-spacing:2px;}
.btnsInner{text-align:center;margin:10px auto;}


.txtListWrap{}
.txtListWrap .listTxt{padding:40px 0;border-bottom:1px solid #dedede;text-align:left;overflow:hidden;}
.txtListWrap .listTxt h5{font-size:20px;font-weight:bold;color:#6a7bc6;}
.txtListWrap .listTxt dl{}
.txtListWrap .listTxt dl dt{font-size:16px;color:#000;font-weight:bold;}
.txtListWrap .listTxt dl dd{font-size:15px;line-height:1.8;padding:20px 0;}


.orgBody{position:relative;height:150px;z-index:2;margin:20px auto 0;}
.orgBody:before{display:block;width:1px;height:100%;content:'';position:absolute;top:0;left:50%;margin-left:-1px;background:#000;}
.orgBody .orgBlock{width:30%;height:30px;padding-top:10px;position:absolute;color:#fff;z-index:10;text-align:center;font-size:1.1rem}
.orgBody .orgBlock.bg01{background:#003e89;top:0px;left:50%;margin-left:-15%;}
.orgBody .orgBlock.bg02{background:#04a0d9;top:33%;left:50%;margin-left:-15%;}
.orgBody .orgBlock.bg03{background:#0059aa;top:66%;left:50%;margin-left:-15%;}
.orgBody .orgBlock.bg04{background:#002052;top:100%;left:50%;margin-left:-15%;}
.orgBody .orgBlock.bg05{background:#001c51;top:16%;left:90%;margin-left:-15%;}
.orgBody .orgBlock.bg06{background:#19c8df;top:66%;left:10%;margin-left:-15%;}
.orgBody .orgBlock.bg07{background:#00b3a3;top:83%;left:90%;margin-left:-15%;}
.orgBody .lineBlock01{display:block;width:30%;height:1px;content:'';position:absolute;top:26%;left:50%;background:#000;z-index:1}
.orgBody .lineBlock02{display:block;width:30%;height:1px;content:'';position:absolute;top:93%;left:50%;background:#000;z-index:1}
.orgBody .lineBlock03{display:block;width:30%;height:1px;content:'';position:absolute;top:76%;left:15%;background:#000;z-index:1}

.tabbtn{box-sizing:border-box;margin:30px auto 50px;}
.tabbtn ul{overflow:hidden;margin:0 auto;padding:0;}
.tabbtn li{float:left;list-style:none;}
.tabbtn li a{display:block;text-align:center;padding:12px 0;background:#e4ebff;color:#7e84a3;border:5px solid #e4ebff;font-size:2rem;}
.tabbtn li a:hover{color:#000;}
.tabbtn li.on a{border:5px solid #49527b;background:#fff;color:#49527b !important;}

.historyBlock{overflow:hidden;clear:both;margin:50px auto;}
.historyBlock dt{font-size:38px;padding-left:50px;color:#49527b;font-weight:bold;}
.historyBlock dd{font-size:18px;padding-left:150px;margin:12px 0;line-height:1.3;}
.historyBlock dd:before{content:'· ';}


.listTable{width:100%;border-top:1px solid #666;margin:0 auto;}
.listTable thead th{text-align:center;padding:8px 0px;border-bottom:1px solid #dedede;font-size:13px;background:#f7f7f7;font-weight:bold;}
.listTable tbody th{text-align:left;padding:8px 0px;border-bottom:1px solid #dedede;font-size:15px;}
.listTable tbody td{text-align:center;padding:8px 0px;border-bottom:1px solid #dedede;font-size:15px;line-height:1.5;}

.lawTitle{font-size:18px;padding:0 0;color:#596392;margin:100px auto 50px;position:relative;}
.lawTitle:before{position:absolute;top:-10px;left:0;width:30px;height:3px;background:#f46e6e;display:block;content:'';}

.noneBdrTb{width:100%;border:0px;margin:0 auto;}
.noneBdrTb tbody td{padding:20px 0;font-weight:normal;font-size:14px;color:#666;line-height:1.5;border:0px;white-space:normal;letter-spacing:0px;}

.lawTb{margin-bottom:50px;}
.lawTb p{line-height:1.7;font-size:14px;color:#666;}
.lawTb ul{margin:20px auto;}
.lawTb ul li{line-height:1.7;}
.lawTb th{vertical-align:top;line-height:1.7;padding:20px 0;color:#596392;font-size:15px;}


.joinStepWrap{width:891px;height:473px;background:url('/img/association/bg_joinStep.png') no-repeat 0 0;}
.joinStepWrap .joinStepBlock{position:absolute;}
.joinStepWrap .joinStepBlock .title{font-size:20px;color:#1e3190;}
.joinStepWrap .joinStepBlock .txt{font-size:15px;color:#666;line-height:1.3;}
.joinStepWrap .joinStepBlock.step01{top:25px;left:345px;}
.joinStepWrap .joinStepBlock.step02{top:221px;left:345px;}
.joinStepWrap .joinStepBlock.step03{top:370px;left:345px;}

.root_daum_roughmap{width:100% !important;}


.indexBar{background:#fff9d9;border:1px solid #f4e6c1;padding:10px 0px;overflow:hidden;border-radius:10px;}
.indexBar a{display:block;width:25px;height:25px;color:#8b8b88;font-size:16px;border-radius:1000px;padding:3px 0 0 0;float:left;text-align:center;}
.indexBar a:first-child{width:40px;font-size:12px !important;margin-left:30px;padding-top:6px;}
.indexBar a:hover{color:#f20}
.indexBar a.on{color:#fff;background:#5471ff;}

.memberListWrap{}
.memberListWrap .objMemberInfo{position:relative;width:23.5%;margin:1.5% 1%;border:1px solid #b8b8b8;padding:40px 18px 10px;float:left;min-height:275px;}
.memberListWrap .objMemberInfo.first{margin-left:0}
.memberListWrap .objMemberInfo.last{margin-right:0}
.memberListWrap .objMemberInfo:hover{box-shadow:0 6px 10px rgba(0, 0, 0, 0.3);}
.memberListWrap .objMemberInfo .companyName{font-size:20px;color:#012b5d;text-align:center;margin-bottom:50px;position:relative;line-height:1;word-break:break-all;white-space:normal;}
.memberListWrap .objMemberInfo .companyName:after{display:block;content:'';width:35px;height:4px;background:#5471ff;position:absolute;bottom:-20px;left:50%;margin-left:-17.5px;}
.memberListWrap .objMemberInfo .guideLine{padding:0 10px;}
.memberListWrap .objMemberInfo .name{background:url('/img/bul/bul_ceoName.png') no-repeat 0 50%;padding:8px 0 8px 28px;font-size:13px;color:#000;word-break:break-all;white-space:normal;}
.memberListWrap .objMemberInfo .address{background:url('/img/bul/bul_address.png') no-repeat 0 50%;padding:8px 0 8px 28px;font-size:12px;color:#000;line-height:1.3;word-break:break-all;white-space:normal;}
.memberListWrap .objMemberInfo .tel{background:url('/img/bul/bul_tel.png') no-repeat 0 50%;padding:8px 0 8px 28px;font-size:12px;color:#000;line-height:1.3;word-break:break-all;white-space:normal;}
.memberListWrap .objMemberInfo .url{background:url('/img/bul/bul_url.png') no-repeat 0 50%;padding:8px 0 8px 28px;font-size:12px;color:#000;word-break:break-all;white-space:normal;}


/*대표자, 전화번호 분리 할 경우
.memberListWrap{}
.memberListWrap .objMemberInfo{position:relative;width:23.5%;margin:1.5% 1%;border:1px solid #b8b8b8;padding:40px 18px 10px;float:left;min-height:268px;}
.memberListWrap .objMemberInfo.first{margin-left:0}
.memberListWrap .objMemberInfo.last{margin-right:0}
.memberListWrap .objMemberInfo:hover{box-shadow:0 6px 10px rgba(0, 0, 0, 0.3);}
.memberListWrap .objMemberInfo .companyName{font-size:20px;color:#012b5d;text-align:center;margin-bottom:40px;position:relative;line-height:1;}
.memberListWrap .objMemberInfo .companyName:after{display:block;content:'';width:35px;height:4px;background:#5471ff;position:absolute;bottom:-20px;left:50%;margin-left:-17.5px;}
.memberListWrap .objMemberInfo .guideLine{padding:0 10px;}
.memberListWrap .objMemberInfo .name{background:url('/img/bul/bul_ceoName.png') no-repeat 0 50%;padding:7px 0 7px 28px;font-size:13px;color:#000;line-height:1.3;}
.memberListWrap .objMemberInfo .address{background:url('/img/bul/bul_address.png') no-repeat 0 50%;padding:7px 0 7px 28px;font-size:12px;color:#000;line-height:1.3;}
.memberListWrap .objMemberInfo .tel{background:url('/img/bul/bul_tel.png') no-repeat 0 50%;padding:7px 0 7px 28px;font-size:12px;color:#000;line-height:1.3;}
.memberListWrap .objMemberInfo .url{background:url('/img/bul/bul_url.png') no-repeat 0 50%;padding:7px 0 7px 28px;font-size:12px;color:#000;line-height:1.3;}
*/

.slide-top {-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-top {
0% {-webkit-transform: translateY(0);transform: translateY(0);}100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}}
@keyframes slide-top {0% {-webkit-transform: translateY(0);transform: translateY(0);}100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}}


.faqWrap{border-top:1px solid #eee;}
.faqWrap .faqList{}
.faqWrap .faqList dt.faqQuest{font-size:16px;color:#000;cursor:pointer;padding:30px 20px 30px 0 !important;background:#fff;border-bottom:1px solid #eee;position:relative;font-weight:bold;}
.faqWrap .faqList dt.faqQuest:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f067' !important; font-family: 'FontAwesome';color:#6a7bc6 !important;font-size:18px !important;}
.faqWrap .faqList dt.subOpen:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f068' !important; font-family: 'FontAwesome';color:#6a7bc6 !important;}
.faqWrap .faqList dt.faqQuest span{font-weight:bold;color:#6a7bc6}
.faqWrap .faqList dd.faqAnswer{display:none;width:100%;padding:20px 15px 20px 29px;border-bottom:1px solid #eee;font-size:12px;line-height:1.5;}


.subBnArea{overflow:hidden;margin:0px auto 20px;}
.subBnArea a{display:block;width:31.3%;margin:1%;float:left;border:1px solid #dedede;text-align:center;padding:20px 0;min-height:99px;}
.subBnArea a img{width:70%;margin-bottom:10px;}
.subBnArea a:hover{text-decoration:none;}


.listTypeHistory{overflow:hidden;margin:50px auto;}
.listTypeHistory .historyImg{float:left;width:340px;height:400px;text-align:center;overflow:hidden;}
.listTypeHistory .historyImg .historyThum{height:255px;background:#50616a;}
.listTypeHistory .historyImg .historyThum img{height:120%;margin-top:-20px;}
.listTypeHistory .historyImg .car{display:block;position:relative;}
.listTypeHistory .historyImg .car img{width:340px;height:145px;}
.listTypeHistory .historyImg .caption{position:absolute;bottom:15px;display:block;width:100%;text-align:center;line-height:1.8;font-size:12px;color:#333;}
.listTypeHistory .historyTelling{float:right;width:calc(100% - 340px);height:400px;padding:40px 30px 0;border-top:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;overflow:hidden;text-align:left;}
.listTypeHistory .historyTelling .since{color:#6a7bc6;font-size:15px;}
.listTypeHistory .historyTelling .productName{color:#6a7bc6;font-size:56px;font-weight:bold;}
.listTypeHistory .accent{color:#6a7bc6;font-size:15px;margin:30px auto;}
.listTypeHistory .subscript{}

.listTypeNewHistory{overflow:hidden;margin:50px auto;}
.listTypeNewHistory .historyImg{float:left;width:55%;height:456px;text-align:center;overflow:hidden;position:relative;}
.listTypeNewHistory .historyImg .historyThum{height:100%;background:#50616a;}
.listTypeNewHistory .historyImg .historyThum img{height:100%;margin-top:0px;}
.listTypeNewHistory .historyImg .subscript{color:#fff;position:absolute;z-index:5;width:462px;height:456px;top:0;left:100%;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.listTypeNewHistory .historyImg .subscript:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);content:'';z-index:-1}
.listTypeNewHistory .historyImg .subscript.trigger{left:0 !important;}
.listTypeNewHistory .historyImg .subscript div p{text-align:left;position:absolute;top:50%;left:50%;display:block;width:80%;fonts-zie:1.3rem;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.listTypeNewHistory .historyTelling{float:right;width:45%;height:456px;overflow:hidden;text-align:left;}
.listTypeNewHistory .historyTelling .historyHeader{background:#6a7bc6;padding:40px;position:relative;height:301px;}
.listTypeNewHistory .historyTelling .since{color:#fff;font-size:15px;}
.listTypeNewHistory .historyTelling .productName{color:#fff;font-size:56px;font-weight:bold;}
.listTypeNewHistory .historyTelling .accent{color:#fff;font-size:15px;margin:30px auto;}
.listTypeNewHistory .historyTelling .car{width:378px;height:155px;display:block;position:relative;background:#ece7ef;}
.listTypeNewHistory .historyTelling .car img{width:378px;height:155px;}
.listTypeNewHistory .historyTelling .caption{position:absolute;bottom:20px;display:block;width:100%;text-align:center;line-height:1.8;font-size:12px;color:#333;background:none !important;}
.listTypeNewHistory .historyTelling .btnScript{color:#fff;position:relative;}
.listTypeNewHistory .historyTelling .btnScript:hover{text-decoration:none;}
.listTypeNewHistory .historyTelling .btnScript:after{display:block !important;position:absolute;top:2px;right:-20px;content: '\f067'; font-family: 'FontAwesome';color:#fff !important;font-size:14px;}


.norList {margin:50px auto;}
.norList dt{font-size:15px;color:#000;font-weight:bold;margin-bottom:20px;}
.norList dd{font-size:15px;line-height:1.5;padding:8px 0;}


/* oversea */
@-webkit-keyframes base-icon-animation {0% {width: 0;height: 0; opacity: 0;}1% {opacity: 1;}75% {opacity: 1;}100% {width: 50px;height: 50px;opacity: 0;}}
@keyframes base-icon-animation {0% {width: 0;height: 0; opacity: 0;}1% {opacity: 1;}75% {opacity: 1;}100% {width: 50px;height: 50px;opacity: 0;}}
.oversea-base {margin-top: 50px;}
.oversea-base__mainvisual {position: relative;}
.base-icon {position: absolute;z-index: 2; display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #62c1b4;}
.base-icon:before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;margin: auto;width: 4px;height: 4px;border: 1px solid #62c1b4;border-radius: 50%;content: "";
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-animation: base-icon-animation 1.4s ease-out 0s infinite;animation: base-icon-animation 1.4s ease-out 0s infinite;}
.oversea-base__block {margin-top: 40px; padding-bottom: 80px;}
.oversea-base__block:after {display: block;visibility: hidden; clear: both;height: 0;content: "";}
.oversea-base__box {width: 48%;}
.oversea-base__box:nth-child(2n+1) {float: left;}
.oversea-base__box:nth-child(2n) {float: right;}
.oversea-base__item {margin-top: -1px; padding: 15px 0;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.oversea-base__header {position: relative;padding-right: 44px;}
.oversea-base__header:before,
.oversea-base__header:after {position: absolute; top: 0;right: 15px;bottom: 0;display: block;margin: auto;width: 14px;height: 2px;background-color: #62c1b4;content: "";}
.oversea-base__header:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.oversea-base__header.is-active:after {display: none;}
.oversea-base__head-title {margin: auto; font-weight: 500;font-size: 1.5rem;}
.oversea-base__sub-title {margin: auto; font-weight: 200;font-size: 1.1rem;}
.oversea-base__content {display: none; margin-top: 15px;}
.oversea-base__content:after {display: block;visibility: hidden; clear: both;height: 0;content: "";}
.oversea-base__img {float: left; width: 120px;}
.oversea-base__text {margin: auto; font-size: 1.4rem;}
.oversea-base__img +.oversea-base__text {margin: auto auto auto 140px;}

.overseaWrap{border-top:1px solid #eee;margin-top:80px;}
.overseaWrap .overseaList{overflow:hidden;}
.overseaWrap .overseaList dt.overseaQuest{font-size:16px;color:#000;cursor:pointer;padding:30px 20px 30px 0 !important;background:#fff;border-bottom:1px solid #eee;position:relative;font-weight:bold;}
.overseaWrap .overseaList dt.overseaQuest p{font-size:11px;color:#777;}
.overseaWrap .overseaList dt.overseaQuest:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f067' !important; font-family: 'FontAwesome';color:#6a7bc6 !important;font-size:18px !important;}
.overseaWrap .overseaList dt.subOpen:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f068' !important; font-family: 'FontAwesome';color:#6a7bc6 !important;}
.overseaWrap .overseaList dt.overseaQuest span{font-weight:bold;color:#6a7bc6}
.overseaWrap .overseaList dd.overseaAnswer{display:none;width:100%;padding:20px 15px 20px 29px;border-bottom:1px solid #eee;font-size:12px;line-height:1.5;}



.processWrap{padding:0 4%;}
.processHeader{margin-bottom:3.8%;text-align:center;}
.processHeader .flowTitle{padding:15px 0;width:32.5%;position:relative;display:inline-block;border:1px solid #e5e5e5;background:#f7f9f9;}
.processFlowBody{margin-bottom:3.8%;}
.processFlowBody .flowTitle{}
.processFlowBody .column1.flowbox{padding-top:13.5%;width:13.1%;text-align:center;}
.processFlowBody .flowbox i{font-size:11px;}
.flowbox + .flowbox{margin-left:3.8%;}
.flowbox{position: relative;display: inline-block;border: 1px solid #e5e5e5; background-color: #f7f9f9;font-weight: 500;font-size: 1.5rem;}
.flowbox.has-dots:before {position: absolute;top: 0;bottom: 0;left: 0;display: block;margin-top: auto;margin-bottom: auto;margin-left: -18%;width: 7px;height: 7px;background-color: #72bd6f;content: "";-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.flowbox.has-arrow:before,.flowbox.has-arrow:after {position: absolute;display: block;width: 0;height: 0;border: 10px solid transparent; content: "";}
.flowbox.has-arrow.arrLeft:before {top: 0;right: 105%;bottom: 0;margin-top: auto;margin-bottom: auto; border-left: 10px solid #72bd6f;}
.flowbox.has-arrow.arrRight:before {top: 0;bottom: 0;left: 100%;margin-top: auto;margin-bottom: auto; border-right: 10px solid #72bd6f;}
.flowbox.has-arrow.arrTop:after {right: 0;bottom: 105%;left: 0;margin-right: auto; margin-left: auto;border-top: 10px solid #72bd6f;}
.processFlowBody .flowbox.column2 {padding-top: 13.5%; width: 30.3%;}
.processFlowBody .flowbox.column2 span {z-index:2;position: absolute;top: 50%;left: 20%;display: block;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.processFlowBody .flowbox.column1 span {z-index:2;position: absolute;top: 50%;left: 50%;display: block;width: 92%;text-align: center;line-height: 1.4; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.processFlowBody .flowbox.column1 .bg-img +span {color: #fff;}
.processFlowBody .flowbox.column1 .bg-img +span:after {position: absolute;top: 100%;right: 0;left: 0;display: block;margin: auto;width: 10px;height: 10px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;content: "";-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.processFlowBody .flowBg:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.35);content:'';z-index:1}
.processFlowBody .flowBg{text-shadow:2px 2px 10px #000;}
.processFlowBody .flowbox a{color:#fff;}
.processFlowBody .flowBg01{background:url('/img/monozukuri/process-flow__img001.jpg') no-repeat 0 0; background-size:cover;color:#fff !important;}
.processFlowBody .flowBg02{background:url('/img/monozukuri/process-flow__img002.jpg') no-repeat 0 0; background-size:cover;color:#fff !important;}
.processFlowBody .flowBg03{background:url('/img/monozukuri/process-flow__img003.jpg') no-repeat 0 0; background-size:cover;color:#fff !important;}
.processFlowBody .flowBg04{background:url('/img/monozukuri/process-flow__img004.jpg') no-repeat 0 0; background-size:cover;color:#fff !important;}
.processFlowBody .flowBg05{background:url('/img/monozukuri/process-flow__img005.jpg') no-repeat 0 0; background-size:cover;color:#fff !important;}
.processFlowBody .flowBg08{background:url('/img/monozukuri/process-flow__img006.png') no-repeat 80% 50%; background-size:100px;}
.processFlowBody .flowBg09{background:url('/img/monozukuri/process-flow__img007.png') no-repeat 80% 50%; background-size:150px 66px;}

.processBlock{padding:80px 0; text-align:center;}
.processBlock .inWrap{position:relative;margin:20px auto 40px;max-width:1200px;padding:0 20px;}
.bgCross{background:#e9efee}
.processBlock h5{font-size:32px;font-weight:bold;color:#6a7bc6;padding:0px;text-align:left;padding:0 60px;}
.processBlock h6{font-size:20px;font-weight:bold;color:#000;padding:0px;text-align:left;padding:0 60px;margin-top:40px;}
.processBlock p{font-size:15px;line-height:1.8;text-align:left;padding:10px 60px;}
.processBlock .processStepWrap{padding:0 60px;}
.processBlock .processStep{overflow:hidden;margin:20px auto;}
.processBlock .processStep li{width:18%;min-height:283px;margin:0.5% 1%;float:left;text-align:center;padding:10px;}
.processBlock .processStep .num{font-size:18px;font-weight:bold;color:#6a7bc6;padding:10px 0;}
.processBlock .processStep .thum{margin:0 auto;text-align:center;}
.processBlock .processStep .thum img{width:90%;margin:0 auto;}
.processBlock .processStep .title{font-size:15px;color:#000;padding:15px 0;font-weight:bold;}
.processBlock .processStep .script{font-size:11px;color:#333;}

h4.corpTitle{font-size:28px;font-weight:bold;color:#6a7bc6;margin:0 auto;padding:0;}
.introBtnWrap{overflow:hidden;}
.introBtnSet{cursor:pointer;margin:0px auto;border:1px solid #dedede;}
.introBtnSet:hover{border:1px solid #6a7bc6;}
.introBtnSet.col1{float:none;margin:2% auto;}
.introBtnSet.col2{float:left;width:48%;margin:2% 4% 2% 0;}
.introBtnSet.col2:nth-child(3n+1){margin-left:0 !important;}
.introBtnSet.col2:nth-child(2n+1){margin-right:0 !important;}
.introBtnSet.col3{float:left;width:31.1%;margin:1%;}
.introBtnSet.col2 .thum, .introBtnSet.col3 .thum{height:196px;}
.introBtnSet.col2 .thum img, .introBtnSet.col3 .thum img{width:100%;height:100%;}
.introBtnSet .thum{height:274px;overflow:hidden;position:relative;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.introBtnSet .thum img{width:100%;height:auto;}
.introBtnSet:hover .thum img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.introBtnSet:hover .thum:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);content:'';z-index:1;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.introBtnSet .title{font-size:17px;color:#6a7bc6;padding:15px 0 15px 12px;font-weight:bold;text-align:left;}
.introBtnSet .title i{position:relative;top:-1px;left:5px;font-size:12px !important;}
.introBtnSet .script{font-size:15px;color:#333;padding:0px 0 15px 12px;}

.introBtnSet .introBtnSetInMenu{overflow:hidden;padding:20px;}
.introBtnSet .introBtnSetInMenu li{border-top:1px solid #eee;float:left;width:48%;padding:20px 5px;position:relative;}
.introBtnSet .introBtnSetInMenu li:nth-child(2n+2) {float:right;}
.introBtnSet .introBtnSetInMenu li a{font-size:13px;}
.introBtnSet .introBtnSetInMenu li a i{position:absolute;top:23px;right:10px;font-size:12px !important;}


.btnsInner{margin:auto; max-width:1024px;width:100%;}
.movieThum{width:20%;margin:1%;display:inline-block;line-height:2.2;text-align:center;}
.movieThum img{max-width:100%;}

.sign{text-align:right;padding:50px 0;}


.profileTable{width:100%;border-top:1px solid #eee;margin:0 auto;}
.profileTable tbody th{text-align:left;padding:28px 20px;border-bottom:1px solid #eee;font-size:13px;}
.profileTable tbody td{text-align:left;padding:28px 20px;border-bottom:1px solid #eee;font-size:13px;line-height:1.5;}

.policyTable{width:100%;border-top:1px solid #eee;margin:0 auto;}
.policyTable tbody th{text-align:left;padding:28px 20px;border-bottom:1px solid #eee;font-size:15px;}
.policyTable tbody td{text-align:left;padding:28px 20px;border-bottom:1px solid #eee;font-size:15px;line-height:1.5;}

.mapTable{width:80%;margin:0 auto;border-top:1px solid #eee;}
.mapTable tbody th{text-align:left;padding:28px 20px;border-bottom:1px solid #eee;font-size:13px;line-height:1.8;}
.mapTable tbody td{text-align:left;padding:28px 20px;border-bottom:1px solid #eee;font-size:13px;line-height:1.8;}
.mapTable a{font-weight:bold;}

.officeWrap{}
.officeWrap .objOfficeBlock{overflow:hidden;padding:15px 0 25px;border-bottom:1px solid #eee;}
.officeWrap .objOfficeBlock .thum{width:240px;height:180px;float:left;}
.officeWrap .objOfficeBlock .thum img{width:240px;height:180px;}
.officeWrap .objOfficeBlock dl{width:calc(100% - 240px);float:right;text-align:left;padding:0 30px;}
.officeWrap .objOfficeBlock dl dt{font-size:15px;font-weight:bold;padding:5px 0 10px;}
.officeWrap .objOfficeBlock dl dd{font-size:14px;line-height:1.8;margin:15px auto;}
.officeWrap .objOfficeBlock dl dd a{font-size:12px;}
.officeWrap .objOfficeBlock dl dd a i{position:relative;top:0px;left:5px;}

.officeHalf{overflow:hidden;margin:0px auto 50px;}
.officeHalf  dl{width:49%;float:left;text-align:left;padding:20px 0px;margin-right:2%;border-bottom:1px solid #eee;overflow:hidden;}
.officeHalf  dl:nth-child(2n+2){margin-right:0 !important;}
.officeHalf  dl dt{font-size:15px;font-weight:bold;padding:5px 0 10px;}
.officeHalf  dl dd{font-size:13px;line-height:1.8;margin:15px auto;}
.officeHalf  dl dd a{font-size:12px;}
.officeHalf  dl dd a i{position:relative;top:0px;left:5px;}

.reportWrap{}
.reportWrap .reportList{}
.reportWrap .reportList.col1{float:none;margin:2% auto;}
.reportWrap .reportList.col2{float:left;width:48%;margin:4% 4% 4% 0;}
.reportWrap .reportList.col2:nth-child(3n+1){margin-left:0 !important;}
.reportWrap .reportList.col2:nth-child(2n+2){margin-right:0 !important;}
.reportWrap .reportList dl{overflow:hidden;}
.reportWrap .reportList.col1 dt{width:calc(100% - 200px);float:right;font-weight:bold;font-size:18px;padding:105px 0 10px 10px;}
.reportWrap .reportList.col1 dt a{background:url('/img/comm/icon-pdf.jpg') no-repeat 0 5px;background-size:19px 19px;padding:5px 5px 5px 25px;}
.reportWrap .reportList.col1 dd{width:200px;float:left;text-align:left;}
.reportWrap .reportList.col2 dt{width:calc(100% - 100px);float:right;font-weight:bold;font-size:13px;padding:10px 0 10px 10px;}
.reportWrap .reportList.col2 dt a{background:url('/img/comm/icon-pdf.jpg') no-repeat 0 3px;background-size:19px 19px;padding:4px 5px 5px 25px;}
.reportWrap .reportList.col2 dd{width:100px;float:left;text-align:left;}
.reportWrap .reportList.col1 img{height:254px;}
.reportWrap .reportList.col2 img{height:140px;}

.get-adobe{overflow:hidden;margin:30px auto;clear:both;}
.get-adobe .get-adobe__img{width:158px;float:left;padding-top:30px;}
.get-adobe .get-adobe__content{width:calc(100% - 158px);float:left;padding:20px;}
.get-adobe .get-adobe__content p{font-size:12px !important;}
.get-adobe .get-adobe__content a{padding-top:10px;display:inline-block;}


.boardListTb{width:100%;margin:0 auto;border-top:1px solid #333;}
.boardListTb thead th{}
.boardListTb tbody th{}
.boardListTb tbody td{padding:21px 0;font-size:13px;color:#999;border-bottom:1px solid #eee;}
.boardListTb tbody td.num, .boardListTb tbody td.date{text-align:center;font-size:13px;color:#999;}
.boardListTb tbody td a{font-size:15px;}
.boardListTb tbody td a:hover{}
.txt_cut {text-overflow:ellipsis !important; overflow:hidden !important; white-space:nowrap !important;}

.boardViewTb{width:100%;margin:0 auto;border-top:1px solid #333;}
.boardViewTb tbody td{padding:21px 0;font-size:15px;color:#555;border-bottom:1px solid #eee;word-break:break-all;}
.boardViewTb tbody td.title{padding:0 0 20px 20px;font-size:20px;text-align:left;color:#333;line-height:30px;word-break:break-all;}
.boardViewTb tbody td.num, .boardViewTb tbody td.date{text-align:center;font-size:13px;color:#999;}
.boardViewTb .file{font-size:13px;color:#6a7bc6;font-weight:normal;letter-spacing:-1px;padding:5px 5px 5px 22px;margin:0 0.5%;display:inline-block;background:url('/img/bul/btn_cate_modify.png') no-repeat 0 50%;}
.boardViewTb .file:hover{text-decoration:underline;}

.dataTable{width:100%;margin:0 auto;}
.dataTable thead th{border:1px solid #dedede;text-align:center;font-size:13px;font-weight:bold;vertical-align:middle;height:38px;background:#f5f5f5;}
.dataTable tbody th{border:1px solid #dedede;text-align:center;font-size:13px;font-weight:bold;vertical-align:middle;height:38px;}
.dataTable tbody td{border:1px solid #dedede;text-align:center;font-size:13px;vertical-align:middle;height:38px;}

.pagenate{text-align:center;margin:30px auto;line-height:27px;}
.pagenate a{padding:8px 10px;text-align:center;font-size:13px;color:#333;border:1px solid #eee;font-weight:normal;background:#fff;}
.pagenate a:hover{background:#fff;color:#6a7bc6;border:1px solid #6a7bc6;}
.pagenate a.now{background:#6a7bc6;color:#fff;border:1px solid #6a7bc6}

.paginate{text-align:center;margin:30px auto;line-height:27px;}
.paginate a{padding:8px 10px;text-align:center;font-size:13px;color:#333;border:1px solid #eee;font-weight:normal;background:#fff;}
.paginate a:hover{background:#fff;color:#6a7bc6;border:1px solid #6a7bc6;}
.paginate a.on{background:#6a7bc6;color:#fff;border:1px solid #6a7bc6}


.galleryListWrap{clear:both;overflow:hidden;}
.galleryListWrap .galleryList{width:30.3%;margin:2% 1.5%;float:left;cursor:pointer;position:relative;}
.galleryListWrap .galleryList:hover dd.thum img{-webkit-transform: scale(1.2);transform: scale(1.2);transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.galleryListWrap .galleryList:hover dt{text-decoration:underline;}
.galleryListWrap .galleryList dt{padding:15px 5px 10px 5px;font-size:13px;}
.galleryListWrap .galleryList dt .blockLink{display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.galleryListWrap .galleryList dd.thum{width:100%;height:189px;overflow:hidden;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.galleryListWrap .galleryList dd.thum img{width:100%;height:100%;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.galleryListWrap .galleryList dd.date{font-size:12px;color:#888;text-align:center;padding:0 5px}












/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@ ↑ ↑ ↑ ↑   레이아웃용CSS  ↑ ↑ ↑ ↑@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@ ↓ ↓ ↓ ↓   각종 효과 분리  ↓ ↓ ↓ ↓ @@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* @@@@@@@@@@@@@@ 애니메이션 효과 // 별도관리 블럭 @@@@@@@@@@@@@@ */
/* 마우스 오버시 로테이트 애니메이션 // 마우스오버시 addClass rotate-center 처리, 아웃시 removeClass */
.rotate-center{animation:rotate-center .3s ease-in-out forwards}
.rotate-center-reverse{animation:rotate-center-reverse .3s ease-in-out forwards}
@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes rotate-center-reverse{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}

/* 마우스 오버시 우측이동 애니메이션   // 마우스오버시 addClass rotate-right 처리, 아웃시 removeClass*/
.slide-right{animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) forwards}
.slide-right-reverse{animation:slide-right-reverse .5s cubic-bezier(.25,.46,.45,.94) forwards}
@keyframes slide-right{0%{transform:translateX(0)}100%{transform:translateX(20px)}}
@keyframes slide-right-reverse{0%{transform:translateX(20px)}100%{transform:translateX(0)}}


/* 마우스 오버시 스케일업 */
.scale-up-center {-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes scale-up-center {0% {-webkit-transform: scale(0.5);transform: scale(0.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes scale-up-center {0% {-webkit-transform: scale(0.5);transform: scale(0.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}

/* 마우스 오버시 젤로효과 */
.jello-horizontal{animation:jello-horizontal .5s forwards}
@keyframes jello-horizontal{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}

/* 마우스 오버시 바운스효과 */
.bounce-bottom{animation:bounce-bottom .9s forwards}
@keyframes bounce-bottom{0%{transform:translateY(45px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(24px);animation-timing-function:ease-in}65%{transform:translateY(12px);animation-timing-function:ease-in}82%{transform:translateY(6px);animation-timing-function:ease-in}93%{transform:translateY(4px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0);animation-timing-function:ease-out}100%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}}

/* 마우스 오버시 펄스 */
.pulsate-bck{animation:pulsate-bck .5s ease-in-out infinite forwards}
@keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}

.heartbeat{animation:heartbeat 1.5s ease-in-out infinite forwards}
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}

.rotate-scale-down{animation:rotate-scale-down .55s linear forwards}
@keyframes rotate-scale-down{0%{transform:scale(1) rotateZ(0)}50%{transform:scale(.5) rotateZ(180deg)}100%{transform:scale(1) rotateZ(360deg)}}

.rotate-vert-center{animation:rotate-vert-center .3s cubic-bezier(.455,.03,.515,.955) both}
@keyframes rotate-vert-center{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}

.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

/* 테스트용_마우스 오버시 오른쪽에서 왼쪽으로 배경색 슬라이드 // 적용시 기존 영역 안에 span 으로 추가하여 class 삽입*/
.slide-test{position:relative;z-index:2;}
.slide-test:after{content: '';position: absolute;background:rgba(255,255,255,0.1);width: 0;height: 100%;right: 0;top: 0;transition: width 0.3s ease;z-index:-1;}
.slide-test:hover:after{width: 100%;}

.slide-test2{position:relative;z-index:2;}
.slide-test2:after{content: '';position: absolute;background:rgba(96,139,238,0.2);width: 0;height: 100%;right: 0;top: 0;transition: width 0.3s ease;z-index:-1;border-radius:1000px;}
.slide-test2:hover:after{width: 100%;}

/* 버튼 클릭시 클릭 효과부여 // 적용시 기존 버튼 class 에 rippleripple 만 추가 */
.rippleripple {position: relative;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;text-decoration: none;overflow: hidden;cursor: pointer;}
.rippleripple:after {content: "";background:rgba(255,255,255,0.3);display: block;position: absolute;padding-top: 300%;padding-left: 350%;margin-left: -20px !important;margin-top: -120%;opacity: 0;transition: all 0.8s}
.rippleripple:active:after {padding: 0;margin: 0;opacity: 1;transition: 0s}


/* 라인박스버튼 애니메이션추가 */
/* 사용 예)   // lineBoxBtn 안의 스타일은 변경 가능 // 마우스 오버시 사방형 라인생성 애니메이션
<a href="#" class="lineBoxBtn">
	애니메이션 버튼입니다.
	<span class="t"></span>
	<span class="r"></span>
	<span class="b"></span>
	<span class="l"></span>
</a>
*/
.lineBoxBtn{position:relative;padding:20px 50px;display:inline-block;}
.lineBoxBtn span.t { position:absolute; display:block; width:0; height:5px; top:0; left:0;background: rgb(0,134,244);background: -moz-linear-gradient(left,  rgb(0,134,244) 0%, rgb(25,170,106) 100%);background: -webkit-linear-gradient(left,  rgb(0,134,244) 0%,rgb(25,170,106) 100%);background: linear-gradient(to right,  rgb(0,134,244) 0%,rgb(25,170,106) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086f4', endColorstr='#19aa6a',GradientType=1 );}
.lineBoxBtn span.r { position:absolute; display:block; width:5px; height:0; top:0; right:0;background: rgb(25,170,106);background: -moz-linear-gradient(top,  rgb(25,170,106) 0%, rgb(250,156,71) 100%);background: -webkit-linear-gradient(top,  rgb(25,170,106) 0%,rgb(250,156,71) 100%);background: linear-gradient(to bottom,  rgb(25,170,106) 0%,rgb(250,156,71) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19aa6a', endColorstr='#fa9c47',GradientType=0 );}
.lineBoxBtn span.b { position:absolute; display:block; width:0; height:5px; bottom:0; right:0;background: rgb(206,70,137);background: -moz-linear-gradient(left,  rgb(206,70,137) 0%, rgb(250,156,71) 100%);background: -webkit-linear-gradient(left,  rgb(206,70,137) 0%,rgb(250,156,71) 100%);background: linear-gradient(to right,  rgb(206,70,137) 0%,rgb(250,156,71) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4689', endColorstr='#fa9c47',GradientType=1 );}
.lineBoxBtn span.l { position:absolute; display:block; width:5px; height:0; bottom:0; left:0;background: rgb(4,133,243);background: -moz-linear-gradient(top,  rgb(4,133,243) 0%, rgb(206,70,137) 100%);background: -webkit-linear-gradient(top,  rgb(4,133,243) 0%,rgb(206,70,137) 100%);background: linear-gradient(to bottom,  rgb(4,133,243) 0%,rgb(206,70,137) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0485f3', endColorstr='#ce4689',GradientType=0 );}
.lineBoxBtn:hover > span.t, .lineBoxBtn:focus > span.t { width:0; height:5px;animation-name: span-t;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-t {0% { width:0;}100% { width:100%;}}
.lineBoxBtn:hover > span.r, .lineBoxBtn:focus > span.r { width:5px; height:0;animation-name: span-r;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-r {0% { height:0;}100% { height:100%;}}
.lineBoxBtn:hover > span.b, .lineBoxBtn:focus > span.b {width:0; height:5px;animation-name: span-b;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-b {0% { width:0;}100% { width:100%;}}
.lineBoxBtn:hover > span.l, .lineBoxBtn:focus > span.l { width:5px; height:0;animation-name: span-l;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-l {0% { height:0;}100% { height:100%;}}

.lineBoxWhtBtn{position:relative;display:inline-block;z-index:5}
.lineBoxWhtBtn span.t { position:absolute; display:block; width:0; height:2px; top:0; left:0;background: #fff;z-index:5}
.lineBoxWhtBtn span.r { position:absolute; display:block; width:2px; height:0; top:0; right:0;background:#fff;z-index:5}
.lineBoxWhtBtn span.b { position:absolute; display:block; width:0; height:2px; bottom:0; right:0;background:#fff;z-index:5}
.lineBoxWhtBtn span.l { position:absolute; display:block; width:2px; height:0; bottom:0; left:0;background:#fff;z-index:5}
.lineBoxWhtBtn:hover > span.t, .lineBoxWhtBtn:focus > span.t { width:0; height:2px;animation-name: span-t;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-t {0% { width:0;}100% { width:100%;}}
.lineBoxWhtBtn:hover > span.r, .lineBoxBtn:focus > span.r { width:2px; height:0;animation-name: span-r;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-r {0% { height:0;}100% { height:100%;}}
.lineBoxWhtBtn:hover > span.b, .lineBoxBtn:focus > span.b {width:0; height:2px;animation-name: span-b;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-b {0% { width:0;}100% { width:100%;}}
.lineBoxWhtBtn:hover > span.l, .lineBoxBtn:focus > span.l { width:2px; height:0;animation-name: span-l;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-l {0% { height:0;}100% { height:100%;}}

/* 포인트강조 */
/* 시선집중 시키고 싶은 영역에 적용, 우측 상단에 반짝이는 붉은점 생성
	<div class="notifyAction"><span class="ani_heartbit"></span><span class="notiPoint"></span></div> 형식으로 사용
*/
.notifyAction {position: relative;right: -8px;top: -10px;}
.notifyAction .ani_heartbit {animation-name: ani_heartbit;animation-duration: 1s;animation-timing-function: ease-out;animation-iteration-count:infinite;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
border: 5px solid #f00000;border-radius: 70px;height: 25px;position: absolute;right: -4px;top: -20px;width: 25px;	z-index: 10;}
.notifyAction .notiPoint {background-color: #f00000;border-radius: 1000px;height: 5px;position: absolute;	right: 6px;top: -10px;width: 5px;}
@keyframes ani_heartbit {0% {opacity: 0;transform: scale(0);}25% {opacity: 0.1;transform: scale(0.1);}50% {opacity: 0.3;transform: scale(0.5);}75% {opacity: 0.5;transform: scale(0.8);}100% {opacity: 0;transform: scale(1);}}


/* CSS 스위치 */
/* <label class="switchBtn"><input type="checkbox" checked=""><span class="switchBtn-indicator"></span></label> */
.switchBtn {font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.switchBtn input {display: none;}
.switchBtn-indicator {position: relative;display: inline-block;width: 40px;height: 10px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.switchBtn input:checked ~ .switchBtn-indicator {background: #528fea;}/* CDEAFD    // after 398bf7*/
.switchBtn input:checked ~ .switchBtn-indicator::after {background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 18px);transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.switchBtn-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 20px;height: 20px;cursor: inherit;background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}


/* @@@@@@@@@@@@@@ // 애니메이션 효과   @@@@@@@@@@@@@@ */



/* @@@@@@@@@@@@@@ 폰트어썸 효과 @@@@@@@@@@@@@@ */

/* 폰트어썸 Checkbox */
/* <label class="fa-ckbox"><input type="checkbox"><span>Adidas</span></label> */
.fa-ckbox { font-weight: normal; position: relative; display: inline-block; line-height: 18px;cursor:pointer;height:18px;}
.fa-ckbox span { padding-left: 6px;}
.fa-ckbox span:empty { float: left;}
.fa-ckbox span:before, .fa-ckbox span:after { line-height: 18px; position: absolute;}
.fa-ckbox span:before { content: ''; width: 16px; height: 16px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 2px; top: 1px; left: 0;}
.fa-ckbox span:after { top: 1px; left: 0; width: 18px; height: 18px; content: '\f00c'; font-family: 'FontAwesome'; font-size: 9px; text-align: center; color: #fff; background-color: #6a7bc6; line-height: 17px; border-radius: 2px; display: none;}
.fa-ckbox input[type='checkbox'] { opacity: 0; margin: 0 5px 0 0;}
.fa-ckbox input[type='checkbox']:checked + span:after { display: block;}
.fa-ckbox input[type='checkbox'][disabled] + span,
.fa-ckbox input[type='checkbox'][disabled] + span:before,
.fa-ckbox input[type='checkbox'][disabled] + span:after { background:#dedede;}

/* 폰트어썸 Radio Box */
/* <label class="fa-rdiobox"><input name="rdio" type="radio"><span>Radio Unchecked</span></label> */
.fa-rdiobox {font-weight: normal;position: relative;display: inline-block;line-height: 18px;cursor:pointer;}
.fa-rdiobox span {padding-left: 6px;}
.fa-rdiobox span:before, .fa-rdiobox span:after {line-height: 18px; position: absolute;}
.fa-rdiobox span:before { content: ''; width: 16px; height: 16px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 50px; top: 2px; left: 0;}
.fa-rdiobox span:after { content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50px; top: 8px; left: 6px; display: none;}
.fa-rdiobox input[type='radio'] { opacity: 0; margin: 0 2px 0 0;}
.fa-rdiobox input[type='radio']:checked + span:before { border-color: transparent; background-color: #6a7bc6;}
.fa-rdiobox input[type='radio']:checked + span:after {  display: block;}
.fa-rdiobox input[type='radio'][disabled] + span,
.fa-rdiobox input[type='radio'][disabled] + span:before,
.fa-rdiobox input[type='radio'][disabled] + span:after {  opacity: .75;}

/* @@@@@@@@@@@@@@ // 폰트어썸 효과  @@@@@@@@@@@@@@ */