@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
*{margin:0; padding:0; list-style-type:none; }
html, body { font-family:"Apple SD Gothic Neo", Arial, sans-serif; font-size: 24px; color: #666; line-height: 36px; height: 100%; letter-spacing: -0.25px }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none;}
img{ vertical-align: top }
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
em,i,address {font-style:normal; font-weight:normal;}
td {}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table{ font-size:inherit;font-family:inherit;line-height:inherit; vertical-align: middle }/**font-size:100%;*/
select {-webkit-appearance:none; box-sizing:border-box; height:52px; font-size:18px; padding:5px 30px 5px 5px; border: 1px solid #ebebeb; background-color: #fff; }
.selWrap {position: relative;}
.selWrap:after {content: ""; display: block; width: 17px; height: 9px;  background:url(/eng/front/image/compass/ico_sel.png) 0 0 no-repeat; position: absolute; right: 10px; top:50%; margin-top:-5px;}
table{border-collapse:collapse}
table th,
table td { word-wrap:break-word; word-break: break-all;}
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
textarea { resize:none; }
label { cursor:pointer; }
/*a:visited { font-family: 'Nanum Gothic', sans-serif; color:#333; }
a:hover, a:active { font-family: 'Nanum Gothic', sans-serif; color:#333; text-decoration:none; }
*/
input[type="button"], input[type="text"], input[type="password"],input[type="image"],input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; border:none; box-sizing:border-box;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

input::-webkit-input-placeholder {color:#676767; font-size:18px;}

/* 여백 관련 */
.mt0{ margin-top: 0px !important }
.mt05{ margin-top: 5px !important }
.mt10{ margin-top: 10px !important }
.mt15{ margin-top: 15px !important }
.mt20{ margin-top: 20px !important }
.mt25{ margin-top: 25px !important }
.mt30{ margin-top: 30px !important }
.mt35{ margin-top: 35px !important }
.mt40{ margin-top: 40px !important }
.mt50{ margin-top: 50px !important }
.mt60{ margin-top: 60px !important }
.mt70{ margin-top: 70px !important }
.mt100{ margin-top: 100px !important }

.ml01{ margin-left: 1px !important }
.ml05{ margin-left: 5px !important }
.ml10{ margin-left: 10px !important }
.ml20{ margin-left: 20px !important }
.ml30{ margin-left: 30px !important }
.ml60{ margin-left: 60px !important }

.p0{ padding: 0px !important }
.pt05{ padding-top: 5px !important }
.pt10{ padding-top: 10px !important }
.pt15{ padding-top: 15px !important }
.pt25{ padding-top: 25px !important }
.pt40{ padding-top: 40px !important }
.pl10{ padding-left: 10px !important }
.pl20{ padding-left: 20px !important }
.pl14{ padding-left: 14px !important }
.pr10{ padding-right: 10px !important }
.pr15{ padding-right: 15px !important }

.bl {border-left: 1px solid #e1e1e1 !important}

.ls1 {letter-spacing: -1px;}

/* common */
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
.al{ text-align: left }
.am{ vertical-align: middle }

input.inpType01{box-sizing:border-box; height:52px; border: 1px solid red; font-size:18px; padding:5px 30px 5px 10px; border: 1px solid #ebebeb; vertical-align: middle}

.fileInpWrap{}
.file_form_area input,.file_form_area img{ vertical-align: middle }
.file_form_area input.inpType01{ padding-left: 10px; width: 228px }
.file_form_area input[type="file"]{ position: absolute; width: 124px; height:47px; margin-left:228px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:1; }
.file_form_area a.btn_sub{ cursor: pointer }


.skipNav,.hide { position:absolute;top:-9999px;left:-9999px;font-size:0;line-height:0; }
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden}
.clfix {display: inline-block}
.clfix {display: block}
* html .clfix {height: 1%} /* Hides from IE-mac */
.clfix {zoom: 1} /*for IE 5.5-7*/

.col-green{ color: #309408 }
.col-blue{ color: #425c83 }
.ovfTx {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; max-width: 80%; box-sizing:border-box;}
.icoNew {vertical-align: middle; margin-left:-3px;}
.chkInp{width:28px; height:28px;}
.deFont {font-size:18px; color:#000;}
.chkBx label {font-size:18px; color:#000; line-height: 45px; font-weight: normal; letter-spacing:-1px;}
.chkBx .colWrap {display: inline-block; margin-left:-3px;}
.chkBx.col03 .colWrap:nth-child(1) {width:130px; }
.chkBx.col03 .colWrap:nth-child(2) {width:150px; }
.chkBx.col03 .colWrap:nth-child(3) {width:130px; }


.viewAtc {margin-top: 40px;}
.viewAtc h3 img{vertical-align:middle}
.viewAtc h3 a{margin-left:31px;}
.viewAtc .downList {width: 736px; overflow: hidden;}
.viewAtc .downList ul {line-height: 0; font-size:0; *zoom:1; width: 740px; margin-left: -14px;}
.viewAtc .downList ul:after {content: ""; display: block; clear: both;}
.viewAtc .downList ul li {float: left; margin-left: 14px; margin-top: 10px; position: relative;}
.viewAtc .downList ul li .link {position: absolute; right: -5px; top: -5px;}
.viewAtc .downList ul li .icoT {position: absolute; right: -5px; top: -5px;}
.viewAtc .audioBx {border:1px solid #ebebeb; min-height: 100px; margin-top: 10px;}
.viewAtc .bookBx {border:1px solid #ebebeb; min-height: 100px; margin-top: 10px;}

/*************************************************************************************
 *																					 *
 *********************************** layout, main ************************************
 *																					 *
 *************************************************************************************/

#wrap{ width: 100% }
#wrap #container{ width: 640px; height: 100%; margin: 0 auto; overflow: hidden; position: relative }

#header{ width: 640px; text-align: center; position: relative; background-color: #273b53;}
#innerWrap{ position: relative; left: 0; top: 0; height: 100%; background: url(/m/image/common/bg_foot.png) repeat 0 0; }
.mainHeader{}
.mainHeader h1{}
.mainHeader .btnGnb{ position: absolute; right: 19px; top: 35px }
.mainHeader .btnHome{ position: absolute; left: 15px; top: 14px }
#gnb{ width: 468px; position: absolute; right: -468px; top: 0; height: 100%; background: #fff; border-top: 5px solid #273b53; }
#gnb .bg {width: 19px; height:100%; position: absolute; left:0; top:0; background: url(/eng/front/image/common/gnb_bg.png) repeat-y 0 0;}
#gnb ul{ }
#gnb ul ul{ display: none }
#gnb ul.gnbMenu >  li > a {display: block; height: 60px; line-height: 62px; padding-left: 19px; font-size:24px; color:#fff; background: #b2bb1c url(/eng/front/image/common/gnb_arr.png) no-repeat 428px 30px; border-bottom: 1px solid #d6d6d6;}
#gnb ul li li a{ display: block; height: 60px; line-height: 62px; padding: 0 0 0 19px; background-color: #eee; font-size:22px; color:#979797; border-bottom: 1px solid #d6d6d6;}
#gnb ul li.on a{font-weight: bold !important; color:#666;}
#mainSlide{ height: 868px; background: #fff; }
.mainBtn{ font-size: 0; line-height: 0 }
.mainBtn li{ float: left }

#content{ background: #fff }

.topScBx{position: relative; margin: 27px auto; width:602px; border:3px solid #b2bb1c; border-radius: 50px; height:66px; padding:0 0 0 33px; box-sizing:border-box;}
.topScBx .topScLab {position: absolute; left:33px; top:14px; color: #4d525a; font-size: 20px; font-weight: bold;}
.topScBx .btnTopSc {position: absolute; right:35px; top:14px;}
.topScBx .scBx {height: 60px; width: 490px; color: #333; font-size: 20px; padding-top:4px;}

.mainBtnWrap {padding: 6px 2px 40px;height: 62px;}
.mainBtnWrap .btnOn {background: url(/kor/front/image/main/btn_on.gif) repeat-x 0 100%;width:149px;height:62px;float:left;margin-left: 8px;text-align: center;}
.mainBtnWrap .btnOn a {font-size: 19px;font-weight: bold;line-height: 3em;color:#ffffff}

.mainBtnWrap02 {padding: 44px 19px 40px; background-color: #eeeeee;}
.mainBtnWrap02 a {display: block; position: relative; margin-top: 15px; height: 104px;}
.mainBtnWrap02 a img {position: absolute; left:0; top:0;}
.mainBtnWrap02 a img.btnOn {display: none}

#gnb .infoBx{text-align: center;}
#gnb .infoBx .gnbBtn {padding: 22px 0 37px;}

.mainVisual {padding: 0 0 37px; background: url(/eng/front/image/main/visual_gd.gif) repeat-x 0 100%;}
.mainVisual .swiper-button-prev{width: 60px; height: 60px;background: url(/eng/front/image/main/btn_left.png) no-repeat 0 0; }
.mainVisual .swiper-button-next{width: 60px; height: 60px;background: url(/eng/front/image/main/btn_right.png) no-repeat 0 0; }
.mainVisual .swiper-pagination-bullet {width: 19px; height: 18px; background: url(/eng/front/image/main/btn_off.png) no-repeat 0 0; opacity: 1}
.mainVisual .swiper-pagination-bullet-active { background: url(/eng/front/image/main/btn_on.png) no-repeat 0 0;}

.newBx {background-color: #353a3e; padding:16px 20px;}
.newBx h2 {float:left;font-size:26px; color:#aeafb0;font-weight: 700;}
.newBx a {float:left; max-width: 363px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; margin-left: 38px; font-size:20px;}
.newBx a strong {font-weight: bold; }
.newBx .ico {float:left; margin-left: 8px; margin-top: 2px;}

#footer {padding:31px 19px 55px; background-color: #212121; max-height:999999px; position: relative;}
#footer .footLink {color:#949494; font-size:20px; font-size:20px; font-weight: bold; }
#footer .footLink a {color:#949494; font-size:20px; font-size:20px; font-weight: bold; }
#footer .footSite {color:#949494; font-size:23px; font-weight: bold; margin-top: 7px;}
#footer .footSite a {color:#949494; font-size:23px; font-weight: bold; }
#footer address {color:#656565; font-size:18px; font-weight: bold; margin-top: 5px; line-height: 25px;}
#footer .copy {color:#656565; font-size:18px; font-weight: bold; margin-top: 8px;}
#footer .top {position: absolute; right: 19px; top: 0;}





/*************************************************************************************
 *																					 *
 ************************************** sub ******************************************
 *																					 *
 *************************************************************************************/
.topWrap {height:130px; border-bottom: 1px solid #e8e8e8; position: relative;}
.topWrap .path {position: absolute; left:20px; top:19px; font-size: 18px; color:#676767;}
.topWrap .path:before {content: ""; display:inline-block; width: 16px; height: 15px; background: url(/eng/front/image/common/ico_home.gif) no-repeat 0 0; margin-right: 7px;}
.topWrap .path strong {color:#000; font-weight: bold; vertical-align: middle;}
.topWrap h1 {padding-top: 68px; text-align: center; font-size:36px; color:#000; font-weight: bold; }
.contentInner {padding: 0 19px 110px; box-sizing:border-box; overflow: hidden; }
.contentInner h1 img,
.contentInner h2 img,
.contentInner h3 img,
.contentInner h4 img,
.contentInner h5 img {display: block;}

.tabList:after {content:""; display: block; clear: both;}
.tabList li {float:left; margin-bottom: 4px; }
.tabList li a {display: block; margin-left: 4px; height: 80px; box-sizing:border-box;display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; line-height: 23px; background-color: #f2f2f2; text-align: center; font-size:21px; letter-spacing: -1px;}
.tabList li a.on {background-color: #144176; color:#fff;}


.tabList.len02 li {width:50%}
.tabList.len02 li:first-child a {margin-left: 0;}

.tabList.len03 li {width: 33.33%}
.tabList.len03 li:first-child {width: 33.34%}
.tabList.len03 li:nth-child(3n+1) a {margin-left: 0;}

.tabList.len04 li {width: 25%}
.tabList.len04 li:nth-child(4n+1) a {margin-left: 0;}



.bx-prev.disabled, .bx-next.disabled {display: none !important; }
.slideListWrap {margin-top: 60px;}
.slideListWrap .slideTab{width:604px;margin:0 auto; position: relative; z-index:2}
.slideListWrap .slideTab li{float:left; width: 50%;}
.slideListWrap .slideTab li a{display: block; height:69px; line-height: 72px; box-sizing:border-box; text-align: center; border:1px solid #ebebeb; font-size:26px; color:#979797;}
.slideListWrap .slideTab li a.on{color:#000; background:url(/eng/front/image/compass/bg.gif) 0 0 repeat;}
.slideListWrap .slideTab li:first-child a{border-right: none;}
.slideListWrap .slideBx {height:386px; width:602px; margin:0 auto; border:1px solid #ebebeb; background:url(/eng/front/image/compass/bg.gif) 0 0 repeat; position: relative; z-index:1; margin-top:-1px; padding-top:58px; display: none;}
.slideListWrap #slide01.slideBx {display: block;}
.slideListWrap .slideBx .bxslider a img {box-shadow: 1px 1px 10px #e8e8e8; border:1px solid #a5a5a5;}
.slideListWrap .slideBx .bxslider li{width: 198px !important;}
.slideListWrap .slideBx .bx-viewport {height: 400px !important;}
.slideListWrap .slideBx .bxslider span,
.slideListWrap .slideBx .bxslider strong {display:block; text-align:center; font-size:18px; color:#000; line-height: 26px;}
.slideListWrap .slideBx .bxslider strong {padding-top: 15px;}
.slideListWrap .slideBx .bxslider a:hover span,
.slideListWrap .slideBx .bxslider a:hover strong {text-decoration:underline;}
.slideListWrap .slideBx .bx-controls .bx-prev,
.slideListWrap .slideBx .bx-controls .bx-next {position: absolute; top:166px; display:block; width: 25px; height: 50px;  overflow:hidden; text-indent:-9999px;}
.slideListWrap .slideBx .bx-controls .bx-prev {background:url(/eng/front/image/compass/btn_left.png) 0 0 no-repeat; left:28px;}
.slideListWrap .slideBx .bx-controls .bx-next {background:url(/eng/front/image/compass/btn_right.png) 0 0 no-repeat; right:28px;}

.prdInfoBx {padding:19px; border-top: 2px solid #818181; margin-top: 20px; border-bottom: 1px solid #ebebeb; position: relative; border-left:2px solid #fff; border-right:2px solid #fff;}
.prdInfoBx .img {float:left; width: 153px;}
.prdInfoBx .img img {border:1px solid #a5a5a5; box-shadow: 1px 1px 10px #e8e8e8;}
.prdInfoBx .info {float:right; width: 335px; }
.prdInfoBx .info .tit {font-size:26px; color:#454545; font-weight: bold; padding-bottom: 15px;}
.prdInfoBx .info .tx01 .colB {display:inline-block; *zoom:1; *display:inline; width:100px; color:#676767; vertical-align: top; font-size:18px; font-weight: normal;}
.prdInfoBx .info .tx01 span {display:inline-block; *zoom:1; *display:inline; width:215px; word-wrap: break-word; vertical-align: top; font-size:18px; font-weight: normal; color:#676767;}
.prdInfoBx .info .tx01 {font-size:14px; color:#676767; line-height: 23px; font-weight: bold; margin-top: 15px;}
.prdInfoBx .info .tx02 {font-size:12px; color:#676767; line-height: 20px; margin-top: 10px; height:40px; overflow: hidden;}
.prdInfoBx .info .btn {margin-top: 30px;}
.prdInfoBx .info .btn a {margin-left: -3px;}
.prdInfoBx .icon {padding-bottom: 10px;}
.prdInfoBx p.ar {margin-top: 17px; display:none;}
.prdInfoBx p.ar span {margin-right: 10px;}
.prdInfoBx table.tbListType01 {display:none;}

.prdInfoBx.btList {border:2px solid #144176;}
.prdInfoBx.btList .info .tit  {color: #144176;}
.prdInfoBx.btList .info .tx01  {color: #000;}
.prdInfoBx.btList table.tbListType01 {display:table;}
.prdInfoBx.btList p.ar {display:block;}
.prdInfoBx .btnWrap a {float: left;}
.prdInfoBx .btnWrap > a:first-child {margin-right: 8px;}
.prdInfoBx .btnWrap .buyBtn {float: left;}

.listSelBx {margin-top: 60px;}
.listSelBx:after {content: ""; display: block; clear: both;}
.listSelBx label{vertical-align: middle; color: #000; font-size:18px; padding-top: 10px; }
.listSelBx select{width: 350px;}

.paging {text-align: center;}
.paging a {display: inline-block; *zoom:1; *display:inline; vertical-align: middle; font-size:23px; }
.paging img {display: inline-block; *zoom:1; *display:inline; vertical-align: middle; font-size:0;}
.paging span {display: inline-block; *zoom:1; *display:inline; margin: 0 12px; vertical-align: middle; font-size:23px; }
.paging span a {display: inline-block; *zoom:1; *display:inline; height:49px; text-align: center; padding: 0 22px; border: 1px solid #ebebeb; line-height: 50px; color: #878787; font-size:23px;}
.paging span a.sel{ background-color: #555555; color:#fff; font-weight: bold;}

.viewList .prdInfoBx .info .tit  {color: #144176; padding-bottom: 10px;}
/*.viewList .prdInfoBx .btn  {padding-top: 8px;}*/

.viewList { border-top: 5px solid #144176; margin-top: 60px;}
.viewList .prdInfoBx {margin-top: 0; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-top: none; border-bottom: 1px solid #ebebeb;}
.viewList .img { width: auto; float:none; margin-top: 15px;}
.viewList .info { width: 100%; text-align: center;}
.viewList .icon { padding-top: 5px;}
.viewList .info .tit {font-size:30px;}
.viewList .info dl{zoom:1; color: #000; margin-top: 10px;}
.viewList .info dl:after{content: ""; display: block; clear: both;}
.viewList .info dl dt{float:left; clear:left; width: 111px; font-weight: bold;}
.viewList .info dl dd{display: table; width: 323px;}

.soundWra{border: 1px solid #ebebeb; margin-top: 20px; font-size:18px;}
.soundWra img{max-width:100%;width:auto;height:auto}
.bstBx{border: 1px solid #ebebeb; margin-top: 20px; padding: 30px; background-color: #fafafa; }
.bstBx .icoBx{position: relative; display:inline-block;}
.bstBx .icoBx .link {position: absolute; top: -20px; right: -20px;}

.bookBx .slideBx{position:relative; padding: 29px 0; border: 1px solid #ebebeb; margin-top: 20px;}
.bookBx .slideBx .bxslider a img {box-shadow: 1px 1px 10px #e8e8e8; border:1px solid #ccc;}
.bookBx .slideBx .bxslider span,
.bookBx .slideBx .bxslider strong {display:block; text-align:center; line-height: 26px; font-size:18px; color:#000;}
.bookBx .slideBx .bxslider strong {padding-top: 10px;}
.bookBx .slideBx .bxslider a:hover span,
.bookBx .slideBx .bxslider a:hover strong {text-decoration:underline;}
.bookBx .slideBx .bx-controls .bx-prev,
.bookBx .slideBx .bx-controls .bx-next {position: absolute; top:146px; display:block; width: 25px; height: 50px;  overflow:hidden; text-indent:-9999px;}
.bookBx .slideBx .bx-controls .bx-prev {background:url(/eng/front/image/compass/btn_left.png) 0 0 no-repeat; left:28px;}
.bookBx .slideBx .bx-controls .bx-next {background:url(/eng/front/image/compass/btn_right.png) 0 0 no-repeat; right:28px;}

h2 { position: relative; }
.apTx {position: absolute; left:225px; top:10px; font-size:18px; color:#000; font-weight: normal;}

.txBuy {font-size:20px; font-weight: bold; color:#000; margin-top: 30px;}

.offBx {border: 1px solid #ebebeb; border-top: 3px solid #144176; padding:40px 0 60px; margin-top: 30px; text-align: center;}

.bannList{overflow: hidden; margin-top: 30px;}
.bannList ul{}
.bannList ul li{float:left; text-align: center; margin-bottom: 61px; width: 33.33%; position: relative;}
.bannList ul li:nth-child(3n+1) {width: 33.34%;}
.bannList ul li:nth-child(3n+1) a {margin-left: 0;}

.bannList ul li a{display: block; border:1px solid #ebebeb; margin-left: 5px; }
.bannList ul li a img{display: block;  }
.bannList ul li a span{ color:#676767; padding-top: 7px; display: block; font-size:18px; position: absolute; display: block; width: 100%; top: 80px; left: 0;}

.historyWrap {margin-top: 60px; height:1810px; overflow: hidden;}
.historyInner .historyCont {margin-top: 60px;}
.historyInner .historyCont:first-child {margin-top: 0;}

.mapBx {border:1px solid #ebebeb; padding:9px; box-sizing:border-box;}
.locaTxBx {position: relative;}
.locaTxBx .callBtn {position: absolute; top:124px; right: 30px;}

.agBx{height: 169px; border:1px solid #ebebeb; border-top: 2px solid #144176; overflow-y: scroll; margin-top: 20px;}
.agBx.popAgBx{height: auto !important; border:none !important; margin-top: 0px;overflow-y:auto;}
.agBx .agInner{padding:20px;}
.agBx .agInner h1{margin-top:20px; font-size:28px; color:#333; }
.agBx .agInner h2{margin-top:25px; font-size:25px;}
.agBx .agInner h3{margin-top:23px; font-size:25px;}
.agBx .agInner h4{margin-top:20px; font-size:25px;}
.agBx .agInner p {margin-top:16px; font-size:24px;}
.agBx .agInner ul {margin-top:5px; font-size:24px;}
.agBx::-webkit-scrollbar{width:4px; background-color:#f1f1f1;}
.agBx::-webkit-scrollbar-thumb{background-color:#bcbcbc;}


.faq-wrap{ margin-top: 40px; word-break: break-all }
.faq-wrap dt{ border: 1px solid #ededee; border-left:none; border-top:none; background: url(/eng/front/image/customer/faq_bd_off.gif) repeat-y 0 0 }
.faq-wrap dt:first-child{border-top:1px solid #ededee;}
.faq-wrap dt a{ display: block; padding:13px 30px 12px 80px; font-size:20px; color:#676767; background: url(/eng/front/image/customer/faq_q.gif) no-repeat 22px 23px }
.faq-wrap dt.active{background: #144176 url(/eng/front/image/customer/faq_bd_on.gif) repeat-y 0 0; }
.faq-wrap dt.active a{ font-weight: bold; background: url(/eng/front/image/customer/faq_q_on.gif) no-repeat 22px 23px; color:#fff;}
.faq-wrap dd{ line-height:26px; font-size:20px; color:#144176; display: none;border-bottom: 1px solid #ededee; background: url(/eng/front/image/customer/faq_bd_off.gif) repeat-y 0 0}
.faq-wrap dd div{ background: url(/eng/front/image/customer/faq_a.gif) no-repeat 25px 34px;  padding: 30px 50px 30px 80px; }
.faq-wrap .blind {position: absolute; left:-99999px;}

.dropBx {border: 1px solid #e5e5e5; border-top:3px solid #273b53; margin-top: 60px;}
.dropBx .ac {padding:60px 0;}
.dropBx .dropInp {padding: 49px 21px; border-top: 1px solid #e5e5e5; position: relative;}
.dropBx .bnChk {font-size:18px; color:#000; padding-top: 2px;}
.dropBx .btnDrop {position: absolute; right: 21px; top: 49px;}
.dropBx .pwInp {margin-top: 12px;}
.shoppingList {border-top: 1px solid #e5e5e5; margin-top: 56px;}


.loginBx{border: 1px solid #e5e5e5; border-top:3px solid #273b53; margin-top: 60px; padding:80px 0; background: url(/eng/front/image/member/ico_login.gif) no-repeat 45px 80px}
.loginBx .bnChk {font-size:18px; color:#000; margin-top: 20px;}
.loginBx .loginBtn {margin-top: 53px; text-align: center;}
.loginBx .loginInp {padding-left: 183px;}
.loginBx .pwInp {margin-top: 10px;}
.loginList {line-height: 26px; margin-top: 35px;}
.loginList li {margin-top: 18px; font-size:18px; color:#676767; }
.loginList li:after {content: ""; display: block; clear: both;}
.loginList li:first-child {margin-top: 0;}
.loginList p {float: left;}
.loginList a {float: right;}


.joinBtn {margin-top: 60px;}
.joinBtn a {display: block; border:1px solid #e5e5e5; border-top:2px solid #144176; text-align: center; height:437px; box-sizing:border-box;}
.joinBtn > div {float:left; width: 50%;}
.joinBtn > div:first-child a {margin-right: 10px; padding-top: 61px;}
.joinBtn > div:last-child a {margin-left: 10px; padding-top: 50px;}
.joinBtn a img:last-child{margin-top: 40px;}
.joinChkTx {font-size:18px; color:#000; padding-top: 20px;}

.compBx { border:1px solid #e5e5e5; border-top:3px solid #144176; padding:60px 19px 75px; text-align: center; margin-top: 60px;}
.compBx .compPwBx {margin-top: 40px; height: 72px; box-sizing:border-box;display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; line-height: 22px; font-size:20px; border:1px solid #ebebeb; background-color: #fdfdfd; color:#676767;}
.compBx .compPwBx strong {font-weight: bold; color:#b2bb1c; text-decoration:underline; margin: 0 10px;}


.pwBx{border: 1px solid #e5e5e5; border-top:3px solid #273b53; margin-top: 60px; padding:102px 0 80px; background: url(/eng/front/image/member/img_pw.gif) no-repeat 42px 72px}
.pwBx .bnChk {font-size:18px; color:#000; margin-top: 20px;}
.pwBx .loginBtn {margin-top: 53px; text-align: center;}
.pwBx .loginInp {padding-left: 182px;}
.pwBx .pwInp {margin-top: 10px;}

.ciSlideBx{position: relative; height:370px; margin-top: 40px;}
.ciSlideBx .bx-wrapper{border:1px solid #e3e3e3; line-height: 0; font-size:0;}
.ciSlideBx .bx-pager{position: absolute; left:0; bottom:0;}
.ciSlideBx .bx-pager .bx-pager-item{float:left; margin-left: 5px; position: relative;}
.ciSlideBx .bx-pager .bx-pager-item:first-child {margin-left: 0;}
.ciSlideBx .bx-pager .bx-pager-item .bx-pager-link{display: block; border:1px solid #ebebeb; width: 94px; height: 94px; }
.ciSlideBx .bx-pager .bx-pager-item .bx-pager-link:after {content:""; display: none; width: 98px; height: 98px; box-sizing:border-box; border:2px solid #a3ac0b; position: absolute; left: -1px; top: -1px;}
.ciSlideBx .bx-pager .bx-pager-item .bx-pager-link.active:after {display: block;}
.ciSlideBx .bx-controls .bx-prev,
.ciSlideBx .bx-controls .bx-next {position: absolute; top:50%; display:block; width: 25px; height: 50px;  overflow:hidden; text-indent:-9999px;}
.ciSlideBx .bx-controls .bx-prev {background:url(/eng/front/image/company/btn_left.png) 0 0 no-repeat; left:29px; margin-top: -85px;}
.ciSlideBx .bx-controls .bx-next {background:url(/eng/front/image/company/btn_right.png) 0 0 no-repeat; right:29px; margin-top: -85px;}

.siteSec:after{content:""; display: block; clear: both;}
.siteSec{margin-top:50px;}
.siteSec .siteBx{float:left; width: 50%; padding:0 0 0 10px; box-sizing:border-box;}
.siteSec .siteBx:first-child{padding:0 10px 0 0;}
.siteSec .siteBx.last{padding-right: 0; background:none;}
.siteSec .siteBx h2{font-size:28px; letter-spacing: -1px; color:#000; line-height: 24px;}
.siteSec .siteBx > ul{border:1px solid #ebebeb; border-top: 2px solid #144176; width: 100%; margin-top: 20px; border-bottom: none;}
.siteSec .siteBx > ul > li {border-bottom: 1px solid #ebebeb;}
.siteSec .siteBx > ul > li > a{display: block; height:65px; line-height: 65px; color:#144176; font-size:20px; padding-left: 40px; background:url(/eng/front/image/etc/dot_site.gif) 19px 50% no-repeat; font-weight: bold; position: relative; }
.siteSec .siteBx > ul > li > a:before,
.siteSec .siteBx > ul > li > a:after {content: ""; display: block; position: absolute; border-radius: 50%}
.siteSec .siteBx > ul > li > a:before {width: 10px; height: 10px; background-color: #144176; left:20px; top:26px;}
.siteSec .siteBx > ul > li > a:after {width: 4px; height: 4px; background-color: #fff; left:23px; top:29px;}
.siteSec .siteBx > ul ul{background-color: #fcfcfc; padding:0 15px; }
.siteSec .siteBx > ul ul li a{display: block; height:39px; line-height: 37px; color:#676767; border-top: 1px dashed #e2e2e2; padding-left: 13px;}
.siteSec .siteBx > ul ul li:first-child a{border-top: none;}


.fixBg {position:fixed; left: 0; top: 0; background-color:transparent; width: 173px; height: 100%; z-index: 99999999999; display: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*************************************************************************************
 *																					 *
 ************************************** table ****************************************
 *																					 *
 *************************************************************************************/
.editTd {padding:0 !important;}
.tbListType01{ width: 100%; table-layout: fixed; border-top:2px solid #144176}
.tbListType01 thead th{ background: #fdfdfd ; padding: 12px 0 10px 0; height:64px; box-sizing:border-box; color:#363636; border-bottom: 1px solid #ebecec; border-right:1px solid #ebecec; font-size:20px; color:#333; line-height:22px;}
.tbListType01 thead th:first-child{ border-left: 1px solid #ebecec; }

.tbListType01 tbody th{background: #fdfdfd; padding: 12px 0 10px 0; color:#363636; border: 1px solid #ebecec; border-right:none; text-align:left; padding-left: 20px; font-size:20px; font-weight: bold; box-sizing:border-box;}

.tbListType01 tbody td{ padding: 14px 5px 12px 5px; text-align: center; border-bottom: 1px solid #ebecec; color:#000; border: 1px solid #ebecec;  font-size:20px; font-weight: normal; box-sizing:border-box; line-height:22px; }
.tbListType01 tbody td a{color:#333; vertical-align: middle; display:inline-block; word-wrap:break-word;}
.tbListType01 tbody td a:hover{text-decoration: underline;}
.tbListType01 tbody td.al{text-align: left; padding-left: 15px;}

.tbListType01.bbs thead th{padding: 12px 0 10px 0; font-size:13px;}
.tbListType01.bbs tbody td {padding: 12px 0 10px 0;}
.tbListType01.bbs tbody td.al{text-align: left; padding-left: 15px;}


.tbListType01.type02 thead th{ background: #f3f3f3 ; padding: 12px 0 10px 0; color:#363636; border-bottom: 1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:13px; color:#000;}
.tbListType01.type02 thead th:first-child{ border-left: 1px solid #d7d7d7; font-size:13px; color:#000;}
.tbListType01.type02 tbody th{ background: #fdfdfd ; padding: 12px 0 10px 0; color:#363636; border-bottom: 1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.tbListType01.type02 tbody th.al{text-align: left; padding-left: 15px;}
.tbListType01.type02 tbody td{ padding: 10px 0 8px 0; text-align: center; border-bottom: 1px solid #d7d7d7; font-size:12px; color:#000;  border-right:1px solid #d7d7d7;}
.tbListType01.type02 tfoot th{ padding: 12px 0 10px 0; color:#2376a8; border-bottom: 1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.tbListType01.type02 tfoot td{ padding: 10px 0 8px 0; text-align: center; border-bottom: 1px solid #d7d7d7; font-size:12px; color:#2376a8;  border-right:1px solid #d7d7d7;}

.tbListType01.type02.bbsView tbody th{padding: 14px 0 12px 15px; text-align: left; font-size:13px;}
.tbListType01.type02.bbsView tbody td {padding: 12px 0 10px 15px; text-align: left;}
.tbListType01.type02.bbsView tbody td.editView img {max-width:100%;}


.tbListType01.type03 {border-right:1px solid #d7d7d7;}
.tbListType01.type03 tbody td{border-right:none; text-align:left; padding-left: 15px;}
.tbListType01.type03 tbody td label{vertical-align: middle}
.tbListType01.type03 tbody td input{vertical-align: middle}


.tbListType02{ width: 100%; table-layout: fixed; border-top:2px solid #144176; font-size:20px; line-height: 23px;}
.tbListType02 th{ background: #fdfdfd ; padding: 12px 0 10px 15px; color:#154275; border-bottom: 1px solid #ebecec; border-right:1px solid #ebecec; border-left: 1px solid #ebecec; text-align:left; font-weight: normal;line-height: 25px;}
.tbListType02 td{ padding: 6px 0 6px 15px; border-bottom: 1px solid #ebecec; border-right: 1px solid #ebecec; color:#363636; font-size:18px;}
.tbListType02 td.edit{padding: 6px; border-bottom: 1px solid #ebecec; border-right: 1px solid #ebecec; border-left: 1px solid #ebecec; color:#363636; font-size:18px;}


.tbListType02 td.tdGtpd {padding:15px;}

.tbListType01 td img,
.tbListType02 td img {max-width:100% !important}

#book_intro{width:602px; }
#book_intro .book_in{width:602px; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#book_intro .book_in th{background:#f5f5f5; border:1px solid #fff;}
#book_intro .book_in th.hei{height:40px; width:130px;}
#book_intro .book_in td{height:27px; text-align:center;}

#book_intro .book_under{width:602px; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#book_intro .book_under th{ width:132px; height:30px; background:#f5f5f5; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#book_intro .book_under td.cont{width:494px; vertical-align:top; padding:7px 0 5px 0;}
#book_intro .book_under td.point{width:26px; text-align:center;  vertical-align:top; padding-top:10px;}