@charset "utf-8";
/* All Device */
* {margin:0; padding:0; box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0;color:#333; font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;font-weight:normal;font-size:16px;line-height: 1.25em;-webkit-text-size-adjust:none;}/*사파리 회전시 폰트 크기 고정하기*/
ul, ol, li{list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0; font-size:1em;}
fieldset, img {margin:0; padding:0; border:0; vertical-align:top;}
legend, caption {font-size:0; line-height:0; text-indent:-9999px}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
em, address {font-style:normal}
a {color:#141315; cursor:pointer;}
a, a:link, a:visited, a:active {font-style:normal; text-decoration:none; cursor:pointer;}
a:hover, a:focus {/*color:#141315;*/ text-decoration:none; cursor:pointer;/*  transition-duration:.5s */}
input {padding:5px;}
input[type='checkbox'], input[type='radio'] {margin: 3px 5px 0 0;padding:0px;border:0\9;} /* ie */
input[type='button'] {cursor:pointer;}
textarea[readonly],
input[readonly],
input[disabled],
select[disabled] {background:#f2f2f2;}
button {/* display:inline-block; */overflow:visible;cursor:pointer;/* font-family:"NGNormal"; */font-size:14px;line-height:1.5em;text-align:center;border:0;background:transparent;transition-duration:.5s;}
button[disabled] {color:#888 !important; border:1px solid #ccc !important; background-color:#e8e8e8 !important}
label {position:relative;}
label,label span {display:inline-block; vertical-align:top}
label span {margin-right:10px;font-size:0.9em;}
label span + span {margin-left:-10px;}
label span + span + span {margin-left:-10px;}
input[type=text], input[type=password], input[type=search], input[type=email] {height:40px; padding:10px 5px; background:#fff; border:1px solid #c4c4c4; border-radius:3px;}
input[type="search"] {box-sizing:border-box;}
textarea {padding:15px; border:1px solid #ccc; border-radius:3px;}
select {height:40px; padding:0 0 0 5px; line-height:45px; border:1px solid #ccc; border-radius:3px;}

i {font-style:normal;}
*:focus { outline: 0;}
.red  { color:#cd0506;}
.clear		{clear:both; display:block; float:none;}

.w33p {width:33%;}
.w34p {width:34%;}
.w33p {width:33%;}
.w63p {width:63%;}
.w48p {width:48%;}
.w50p {width:50%}

.pdr5 {padding-right:5px;}

.f11 {font-size: 11px;}
.f12 {font-size: 12px;}

.m10 {margin:10px !important;}

.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt30 {margin-top:30px}
.mt35 {margin-top:35px}
.mt40 {margin-top:40px}
.mt45 {margin-top:45px}
.mt50 {margin-top:50px}
.mt55 {margin-top:55px}
.mt60 {margin-top:60px}
.mt65 {margin-top:65px}
.mt70 {margin-top:70px}
.mt75 {margin-top:75px}
.mt80 {margin-top:80px}
.mt85 {margin-top:85px}
.mt90 {margin-top:90px}
.mt95 {margin-top:95px}
.mt100 {margin-top:100px}

.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px}
.mb40 {margin-bottom:40px}
.mb45 {margin-bottom:45px}
.mb50 {margin-bottom:50px}
.mb55 {margin-bottom:55px}
.mb60 {margin-bottom:60px}
.mb65 {margin-bottom:65px}
.mb70 {margin-bottom:70px}
.mb75 {margin-bottom:75px}
.mb80 {margin-bottom:80px}
.mb85 {margin-bottom:85px}
.mb90 {margin-bottom:90px}
.mb95 {margin-bottom:95px}
.mb100 {margin-bottom:100px}

.ml0 {margin-left:0px !important}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.ml35 {margin-left:35px}
.ml40 {margin-left:40px}
.ml45 {margin-left:45px}
.ml50 {margin-left:50px}
.ml55 {margin-left:55px}
.ml60 {margin-left:60px}
.ml65 {margin-left:65px}
.ml70 {margin-left:70px}
.ml75 {margin-left:75px}
.ml80 {margin-left:80px}
.ml85 {margin-left:85px}
.ml90 {margin-left:90px}
.ml95 {margin-left:95px}
.ml100 {margin-left:100px}



.mr0 {margin-right:0px !important}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr30 {margin-right:30px}
.mr35 {margin-right:35px}
.mr40 {margin-right:40px}
.mr45 {margin-right:45px}
.mr50 {margin-right:50px}
.mr55 {margin-right:55px}
.mr60 {margin-right:60px}
.mr65 {margin-right:65px}
.mr70 {margin-right:70px}
.mr75 {margin-right:75px}
.mr80 {margin-right:80px}
.mr85 {margin-right:85px}
.mr90 {margin-right:90px}
.mr95 {margin-right:95px}
.mr100 {margin-right:100px}

/* font color */
.fc01 {color:#000 !important}
.fc02 {color:#ff5a00 !important}
.fc03 {color:#777 !important}
.fc04 {color:#004694 !important}

/* common style */
.full {width:100%;}
.fl {float:left;}
.fr {float:right;}

.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.b {font-weight: bold;}

/* button */
.btnswrap {overflow:hidden; width:100%; padding-bottom:5px; text-align:center;}
.btnswrap .btn {margin-right:0px}
.btnswrap.full2 .bt:first-child {float:left; width:48%; margin:0px;}
.btnswrap.full2 .bt:last-child {float:right; width:48%; margin:0px;}
.btnswrap.full2 .bt.large {padding:0px;}
.bt {display:inline-block; margin-right:10px; padding:0px; font-family:"NGBold"; text-align:center; border:1px solid #ccc; background:#fff; border-radius:5px; cursor:pointer; vertical-align:top;}
.bt.bt01 {color:#fff; border-color:#13395d; background:#13395d;}
.bt.bt02 {color:#666; border-color:#666; background:#fff;}
.bt.bt03 {color:#fff; border-color:#b79845; background:#b79845}
.bt.bt04 {color:#fff; border-color:#434343; background:#434343}
.bt.bt05 {color:#fff; border-color:#00418f; background:#00418f}
.bt.bt06 {color:#fff; border-color:#736357; background:#736357}
.bt.bt07 {color:#fff; border-color:#49a320; background:#49a320}
.bt.bt08 {color: #ddd;border-color: #5b5e60;background: #373a3e;}
.bt.large {/* height:42px; */padding: 10px 20px !important;/* line-height:1em; */overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bt.medium {padding:0 15px; line-height:2.5em;}
.bt.small {padding:0 10px; line-height:2em;}
.bt input[type='checkbox'], .btn input[type='radio'] {margin:9px 0px 0 0; vertical-align:top;}
.header_btn {float: right;margin: 13px 13px 0 0; font-size: 12px; border-radius: 1px; color: #EBEBEB; background: ; border: 1px solid #eee;padding: 2px 10px;}

/***************** 
common : layout
*****************/
body, html{ overflow-x:hidden }
div.wrap{ position:relative; width:100%;}

/* 헤더:공통 */
header.top { position:relative; min-height:50px; overflow:hidden; }
header.top h1{/* background:url(../img/common.png) no-repeat 40% 0%; */width: 150px;height:28px;background-size:145px;position:absolute;left:50%;margin-left:-60px;top:13px;color: #fff;}
header.top h1 a{display:block;height:25px;color: #fff;font-size: 20px;letter-spacing: -1px;font-weight: bold;}
header.top h2{  width:120px; height:25px; background-size:120px;font-weight:bold;position:absolute; left:50%; margin-left:-20px; top:5px; color:#fff;font-size:auto;}
header.top h2 a{ display:block;  height:25px;color:#fff;font-size:1.5em;}
header.top h3{  width:px; height:25px; background-size:120px;font-weight:bold;position:absolute; left:35%; text-align:center; top:13px; color:#fff;font-size:auto;}
header.top h3 a{ display:block;  height:25px;color:#fff}
header.toph_bg { background:#13395d; }
header.toph_bg02 { background:#fff; border-bottom:1px solid #b8b8b8;border-top:2px solid #b8b8b8; color:#404040:}
header.toph_bg02 span{  width:120px; height:25px; background-size:120px;font-weight:bold;position:absolute; left:50%; margin-left:-20px; top:13px; color:#404040;font-size:auto;}
header.toph_line { border-bottom:1px solid #b8b8b8; background-color:#fff;}


/* s:layout */
.open-aside, .open-aside body {overflow:hidden; height:100%;}
/* Aside Menu */
#aside {display:inline-block;position:absolute;left: -80%;top:0px;z-index: 1000000002;width: 70%;height:100%;background:#2d2e2e;}
#aside_cate {position:absolute; top:0px; bottom:0px; width:100%; overflow-y:auto;}
#aside_cate li a {position:relative;display:block;padding:8px 13px;color:#fff;font-family:"NGBold";line-height:30px;/* border-top:1px solid #535353; */border-bottom:1px solid #1d1d1d;vertical-align:top;background: #014694;}
#aside_cate li .subtit.active {background: #014694;border-top: 1px solid #014694;border-bottom:1px solid #0c233d;}
#aside_cate li i {width:30px; height:30px; margin-right:10px; vertical-align:top; background-color:#013167; border-radius:50%;}
#aside_cate li ul li a {padding-left: 30px;border-top:1px solid #606060;border-bottom:1px solid #242424;background:#454545;}
#aside_cate li ul li a:hover {background:#37363a}
#aside_cate .depth {display:block; position:absolute; top:17px; right:20px; z-index:10; width:8px; height:8px; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
#aside_cate .subtit.active .depth {top:20px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#aside_cate .arowR {display:block;position:absolute;top:19px;right:20px;z-index:10;width:8px;height:8px;border-top:2px solid #fff;border-left:2px solid #fff; -webkit-transform:rotate(-222deg);-moz-transform:rotate(-222deg);-ms-transform:rotate(-222deg);-o-transform:rotate(-222deg);transform:rotate(-222deg)}
/*close button*/
#aside_close {display:none; right:-48px;}
#aside_close:before, #aside_close:after{background-color:#a3a4a6;}
.close {position:absolute;top:0px;width:48px;height:48px;}
.close:before,
.close:after {display:block; content:""; position:absolute; top:22px; left:14px; width:20px; background-color:#a3a4a6; background-size:contain;}
.close:before {height:2px; -webkit-transform:rotate3d(0, 0, 1, 135deg); -moz-transform:rotate3d(0, 0, 1, 135deg); -ms-transform:rotate3d(0, 0, 1, 135deg); -o-transform:rotate3d(0, 0, 1, 135deg); transform:rotate3d(0, 0, 1, 135deg);}
.close:after {height:2px; -webkit-transform:rotate3d(0, 0, 1, 45deg); -moz-transform:rotate3d(0, 0, 1, 45deg); -ms-transform:rotate3d(0, 0, 1, 45deg); -o-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg);}

/* Header */

header .menu {position:absolute; left:10px; top:11px;}
.sprite.cate{width:27px;height:27px;background-image: url(../img/allmenu.png);background-size: cover;}
.sprite {display:inline-block; background-image:url(../img/common.png); background-repeat:no-repeat; background-size:320px auto; vertical-align:top;}




/* 헤더:리스트 */
header.top_list{ position:relative; min-height:45px; background:#fff; overflow:hidden; }
header.top_list h1{ background:url(../img/common.png) no-repeat 0 0; width:120px; height:25px; background-size:120px; position:absolute; left:50%; margin-left:-60px; top:13px}
header.top_list h1 a{ display:block;  height:25px}
header.top_list { position:relative; min-height:45px; background:#0056b8; overflow:hidden; }
header.top_list h2{  width:120px; height:25px; background-size:120px;font-weight:bold;position:absolute; left:50%; margin-left:-20px; top:13px; color:#fff;font-size:auto;}
header.top_list h2 a{ display:block;  height:25px;color:#fff}
/* 마이페이지 */
.right_m {background-attachment:scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/mypage_png.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height: 40px;left: auto;position: absolute;right: 0;width: 30px;}
.right_m01 {background-attachment:scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/mypage_png02.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height: 40px;left: auto;position: absolute;right: 0;width: 30px;}
.right_m_on {background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/mypage_on.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height: 40px;left: auto;position: absolute;right: 0;width: 30px;}
.header-button {
 color: #dbf5ff;
 display: block;
 font-size: 12px;
 font-weight: bold;
 height: 28px;
 line-height: 28px;
 margin-bottom: 3px;
 margin-left: 0;
 margin-right: 3px;
 margin-top: 10px;
 padding-bottom: 0;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 0;
 position:
 relative;
 text-shadow: 0 -1px black;
 z-index: 1;
 }
.header-button.right {float: right;}
/*sns:즐겨찾기 좋아요 공유하기 */
.right_liked {background-attachment:scroll;background-clip:border-box;background-color: transparent;background-image: url("../img/cheom_liked.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height:px;left: auto;position: absolute;right: 0;width:40px;}
.right_liked02{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-origin:padding-box;background-position:center center;background-repeat:no-repeat;background-size:25px 25px;display:block;height:px;left:auto;position:absolute;right:35px;width:40px}
.right_liked03 {background-attachment:scroll;background-clip:border-box;background-color: transparent;background-image: url("../img/cheom_liked03.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height:px;left: auto;position: absolute;right:90px;width:40px;}
.right_liked02_t {width:28px; height:28px;float:right;padding-top:8px; margin-right:55px}
/* 검색 */
header.top div.sch{ clear:both;  overflow:hidden; background:#13395d;position:relative; margin-left:12px; margin-right:12px; float:none; display:block;padding:10px 0; }
.cheom_input{border-radius:3px;color:#666;background:none;border:none;height:40px;line-height:35px;width:100%;margin:0;padding:0 0 0 10px;background:#fff;box-sizing:border-box;font-size: 14px;font-weight: normal;}
header.top div.sch button{ position:absolute; right:0px; top:10px;background: url(../img/common.png) no-repeat -55px -32px;background-size:175px;  width:45px; height:40px;vertical-align:middle; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; }
.hide {position:absolute; visibility:hidden;}
/*검색 드롭 리스트*/
.u_sggt_wrap2{overflow:hidden;padding:5px;border:1px solid #;border-width:1px 0}
.u_sggt_wrap2 .kwd_lst li {position:relative; border-bottom:1px solid #f9f9f9}
.u_sggt_wrap2 .kwd_lst .kwd {display:block;line-height:45px;font-size:auto;color:#000; border-bottom:1px solid #ededed;width:100% }
.u_sggt_wrap2 .kwd_lst .fix {display:block;overflow:hidden;padding:0 0 0 14px;white-space:nowrap;text-overflow:ellipsis;line-height:2.3em; font-size:1em; color:#888;}
.u_sggt_wrap2 .kwd_lst .bt_del{position:absolute;right:0;top:0;width:40px;height:36px;margin:0;padding:0;border:0;background-color:transparent;z-index:1}
.u_sggt_wrap2 .kwd_lst .bt_del .imsc{overflow:hidden;position:absolute;top:13px;left:14px;width:12px;height:13px;line-height:55px;background-position:-107px -1px}
.u_sggt_wrap2 .sggt_fixer {position:relative;display:block;height:100%;padding:0 0 37px;border:1px solid #e1e4e7;background-color:#fff;-moz-box-sizing:border-box}
.u_sggt_wrap2 .sggt_container{min-height:auto;}
.u_sggt_wrap2 .sggt_header{overflow:hidden;position:relative;padding:0 0 0 14px;border-bottom:1px solid #f6f7f8;color:#7f8498}
.u_sggt_wrap2 .sggt_header .tit{overflow:hidden;padding:11px 0 10px;font:inherit}
.u_sggt_wrap2 .sggt_header .tit .ico_help{width:1px;height:13px;margin-left:5px;padding-left:12px;background-position:-91px -29px;vertical-align:0}
.u_sggt_wrap2 .sggt_footer{position:absolute;left:0;right:0;bottom:0;height:38px;border-top:1px solid #e9edef;background-color:#fcfcfc;text-align:right}
.u_sggt_wrap2 .sggt_footer .side_opt_area{float:left;overflow:hidden;margin:0 0 0 7px}
.u_sggt_wrap2 .sggt_footer [class^=opt_]{float:left;margin:0 2px 0 -2px}
.u_sggt_wrap2 .sggt_footer [class^=opt_]:before{content:'';float:left;height:.9em;margin:12px 0 0;border-left:1px solid #e6e7e7}
.u_sggt_wrap2 .sggt_footer [class^=opt_] a{display:inline-block;padding:0 7px;margin:0 1px;border:0;background-color:transparent;font-size:1.3rem;line-height:38px;color:#828a93}
.u_sggt_w/ound-image:url(../img/imsc2_v36.png);background-repeat:no-repeat;
-webkit-background-size:144px 125px;background-size:144px 125px;text-indent:40px;white-space:nowrap}
.imsc_rcsic,.imsc_rcsic2,.imsc_rcsic3,.imsc_rcsic4,.imsc_rcsic5,.imsc_rcsic6{width:41px;height:37px}

#container {width:100%; background:#fff;}
.contents {overflow:hidden; padding:10px;}

.listwrap.type3 li {border-bottom:1px solid #dedede; padding:10px 0}
.listwrap.type3 li a {display:block;}
.listwrap.type3 li:last-child {border-bottom:0px solid #dedede; padding:10px 0}





.more {display:inline-block; color:#000;}
.more i {display:inline-block;margin: 2px 0 0 3px;padding:1.5px 3px;border-radius:100%;/* border:1px solid #333; */font-size: 1em;line-height:1em;text-align:center;}
.more.bt i {margin:14px 0 0 10px;}
.txtview {
    font-family: 돋움, Dotum;
    font-size: 11px;
    letter-spacing: 0px;
}
.fr {float: right;}

/* tabs */
.tab_type1 {position:relative; background:#fff; border-bottom:7px solid #eaebec;}
.tabs li, .menu_tab li {display:inline-block; overflow:hidden; position:relative; text-align:center;}
.tabs li a, .menu_tab li a {display:block;}
.tab_content, .menu_content {position:absolute; visibility:hidden; width:100%; z-index:-1; top: -9999px;}
.tab_content.active, .menu_content.active {position:static; visibility:visible; z-index:1;}
.tabs.ea2 li {width:50%;}
.tabs.ea3 li {width:33.3%;}
.tabs.ea3 li:first-child {width:33.4%;}
.tabs.ea4 li {width:25%;}
.contents .tab_container {width:100%;margin: 13px 0 15px;/* padding:15px; */clear:both;/* border:1px solid #b8b8b8; */}
.contents .tab_container.none {padding:0px; border:0px;}

/* type1 */
.tabswrap.type1 > .tabs {overflow:hidden;}
.tabswrap.type1 > .tabs li {float:left;}
.tabswrap.type1 > .tabs li a {line-height:2.3em;border-bottom:1px solid #c4c4c9;border-left: 1px solid #c4c4c9;border-top: 1px solid #c4c4c9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabswrap.type1 > .tabs li:last-child a {border-right: 1px solid #c4c4c9;}
.tabswrap.type1 > .tabs li a.active {color:#fff; background:#b5b1a9; border-color:#b5b1a9}
.tabswrap.type1 > .tab_container {background:#fff}
/* type2 */
.tabswrap.type2 {position:relative; overflow:hidden; width:100%; padding:10px; border-top:1px solid #e2e2e2; background:#f3f3f3;}
.tabswrap.type2 .tab_container {padding:0px; border:0px;}
.tabswrap.type2 .tabs {overflow:hidden;}
.tabswrap.type2 .tabs li {float:left;}
.tabswrap.type2 .tabs.ea2 li {width:50%; padding-right:5px}
.tabswrap.type2 .tabs.ea2 li:last-child {width:50%; padding:0 0 0 5px}

/* type3 */
.tabswrap.type3 > .tabs {overflow:hidden;}
.tabswrap.type3 > .tabs li {float:left;}
.tabswrap.type3 > .tabs li a {line-height:2.3em;border-bottom:1px solid #c4c4c9;border-left: 1px solid #c4c4c9;border-top: 1px solid #c4c4c9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size: 14px; font-weight: boldl}
.tabswrap.type3 > .tabs li:last-child a {border-right: 1px solid #c4c4c9;}
.tabswrap.type3 > .tabs li a.active {color:#fff; background:#b5b1a9; border-color:#b5b1a9}
.tabswrap.type3 > .tab_container {background:#fff}



.tabswrap.type2 .tabs.ea3 li {width:32%;}
.tabswrap.type2 .tabs.ea3 li:nth-child(2) {margin:0 2%}
.tabswrap.type2 .tabs li a {margin:0px; line-height:2.5em; background:#fff; color:#8a8e95; border:1px solid #8a8e95; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabswrap.type2 .tabs li a.active {color:#fff; border-color:#ed721a; background:#ed721a}
.tabswrap.type2 .tabs li a i {margin:9px 0 0 5px;}
.tabswrap.type2 .tabs li a i.cart {margin-top:8px;}
.tabswrap.type2 .tit {padding-bottom:10px; line-height:2em;}
.tabswrap.type2 .cont {margin-bottom:15px; padding:10px; border:1px solid #e2e2e2; background:#fff;}
.tabswrap.type2 #tab_close {top:5px; right:0px;} 

.main_list_type01 {clear:both;}
.main_list_type01 ul {padding:0 10px;}
.main_list_type01 ul li {position: relative;padding: 10px 10px 15px 124px;border-top: 1px solid #e5e5e5;}
.main_list_type01 ul li:first-child { border-top: 0; }
.main_list_type01 ul li .detail {padding-top: 5px;min-height: 136px;}
.main_list_type01 ul li .pubTitle {font-size:15px;color:#1a1a1a;/* line-height:1.4; *//* white-space:nowrap; *//* overflow:hidden; */text-overflow:ellipsis;width:100%;margin-bottom:10px;font-weight: normal;}
.main_list_type01 ul li .pubTitle a {color:#1a1a1a;}
.main_list_type01 ul li .pubGrp {color:#999;margin-bottom:8px;font-size: 12px;line-height:1.2;letter-spacing: 0;}
.main_list_type01 ul li .ico_group {margin-bottom:8px;padding-bottom:0;}
.main_list_type01 ul li .pubInfo {color:#999;margin-bottom:6px;font-size:11px;line-height:1.2;}
.main_list_type01 ul li .pubRental {font-size:11px;margin-bottom:5px;color:#1a1a1a;}
.main_list_type01 ul li .pubRental .price {font-family: "Georgia";color:#365fdd;}
.main_list_type01 ul li .pubPrice {font-size:11px;color:#1a1a1a;}
.main_list_type01 ul li .pubPrice .price {font-family: "Georgia";color:#365fdd;}
.main_list_type01 ul li .pic_area {position:absolute;left: 0px;top: 17px;font-size: 0;}
.main_list_type01 ul li .pic_area .cover img {border:1px solid #c8c8c8;font-size:0;line-height:0;}
.main_list_type01.rank_list li .num {position:absolute;left:1px;top: 25px;width:21px;height:21px;line-height:1.2;text-align:center;font-size:14px;font-family: "Georgia";background-color:#707070;color:#fff;}
.main_list_type01.rank_list li:first-child .num {background-color:#365fdd !important;}




/* 탑메뉴 */
.nav-wrap { margin:0px auto; background-color: #fff; border-top:2px solid white; border-bottom:1px solid #b8b8b8; }
.group:after { visibility: hidden; display: block; content: ""; clear:both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#example-one { margin: 0 auto; list-style: none; position:relative; width: 100%; text-align: center; }
#example-one li { display: table-cell; display: inline-block; margin: 0;}
#example-one a {padding: 6px 10px 4px 10px;color: #0055ba; font-size:auto; float: left;padding-top:10px;padding-bottom:5px;text-decoration: none;text-transform: uppercase;}
#example-one a:hover { color:#010101; }
#magic-line { position: absolute;bottom: -2px; left: 0; width:auto;height: 2px; background: #0256b8;}
.current_page_item a { color:#000 !important; }
.ie6 #example-one li, .ie7 #example-one li { display: inline; }
.ie6 #magic-line {bottom: -3px;}
.item_b {height:10px; backgroud-color:#ececec}

/* 메뉴오픈버튼 */
header.top button.open{ background: url(../img/common.png) no-repeat 13px -28px; width:42px; height:42px; background-size:160px; float:left; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; margin-top:2px}
/* 이전버튼 */
header.top button.prev_c{float:left;background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/prev_c.png");background-origin: padding-box;background-position: center center;margin-top:3px;margin-left:10px;text-indent:-999px; overflow:hidden; background-repeat: no-repeat;background-size: 35px 25px;display: block;height: 40px;position: absolute;width: 40px;}
/* 목록버튼 */
header.top button.prev_list {float:left;background-attachment: scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/prev_list.png");background-origin: padding-box;background-position: center center;margin-top:3px;margin-left:10px;text-indent:-999px; overflow:hidden; background-repeat: no-repeat;background-size: 35px 25px;display: block;height: 40px;position: absolute;width: 40px;}
/* 왼쪽메뉴01 */
nav.menu{ position: absolute; left:-280px; top:0px; background:#37363a; width:280px; height:100%; z-index:113px }
nav.menu h3{ width:0; height:0; font-size:0; line-height:0; text-indent:-999px; overflow:hidden}
nav.menu a{ display:block;-webkit-text-stroke-width:.02em;-moz-text-stroke-width:.02em; color:#fff; padding:10px; border-bottom:1px solid rgba(255,255,255,0.3); box-sizing:border-box; overflow:hidden}
nav.menu div.menu01{ background:#014694}
nav.menu div.menuetc{ border-top:2px solid #014694; margin-top:-1px; margin-left:-1px}
nav.menu div.menuetc a{ color:#878688; width:50%; float:left; font-size:15px; height:50px; padding-left:0; padding-right:0; text-align:center; vertical-align:middle;border-left:1px solid rgba(255,255,255,0.3);line-height:20px; padding:6px 0}
nav.menu div.menuetc a:nth-child(2),nav.menu div.menuetc a:nth-child(3){ line-height:40px}
nav.menu01{ position: absolute; left:-280px; top:0px; background:#333; width:280px; height:100%; z-index:113px }
.nav-wrap { margin:0px auto; background-color: #fff; border-top:2px solid white; border-bottom:1px solid #b8b8b8; }
.group:after { visibility: hidden; display: block; content: ""; clear:both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#example-one { margin: 0 auto; list-style: none; position:relative; width: 100%; text-align: center; }
#example-one li { display: table-cell; display: inline-block; margin: 0;}
#example-one a {padding: 6px 10px 4px 10px;color: #0055ba; font-size:auto; float: left;padding-top:10px;padding-bottom:5px;text-decoration: none;text-transform: uppercase;}
#example-one a:hover { color:#010101; }
#magic-line { position: absolute;bottom: -2px; left: 0; width:auto;height: 2px; background: #0256b8;}
.current_page_item a { color:#000 !important; }
.ie6 #example-one li, .ie7 #example-one li { display: inline; }
.ie6 #magic-line {bottom: -3px;}
.item_b {height:10px; backgroud-color:#ececec}
.tabNav{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#d0d1d2;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#d0d1d2;border-left-style:solid;border-left-width:1px;border-right-color:#d0d1d2;border-right-style:solid;border-right-width:1px;border-top-color:#d0d1d2;border-top-style:solid;border-top-width:1px;margin:9px;overflow-x:hidden;overflow-y:hidden}
.tabNav li {border-right-color: #d0d1d2; border-right-style: solid;border-right-width: 1px;box-sizing: border-box;float: left;text-align: center;width: 33.3%;}
.tabNav li:last-child{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:-moz-use-text-color;border-bottom-style:none;border-bottom-width:0;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:-moz-use-text-color;border-left-style:none;border-left-width:0;border-right-color:-moz-use-text-color;border-right-style:none;border-right-width:0;border-top-color:-moz-use-text-color;border-top-style:none;border-top-width:0;width:33.4%}
.tabNav li a {background-color: #fff;color: #000;display: block;font-size: 0.867em;font-weight: 500;height: 36px;line-height: 36px;}
.tabNav li.on a {background-color: #576272;color: #fff;}
.tabNav03 {-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#d0d1d2;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#d0d1d2;border-left-style:solid;border-left-width:1px;border-right-color:#d0d1d2;border-right-style:solid;border-right-width:1px;border-top-color:#d0d1d2;border-top-style:solid;border-top-width:1px;margin:9px;overflow-x:hidden;overflow-y:hidden}
.tabNav03 li {border-right-color: #d0d1d2; border-right-style: solid;border-right-width: 1px;box-sizing: border-box;float: left;text-align: center}
.tabNav03 li:last-child{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:-moz-use-text-color;border-bottom-style:none;border-bottom-width:0;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:-moz-use-text-color;border-left-style:none;border-left-width:0;border-right-color:-moz-use-text-color;border-right-style:none;border-right-width:0;border-top-color:-moz-use-text-color;border-top-style:none;border-top-width:0;}
.tabNav03 li a { background-color: #ebebed;color:#777777;display: block;font-size: 0.867em;font-weight: 500;height: 36px;line-height: 36px;white-space:nowrap;}
.tabNav03 li.on a {background-color: #fff;color:#004694;}
.tabNav03.cl3 li {width: 25%;}
.cheom_box {background-color:#e6e7e9;min-height:45px;padding-top:5px;padding-bottom:5px; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3;}
.tabNav02{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#d0d1d2;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#d0d1d2;border-left-style:solid;border-left-width:1px;border-right-color:#d0d1d2;border-right-style:solid;border-right-width:1px;border-top-color:#d0d1d2;border-top-style:solid;border-top-width:1px;margin:9px;overflow-x:hidden;overflow-y:hidden}
.tabNav02 li {border-right-color: #d0d1d2; border-right-style: solid;border-right-width: 1px;box-sizing: border-box;float: left;text-align: center;width: 33.3%;}
.tabNav02 li:last-child{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:-moz-use-text-color;border-bottom-style:none;border-bottom-width:0;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:-moz-use-text-color;border-left-style:none;border-left-width:0;border-right-color:-moz-use-text-color;border-right-style:none;border-right-width:0;border-top-color:-moz-use-text-color;border-top-style:none;border-top-width:0;width:33.4%}
.tabNav02 li a {background-color: #ebebed;color:#797979;display:block;font-size:0.867em;font-weight:500;height: 36px;line-height:36px;}
.tabNav02 li.on a {background-color: #fff;color: #004891;}
.tabNav.cl2 li {width: 50%;}

/* 컨텐츠 */
section.cont_w { clear:both; float:none; overflow:hidden; padding-bottom:20px }
article, section{ clear:both}

/*문의버튼:S_영상촬영/편집문의etc*/
.svcNav { background-color: #f0f1f3;border-top:1px solid #bfbfbf;   box-sizing: border-box; margin-left: 0;margin-right: 0;margin-top: 9px; padding-bottom: 9px;padding-left: 4px; padding-right: 4px; padding-top: 9px;}
.svcNav .svc {display: table; width: 100%;}
.svcNav a { display: table-cell; width:50%;float:left; margin-bottom:5px}
.svcNav_tp1 .svc {display: table; width: 100%;}
.svcNav_tp1 a { display: table-cell; width:50%;float:left; margin-bottom:20px}
.svcNav a span{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-bottom-color:#cccccc;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#cccccc;border-left-style:solid;border-left-width:1px;border-right-color:#cccccc;border-right-style:solid;border-right-width:1px;border-top-color:#cccccc;border-top-style:solid;border-top-width:1px;color:#000;display:block;font-size:13px;font-weight:500;height:35px;line-height:35px;margin:0 4px;text-align:center;border-radius:3px}
.svcNav cl2 a {50%}
.svcNav02 { background-color: #f0f1f3;border-top:1px solid #bfbfbf;   box-sizing: border-box; margin-left: 0;margin-right: 0;margin-top: 0px; padding-bottom: 9px;padding-left: 4px; padding-right: 4px; padding-top: 9px;}
.svcNav02 .svc01 {display: table; width: 100%;}
.svcNav02 a { display: table-cell; width:50%;float:left; margin-bottom:5px}
.svcNav02 a span .fav_01  { display: table; background-color:#FF0;width: 100%;display: table-cell; width:50%;float:left; margin-bottom:5px; background-color:#f0f7ff; border:1px solid #c2dbf1;}
.svcNav02 a span .fav_02 { display: table; width: 100%;display: table-cell; width:50%;float:left; margin-bottom:5px;background-color:#f2f2fe; border:1px solid #d9d6f1;}
.svcNav02 a span .fav_03 { display: table; width: 100%; display: table-cell; width:50%;float:left; margin-bottom:5px;background-color:#f9f1ef; border:1px solid #e2c5c9;}
.svcNav02 a span .fav_04 {display: table; width: 100%; display: table-cell; width:50%;float:left; margin-bottom:5px;background-color:#f2f2f2; border:1px solid #d2d2d2;}
.svcNav02 a span { }
.svcNav03 { box-sizing: border-box;margin-left: 0px;margin-right: 0px;padding: 0px 5px;}
.svcNav03 .svc {display: table; width: 100%;}
.svcNav03 a { display: table-cell; width:50%;float:left; margin-bottom:5px}
.svcNav03 a span.red { border: 1px solid #ee4a02; color: #fff; display: block; font-size: 15px;font-weight: 500; height: 45px; line-height: 45px; margin: 0px 4px; text-align: center; border-radius: 3px; background-color: #ee4a02;}
.svcNav03 a span.gray { border: 1px solid #898989; color: #fff; display: block; font-size: 15px;font-weight: 500; height: 45px; line-height: 45px; margin: 0px 4px; text-align: center; border-radius: 3px; background-color: #898989;}


/* Footer */
footer {position:relative; width:100%; padding:20px 0; text-align:center; background:#373a3e; border-top:1px solid #cdcdcd;}
footer .user {margin-bottom:14px;}
footer ul {overflow:hidden; margin-bottom:10px;}
footer ul li {display:inline-block;}
footer ul li a {display:block;padding:0px 10px;color:#bcbaba;line-height:1em;border-left:1px solid #555;font-size: 13px;}
footer ul li:first-child a {border-left:0px}
footer .copyright {display:block;font-family:sans-serif;color:#999999;font-size: 11px;}
.sub_address {color: #787878; font-size: 11px;line-height: 17.5px; text-align: left; margin-left: 15px;}
.sub_address span { display:inline-block; margin-right: 10px;}
.sub_address b {color: #787878; font-size: 11px;line-height: 17.5px; text-align: left;}

/* 오버레이 */
div.overlay{ display:none; background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; z-index:999; left:280px; top:0}
/***************** 
common : slide
*****************/
.bx-wrapper .bx-pager {	text-align: center;	font-size: .85em;font-family:'Noto Sans',  'Noto Sans Armenian', sans-serif;;font-weight: bold;color: #666;
padding-top: 10px;padding-bottom:10px;background:#fff;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background:url(../img/bx-pager.png) no-repeat;height:12px;width:12px;text-indent:-9999px;display: block;margin: 0 2px;/*outline: 0;	-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 5px;*/}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background:url(../img/bx-pager_over.png) no-repeat; height:12px;width:12px;}
.bx-wrapper .bx-prev {left: 10px;background:url(../img/common.png) no-repeat 10px -50px; }
.bx-wrapper .bx-next {right: 10px;background: url(../img/common.png) no-repeat -90px -50px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -50px;	outline: 0;	width: 40px;height: 60px;	text-indent: -9999px;z-index: 99; background-size:120px }
.bx-wrapper .bx-controls-direction a.disabled {}


/***************** 
서브 : 보기
*****************/


/* 메인 도서버튼 */
.m_program_w {padding: 30px 0;display: inline-block;width: 100%;}
.m_program {width: 30%;background: #f3f3f3;border-radius: 8px;float: left;text-align: center;overflow: hidden;margin: 0 5px;}
.m_program:first-child {/* margin-left: 0; */}
.circlebox {display: inline-block;width: 80px;line-height: 80px;border-radius: 50%;margin: 10px 0px;font-weight: 600;text-align: center;color: #fff;}
.circlebox a {color: #fff;}
.circlebox.c01 {font-size: 18px;background: #ba9870;}
.circlebox.c02 {font-size: 18px;background: #ffcf38;}
.circlebox.c03 {font-size: 16px;background: #2d8de8;}
.circlebox.c04 {font-size: 18px;background: #a89b93;}
.circlebox.c05 {font-size: 18px;background: #db5c59;}
.circlebox.c06 {font-size: 16px;background: #8f86cb;}
.circlebox.c01:hover, .circlebox.c02:hover,.circlebox.c03:hover,.circlebox.c04:hover,.circlebox.c05:hover,.circlebox.c06:hover {opacity: 0.5;}
.circlebox_info {background-color: #fff;padding: 8px 0;line-height: 12px;min-height: 65px;}
.circlebox_info a {font-size: 12px;color: #676767;line-height: 11px;}


/*.tab_tit {float: left;border-bottom: 1px solid #dedede;padding: 10px 0px;font-size: 16px;color: #999;font-weight: 400;width: 273px;}*/
.main_title {position: relative;margin-bottom: 15px;}
.main_title h3 {text-align: center; background: url(http://www.bmcambridge.co.kr/assets/cambrg_theme/images/titlebg.gif) 100% 40%;  background-repeat: repeat-x;  background-color: #fff; }
.main_title h3 span { background: #fff;  padding: 0 30px; font-weight: bold; font-size: 18px;}



/*검색 내역이 없습니다.*/
.kwd_info {overflow:hidden;font-size:15px;color:#404040;text-align:center;line-height:px; background-color:#000:}
.kwd_info.imsc_bf:before{content:'\00a0';display:block;width:50px;height:50px;margin:100px auto 10px; background-position:-65px -45px;color:transparent}
.sggt_container{min-height:311px; border-bottom:1px solid #cbccce}
/*탑버튼*/
.btnTop{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-top-right-radius:0;bottom:42px;display:none;margin:0 0 0 -36px;opacity:0.9;position:fixed;right:10px;z-index:100}
.btnTop a{color:#fff}
.btnTop a img{width:29px}



.in_three_wrap { width:100%; display: block;}
.in_three_wrap ul { list-style:none;}
.in_three_wrap ul li { width:31%; float:left; padding-right:8px;}
.in_three_wrap ul li.last { width:31%; float:left; padding-right:0px;}
.in_input_member{padding:8px;width:90%;height:34px;border:1px solid #dadada;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size:1em; box-shadow:none;}



/*로딩이미지*/
@-moz-keyframes three-quarters-loader{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes three-quarters-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes three-quarters-loader{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.three-quarters-loader:not(:required){-moz-animation:three-quarters-loader 1250ms infinite linear;-webkit-animation:three-quarters-loader 1250ms infinite linear;animation:three-quarters-loader 1250ms infinite linear;border:8px solid #38e;border-right-color:transparent;border-radius:16px;box-sizing:border-box;display:inline-block;position:relative;overflow:hidden;text-indent:-9999px;width:32px;height:32px}
.cell {text-align: center; }


/*회원가입*/
.joinstep {overflow:hidden;margin: 20px 0;border:1px solid #10529b;}
.joinstep p {float:left; position:relative; width:50%; height:75px; padding:15px 0px 0px 25px; color:#737373;}
.joinstep p span {display:block; position:relative; z-index:2; font-size:12px; font-family:"NGBold";}
.joinstep p strong {display:block; font-size:14px;}
.joinstep p i {display:none; position:absolute; top:10px; z-index:1; width:52px; height:52px; background:#10529b; -webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);-o-transform:rotate(-225deg);transform:rotate(-225deg)}
.joinstep .step2 {padding:15px 0px 15px 50px;}
.joinstep .step1 i {right:-26px;}
.joinstep .step2 i {left:-26px;}
.joinstep .active {width:50%; color:#fff; background:#10529b}
.joinstep .active i {display:block;}
.joinstep .active.step2 {padding:15px 0px 15px 25px;}
.idcheck {font-size: 14px; padding: 5px 0; display: block; color: #666;}

/* 고객센터 */
.termswrap {width:100%; height:120px; overflow-y:auto; border:1px solid #ccc; background:#f2f2f2;}
.customerwrap .listwrap.type_menu2 li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.termswrap_sty02 {width:100%; height:50px; overflow-y:auto; border:1px solid #ccc; background:#f2f2f2;}
.termswrap_sty02 p { font-size:11px;}

.listwrap.type2 {border:1px solid #dbdbdb;}
.listwrap.type2 > ul > li {position:relative; overflow:hidden; padding:10px; border-top:1px solid #dbdbdb; background:#fff;}
.listwrap.type2 > ul > li:first-child {border-top:0px;}
.listwrap.type2 > ul > li .design_check {position:absolute; top:5px; right:0px;}
.listwrap.type2 > ul > li .design_check span,
.listwrap.type2 > ul > li .design_check span:before {margin-right:0px;}

/* design radio/checkbox */
.design_check input[type=radio],
.design_check input[type=checkbox] {display:none;}
.design_check span {padding-left:35px; line-height:25px; line-height:30px;}
.design_check span:before {display:inline-block;position:absolute;left:0;top:0px;content:"";width:30px;height:30px;margin-right:10px;vertical-align:top;background-image:url(../img/sprites.png?version=01);background-repeat:no-repeat;background-size: 66px auto;}
.design_check input[type=radio] + span:before {background-position:0px 0px;}
.design_check input[type=checkbox] + span:before {background-position: 0px -44px;}
.design_check input[type=radio]:checked + span:before {background-position:0px 0px;}
.design_check input[type=checkbox]:checked + span:before {background-position: -36px -44px;}

.policy {margin: 30px;font-size: 14px;font-weight: normal;}

/*로그인*/

.tit_box{text-align:center;display: block;}
.tit_box .login_tit{font-size: 26px;color:#352f29;margin: 20px 0 5px 0;font-weight: bold;line-height: 120%;text-align: center;letter-spacing: -2px;}
.tit_box p {font-size: 14px;}
.login_box{position:relative;float:left;width: 100%;padding: 25px;}
.login_box .row_con{margin-bottom:10px;overflow:hidden;}
.login_box .inst_txt{width: 100%;/* height:48px; *//* line-height:48px; */padding:0 20px;font-size:14px;}
.login_box .link_box{display:block;/* float:right; */padding-top: 15px;font-size: 14px;text-align: center;}
.login_box .link_box span{margin:0 8px;}
.login_box .btn_login{display:block;text-align:center;width: 100%;/* height:70px; *//* margin-bottom: 26px; */line-height: 50px;background: #13395d;color:#fff;font-size: 18px;text-decoration:none;font-weight: 600;}
.login_box .row_con3{margin-bottom:15px;font-size: 14px;}
.login_box .row_con p{float:left;line-height:1.6;font-size: 14px;}
.login_box .row_con p span{display:block;line-height:1;color:#333333;margin-bottom:10px;}
.login_box .row_con .link_join{float:right;display:block;width: 86px;height:60px;line-height:60px;text-align:center;font-size:15px;color:#fff;background:#352f29;text-decoration:none;}
.login_box .capslock_con{display:none;position:absolute;left:49px;top:158px;text-align:center;width:192px;height:40px;line-height:40px;border:1px solid #000;background:#fff;}
.login_box .capslock_con .arr_con{position:absolute;left:13px;top:-6px;}
.link_contents{display:block;float:right;width:499px;height:418px;border:1px solid #d9d9d9;border-left:none;}
.link_contents img{width:100%;height:100%;}

.login_result {font-size:16px;text-align: center;margin-bottom: 30px;background: url(../img/login_id.png) no-repeat center 10px;/*background-color:#f8f8f8;border:1px solid #eaeaea;*/}
.login_result span{ color:#ee4a00; font-weight:700;}
.login_result p.lo_info { padding-top: 143px;}
.login_result p.lo_pw { padding-top: 143px;font-size: 16px;line-height: 140%; margin-bottom: 20px;}

.login_result02 {font-size:16px;text-align: center;margin-bottom: 30px;background: url(../img/login_id.png) no-repeat center 10px;/*background-color:#f8f8f8;border:1px solid #eaeaea;*/}
.login_result02 span{ color:#ee4a00; font-weight:700;}
.login_result02 p.lo_info { padding-top: 143px;}
.login_result02 p.lo_pw { padding-top: 143px;font-size: 16px;line-height: 140%; margin-bottom: 20px;}

.login_form{clear:both}
.input_t10 { padding-top:10px;}
.input_row{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-attachment:scroll;background-clip:border-box;background-color:#fff;background-image:none;background-origin:padding-box;background-position:0 0;background-repeat:repeat;background-size:auto auto;border-bottom-color:#dadada;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#dadada;border-left-style:solid;border-left-width:1px;border-right-color:#dadada;border-right-style:solid;border-right-width:1px;border-top-color:#dadada;border-top-style:solid;border-top-width:1px;height:29px;margin:0 0 10px;padding:10px 35px 10px 15px;position:relative}

.blind{font-size:0;height:0;left:-999em;line-height:0;overflow-x:hidden;overflow-y:hidden;position:absolute;visibility:hidden;width:0}
.lbl{color:#999;font-size:15px;left:15px;line-height:16px;position:absolute;top:16px;z-index:8}
.input_row{moz-border-bottom-colors:none; border-radius:3px;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-attachment:scroll;background-clip:border-box;background-color:#fff;background-image:none;background-origin:padding-box;background-position:0 0;background-repeat:repeat;background-size:auto auto;border-bottom-color:#dadada;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#dadada;border-left-style:solid;border-left-width:1px;border-right-color:#dadada;border-right-style:solid;border-right-width:1px;border-top-color:#dadada;border-top-style:solid;border-top-width:1px;height:29px;margin:0 0 10px;padding:10px 35px 10px 15px;position:relative}
.input_row.focus{ background-color:#fff6f6;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#f2685e;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#f2685e;border-left-style:solid;border-left-width:1px;border-right-color:#f2685e;border-right-style:solid;border-right-width:1px;border-top-color:#f2685e;border-top-style:solid;border-top-width:1px}
.input_box{display:block;overflow-x:hidden;overflow-y:hidden}
.lbl{color:#999;font-size:15px;left:15px;line-height:16px;position:absolute;top:16px;z-index:8}
.ie7 .lbl{z-index:10}
.int{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;
background-attachment:scroll;background-clip:border-box;background-color:#fff;background-image:none;background-origin:padding-box;background-position:0 0;background-repeat:repeat;background-size:auto auto;border-bottom-color:-moz-use-text-color;border-bottom-style:none;border-bottom-width:medium;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:-moz-use-text-color;border-left-style:none;border-left-width:medium;border-right-color:-moz-use-text-color;border-right-style:none;border-right-width:medium;border-top-color:-moz-use-text-color;border-top-style:none;border-top-width:medium;color:#000;font-size:1em;height:16px;line-height:16px;padding:7px 0 6px;position:relative;width:100%;z-index:9}
.intfocus{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none; 
background-attachment:scroll;background-clip:border-box;background-color:#fff6f6;background-image:none;background-origin:padding-box;background-position:0 0;background-repeat:repeat;background-size:auto auto;border-bottom-color:-moz-use-text-color;border-bottom-style:none;border-bottom-width:medium;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:-moz-use-text-color;border-left-style:none;border-left-width:medium;border-right-color:-moz-use-text-color;border-right-style:none;border-right-width:medium;border-top-color:-moz-use-text-color;border-top-style:none;border-top-width:medium;color:#000;font-size:15px;height:16px;line-height:16px;padding:7px 0 6px;position:relative;width:100%;z-index:9}
.wrg{background-image:url("../img/close_log.png");height:19px;width:19px;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:transparent;background-position:-1px -265px;border-bottom-color:-moz-use-text-color;border-bottom-style:none;border-bottom-width:0;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:-moz-use-text-color;border-left-style:none;border-left-width:0;border-right-color:-moz-use-text-color;border-right-style:none;border-right-width:0;border-top-color:-moz-use-text-color;border-top-style:none;border-top-width:0;cursor:pointer;margin:0;padding:0;position:absolute;right:13px;text-indent:-999px;top:15px;z-index:1000}


.error{color:#f2564b;font-size:12px;line-height:16px;margin:-2px 0 12px}
.error .error_info{color:#000}
.inform_text{color:#737373;font-size:16px;line-height:30px;margin:-2px 0 12px;}
.inform_text p {color:#a9a9a9;font-size:13px;line-height:13px;}
.btn_login input.int_jogin { /*background-position: 50% -1px;*/ margin-top:10PX; margin-bottom:20px;}
.btn_login input{background-color:#ed721a;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#ed721a;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#ed721a;border-left-style:solid;border-left-width:1px;border-right-color:#ed721a;border-right-style:solid;border-right-width:1px;border-top-color:#ed721a;border-top-style:solid;border-top-width:1px;height:41px;margin-bottom:10px;width:100%;color:#fff;fonet-size:auto;font-weight:bold;border-radius:3px}
.btn_login_st02 input{background-color:#a8a8a8;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#a8a8a8;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#a8a8a8;border-left-style:solid;border-left-width:1px;border-right-color:#a8a8a8;border-right-style:solid;border-right-width:1px;border-top-color:#a8a8a8;border-top-style:solid;border-top-width:1px;height:41px;margin:10px 0;width:100%;color:#fff;fonet-size:auto;font-weight:bold;border-radius:3px}
.btn_market input.int_market { background-position: 50% -1px; margin-top:-10PX; margin-bottom:20px;}
.btn_market input{background-color:#00418f;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom-color:#00418f;border-bottom-style:solid;border-bottom-width:1px;border-image-outset:0 0 0 0;border-image-repeat:stretch stretch;border-image-slice:100% 100% 100% 100%;border-image-source:none;border-image-width:1 1 1 1;border-left-color:#00418f;border-left-style:solid;border-left-width:1px;border-right-color:#00418f;border-right-style:solid;border-right-width:1px;border-top-color:#00418f;border-top-style:solid;border-top-width:1px;height:41px;margin-bottom:10px;width:100%;color:#fff;fonet-size:auto;font-weight:bold;border-radius:3px}
.check_info{margin-bottom:27px;position:relative}
.login_check_box{display:block;height:26px;margin-bottom:28px;position:relative}
.login_check_box input{height:25px;left:1px;position:absolute;top:1px;width:25px}
.login_check_box label{background-position:-1px -115px;color:#333;font-size:13px;height:26px;left:0;line-height:26px;padding-left:33px;position:absolute;top:0}
.login_check_box input:checked + label{background-position:-1px -145px}
.login_text01 {width:90%; color:#000; line-height:1.2em; font-size:16px;}
.login_text02 {text-align:center; color:#666}
.login_text03 { margin-right:20px;}
.login_text04 { font-weight:bold; font-size:1.25em;text-align:center;margin-bottom:15px;margin-top:15px;color:#000;display:block;font-weight:bold;line-height:1.35em;overflow-x:hidden;overflow-y:hidden;white-space:normal}
.login_text05 { margin-right:20px; color:#737373; font-weight:bold;}
.login_text06 {text-align:left; color:#737373}
#cheom_menu,
#cheom_menu ul,
#cheom_menu ul li,
#cheom_menu ul li a {margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cheom_menu {width:280px; color:#ffffff}
#cheom_menu ul ul{display:none}
.align-right{float:right}
#cheom_menu > ul > li img { margin-right:10px; width:30px; height:30px;}
#cheom_menu > ul > li > a{padding: 15px 20px;border-left:1px solid #1f5ca1;border-right:1px solid #1f5ca1a;border-bottom-color:#32373e;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#32373e;cursor:pointer;z-index:2;font-size:14px;font-weight:bold;text-decoration:none;color:#ffffff;/*text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);*/background:#014694;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15);}
#cheom_menu > ul > li > a:hover,#cheom_menu > ul > li.active > a,#cheom_menu > ul > li.open > a{color: #fff;background:#b79845;}
#cheom_menu > ul > li.open > a{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);border-bottom:1px solid #1f5ca1}
#cheom_menu > ul > li:last-child > a,
#cheom_menu > ul > li.last > a {}
.holder{width:0;height:0;position:absolute;top:0;right:0}
.holder::after,
.holder::before{display:block;position:absolute;content:"";width:6px;height:6px;right:20px;z-index:10;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.holder::after{top:17px;border-top:2px solid #ffffff;border-left:2px solid #ffffff}
#cheom_menu > ul > li > a:hover > span::after,
#cheom_menu > ul > li.active > a > span::after,
#cheom_menu > ul > li.open > a > span::after {border-color: #fff;}


.holder::before{top:18px;border-top:2px solid;border-left:2px solid;border-top-color:inherit;border-left-color:inherit}
#cheom_menu ul ul li a{cursor:pointer;border-bottom:1px solid #32373e;border-left:1px solid #32373e;border-right:1px solid #32373e;padding:10px 20px;z-index:1;text-decoration:none;font-size:13px;color:#eeeeee;background:#49505a;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1)}
#cheom_menu ul ul li:hover > a,
#cheom_menu ul ul li.open > a,
#cheom_menu ul ul li.active > a{background:#37363a;color:#c3c3c4}
#cheom_menu ul ul li:first-child > a {box-shadow: none;}
#cheom_menu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#cheom_menu ul ul ul li a {padding-left: 30px;}
#cheom_menu > ul > li > ul > li:last-child > a,
#cheom_menu > ul > li > ul > li.last > a {border-bottom: 0;}
#cheom_menu > ul > li > ul > li.open:last-child > a,
#cheom_menu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #32373e;}
#cheom_menu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}
#cheom_menu ul ul li.has-sub > a::after{display:block;position:absolute;width:5px;height:5px;right:20px;z-index:10;top:11.5px;border-top:2px solid #eeeeee;border-left:2px solid #eeeeee;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
#cheom_menu ul ul li.active > a::after,
#cheom_menu ul ul li.open > a::after,
#cheom_menu ul ul li.has-sub > a::after{display:block;position:absolute;width:5px;height:5px;right:20px;z-index:10;top:11.5px;border-top:2px solid #eeeeee;border-left:2px solid #eeeeee;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}



.subtitle {padding: 10px;border-bottom: 3px solid #272729;margin-bottom: 10px;}
.subtitle h2 {font-weight: bold; text-align: center;}

/* 도서 리스트 */
.lectbox {border-top: 1px solid #ddd;margin: 20px 0;padding: 27px 0;background: #fff;overflow: hidden;display: block;position: relative;}
.result { font-size: 12px; font-weight: normal; letter-spacing: 0px; color: #999; display: block; margin-top: 5px;}
.lectdetail {/* margin: 0; */display: block;}
.lectdetail .lectLeft {float: left;width: 100%;position: relative;padding: 0 0 10px 120px;clear: both;margin-bottom: 15px;}
.lectdetail .lectLeft .thumbox {position: absolute;top: 0;left: 0;}
.lectdetail .lectLeft .thumbox .thumImg {width: 100px;height: 100%;border: 1px solid #b8b8b8;}
.lectdetail .lectLeft .prod_tit {margin: 0 0 17px 0;color: #555;position: relative;font-size: 19px;color: #000;padding: 0 20px 0 0px;letter-spacing: -1px;line-height: 140%;}
.lectdetail .lectLeft .prod_info {margin: 5px 0 8px 0;color: #666;position: relative;font-size: 12px;color: #666;padding: 0 0 0 101px;vertical-align: top;font-weight: 300;display: block;}
.lectdetail .lectLeft .prod_info span.prodt {position: absolute; top: 0px; left: 0px; background: url(../img/brand_bluet.gif) 0 center no-repeat; padding: 0 0 0 12px; color: #3b5b7a;}}
.pricedel { color: #666; font-size: 13px; text-align: center; background: url(../images/line_strike.gif) 50% center no-repeat; padding-left: 5px;}
.pricelarge { color: #d8003d; font-size: 14px;  line-height: 14px;}
.pricelarge span.prfont {color: #d8003d;font-size: 16px;line-height: 16px;font-weight: bold;letter-spacing: -1px;}
.icn_sound {background-attachment:scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/icon_sound.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height: 30px;width: 30px;}
.icn_doc {background-attachment:scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/icon_doc.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;/* display: block; */height: 30px;width: 30px;}
.icn_movie {background-attachment:scroll;background-clip: border-box;background-color: transparent;background-image: url("../img/icon_movie.png");background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;display: block;height: 30px;width: 30px;}
.bookdetail {display: block;border: 1px solid #ccc; padding: 15px;}
.bookdetail p {font-weight: normal;}
.pricedel {display: block; margin-top: 5px;}


.service {/* margin: 0; */display: block;}
.service .s_box {position: relative;clear: both;margin-bottom: 30px;}
.service .s_box .s_tit {margin: 0 0 7px 0;color: #555;position: relative;font-size: 19px;color: #000;padding: 0 20px 0 0px;letter-spacing: -1px;line-height: 140%;}
.service .s_box .s_info {margin: 5px 0 8px 0;color: #666;position: relative;font-size: 12px;color: #666;padding: 0 0 0 70px;vertical-align: top;font-weight: 300;display: block;}
.service .s_box .s_info span.srodt {position: absolute; top: 0px; left: 0px; background: url(../img/brand_bluet.gif) 0 center no-repeat; padding: 0 0 0 12px; color: #13395d;}}



.accordion_head {background-color: #b79845;color: #fff;cursor: pointer;margin: 0 0 10px 0;padding: 7px 11px;}
.accordion_body {/* background: lightgray; */}
.accordion_body p { padding: 18px 5px; margin: 0px;}
.hide {display: none;}

.side_box{overflow:hidden;border:1px solid #eaeaea;margin-bottom: 20px;}
.side_box ul{margin-top:-1px}
.side_box li{position:relative;min-height:40px;border-top:1px solid #eaeaea;font-family: '돋움',Dotum; font-size: 12px;    letter-spacing: 0px;} 
.side_box .opened {padding: 10px 0;}
.side_box li .total_category li {  min-height: 20px;  border: 0;}
.side_box .list_style { margin-left: 15px;}
.side_box .list_style dt {padding-bottom: 7px;font-weight: bold;font-size: 12px;}

.side_box .list_style dd {position: relative;width: 180px;margin-bottom: 5px;clear: both;font-size: 12px;}
.side_box .list_style dd label { color: #666;}
.side_box .list_style em { font-weight: bold;  color: #b79845;}
.side_box .list_style span { font-weight: bold;  color: #999;}

/* 자료실 */
.board_select_box {margin-bottom: 10px;}
.board_select { width: 45%; height: 35px; margin-right: 5px; font-size: 12px;}
.board_search_box {text-align: center;background-color: #f9f9f9;padding: 15px;border: 1px solid #ddd;margin-bottom: 20px;}
.board_search_box .search-word {width: 80%;text-indent: 4px;font-size: 13px;max-width: 80%;height: 40px;border: 1px solid #ccc;border-right: 0;padding: 0;vertical-align: middle;color: #868686;}
.board_search_box .bbs_search_btn { margin: 0px; border: 0; min-width: 40px; padding: 0 5px; height: 40px; margin-left: -4px; background: #333; color: #fff; cursor: pointer; vertical-align: top; font-size: 14px;}
.bbs_list_tbl {display: block; border-top: 1px solid #d7d7d7; width: 100%; table-layout: fixed;}
.bbs_list_row { position: relative; width: 96%; padding: 15px 2%; border-bottom: 1px solid #ddd; overflow: hidden; display: block;}
.bbs_list_row .column { clear: both; border-bottom: 0; text-align: left;  padding: 3px 0; font-size: 14px; letter-spacing: -0.5px; color: #666;}
.bbs_list_row .column.bbs_inline { display: inline-block; width: auto; margin-right: 4%;}    
.bbs_list_row .column { clear: both; border-bottom: 0; text-align: left;padding: 3px 0; font-size: 14px; letter-spacing: -0.5px; color: #666;}
.bbs_list_row .column:not(.bbs_title):not(.bbs_no_data):before { padding-right: 5px; color: #aaa; content: attr(data-label);}


/* 테이블 */

/* table 가로 */
.table_type1 {border-top:1px solid #000; border-left:1px solid #c8cdd4; background:#fff;}
.table_type1 th {padding:10px; color:#333; font-size:14px; font-weight:bold; border-right:1px solid #c8cdd4; border-bottom:1px solid #c8cdd4; background:#fafafa;}
.table_type1 td {padding:10px; font-size:14px; text-align:center; border-right:1px solid #c8cdd4; border-bottom:1px solid #c8cdd4;}
#notice.table_type1 {border-left:0px;}
#notice.table_type1 th,
#notice.table_type1 td {border-right:0px}
#notice.table_type1 .togglecont td {text-align:left; background:#f7f7f7}

/* 테이블 */
.table_type1 {border-top:1px solid #000; border-left:1px solid #c8cdd4; background:#fff;}
.table_type1 th {padding:10px; color:#333; font-size:14px; font-weight:bold; border-right:1px solid #c8cdd4; border-bottom:1px solid #c8cdd4; background:#fafafa;}
.table_type1 td {padding:10px; font-size:14px; text-align:left; border-right:1px solid #c8cdd4; border-bottom:1px solid #c8cdd4;}
#notice.table_type1 {border-left:0px;}
#notice.table_type1 th,
#notice.table_type1 td {padding: 15px 5px;border-right:0px;}
#notice.table_type1 span { display: block; font-size: 14px;}
#notice.table_type1 span.date {font-size: 12px; color: #666;}

.table_type2 {border:1px solid #c8cdd4; border-bottom:0px; background:#fff;}
.table_type2 th {padding:10px; color:#333; font-size:14px; font-weight:bold; border-right:1px solid #c8cdd4; border-bottom:1px solid #c8cdd4; background:#fafafa; text-align:left}
.table_type2 td {padding:10px; font-size:14px; border-bottom:1px solid #c8cdd4;}

.table_type3 {padding:10px; border:1px solid #c8cdd4; background:#fff;}
.table_type3 > table > tbody > tr > th {display:block; padding:10px 0; color:#000; font-size:14px; font-weight:bold; text-align:left;}
.table_type3 > table > tbody > tr > td {display:block; margin-bottom:10px;}
.table_type3 td .set {position:relative; display:inline-block; width:100%; line-height:30px;}
.table_type3 td .set label {float:left; width:50%;}

.table_type4 {margin: 20px 0;border: 1px solid #bbb;width: 100%;/* max-width: 100%; */margin-bottom: 20px;border-collapse: collapse;}
.table_type4 th {padding: 10px 0px 10px 0px;color: #fff;text-align: center;background:#6981af;vertical-align:middle !important;font-size:16px;border-bottom: 0px solid #bbb !important;border-right: 1px solid #bbb !important;border-left: 1px solid #bbb !important;border-top: 1px solid #bbb !important;letter-spacing: 0;font-weight: bold;}
.table_type4 td {padding:10px;font-size:14px;text-align:left;border: 1px solid #bbb;letter-spacing: 0;font-weight: lighter; vertical-align: top;}
.table_type4 thead + tbody td {}
.table_type4 td.al{text-align:left;}


.table_view {border-collapse: collapse; border-spacing: 0; width: 100%;border: 1px solid #ddd;border-top: 1px solid #000;}
.table_view thead th {text-align:left;padding: 15px 10px !important;border-bottom:1px dotted #ccc !important;background-color: #f7f7f7;font-size: 14px;font-weight: bold;}
.table_view th,
.table_view th {background:none}
.table_view td {border-bottom: 1px solid #ddd;padding: 8px !important; font-size: 14px;}
.table_view .tit {border-bottom:1px solid #000}
.table_view .tit span.strong {display:inline-block;padding-right: 10px;background:url(/assets/mobile_theme/images/bg_bar.gif) no-repeat right center;color:#333;}
.table_view .tit span {margin: 0 0px 0 0px;color:#666; font-weight: normal;}


/* 페이징 */
.pagination {position:relative;text-align:center;margin:30px 0 0 0;}
.pagination li {display: inline-block;width: 24px;height: 31px;line-height: 28px;color: #fff;/* border: 1px solid #7a7f85; *//* background: #fff; */margin-right: 5px;}
.pagination li.active {display: inline-block;line-height: 28px;/* border: 1px solid #7a7f85; *//* background: #7a7f85; */color: #000;font-weight: bold;}
.paging * {font-family:verdana;font-size:11px; vertical-align:top}
.paging a, .paging strong {display:inline-block;width:28px;height:28px;line-height:28px;color:#7a7f85;border:1px solid #ccc}
.paging a:hover, .paging strong {color:#fff;background:#7c7c7c; border-color:#7c7c7c}
.paging .img {border:0px;}



/* 메인 슬라이드swiper */
.swiper-wrapper06{width:100%;height:auto!important;position:relative}
.swiper-container06 img{z-index:1;width:100%}
.swiper-slide06{z-index:1;width:100%;height:auto!important;float:left}
.swiper-slide06 img{z-index:1;width:100%;height:auto}
.swiper-container06{margin:0;width:100%!important;height:auto!important;overflow:hidden;position:relative;z-index:1;}
.pagination06{position:absolute;z-index:20000;margin-top:0px;left:35%}
.swiper-pagination-switch06{ background:#3b3b3b; border:2px solid transparent; opacity:1; vertical-align:top;    margin: 0 3px;  border-radius: 8px;  width: 12px;  height: 12px;  display: inline-block;   cursor: pointer;}
.left_con{width:100%;height:auto! important;padding:0}.section{margin:8px 0;overflow-x:hidden;overflow-y:hidden}
.mpt1{overflow-x:hidden;overflow-y:hidden;padding:10px 5px 0}
.pt2 img{width:100%;height:100%}
.pt3 img{width:100%;height:100%}
.swiper-active-switch06 {background:#fff;width:12px; height:12px;}	
.swiper-active-switch { width: 13px;  height: 13px;  margin-top: 0px !important;  background: transparent;  border: 2px solid #3b3b3b;}




/* 회사소개*/
.s_title { font-size: 22px; font-weight: bold;  margin-bottom: 24px; border-bottom: 3px solid #333;  padding-bottom: 8px;}
.top_visual.visual_introduce {background: url(../img/company_img.gif) no-repeat center top;background-size: cover;}
.top_visual { display: table; width: 100%; height: 250px;  text-align: center;}

.tab_history {font-weight: 200;  padding:40px 20px;  font-size:1em;	line-height: 1.8;	letter-spacing: -0.6px;}
.tab_history.ty2{padding:0;}
.tab_history > ul{padding:0 1em;}
.tab_history .list {  padding: 2em 0; border-bottom: 1px solid #e2e2e2;}
.tab_history h4 {  display: block;  float: none;  font-size: 1.3em; text-align: center;  font-weight: bold;  padding-bottom: 0.5em;}
.group_year2 ul {margin: 1em 0;line-height:1.5;}
.group_year2 ul li {clear: both;margin-bottom: 15px;}
.group_year2 ul li .month{line-height:1.5;color: #45495b;display: inline-block;float: left;font-weight: bold;font-size: 0.8em;}
.group_year2 ul li p {  margin-left: 60px;  line-height: 1.5;   font-size: 0.85em;  letter-spacing: -0.5px;}
.year_all .group_year2 ul li .month::after {  content: " ＿";   color: rgb(194, 194, 194);}


/* dot 텍스트 리스트 */
.dot_txt_list{ text-align: left;}
.dot_txt_list > li{position:relative;font-size: 15px;line-height: 28px;padding-left: 15px;}
.dot_txt_list > li:after{content:'· ';position:absolute;top:0;left:0;display:block;}

.c_dl {margin-bottom: 20;}
.c_dt {font-weight: bold;margin-bottom: 5px;font-size: 12px;}
.c_dd {font-size: 12px;line-height: 140%;font-weight: lighter;background: url(../img/notice_jum.gif) 0 30% no-repeat;padding-left: 10px;margin-bottom: 5px;color: #666;}




/* 가입약관*/
.indicator {display:block; width:100%; height:60px;  background:url("../img/li_rep.gif") repeat-x left top; margin:20px 0;}
.indicator li { color:#fff;float:left; width:50%; height:60px; background:url("../img/li_rep.gif") repeat-x left top;}
.indicator li:first-child {width:50%}
.indicator li.last {width:50%;}
.indicator li span {display:block; height:30px; padding:18px 20px 12px 0; text-align:center; font-size:1.2em; background:url("../img/indi_type.gif") no-repeat right top;}
.indicator li.last span{padding-right:0; background:none;}
.indicator .on { background:url("../img/li_on_rep.gif") repeat-x left top; }
.indicator .front span {background-position:right -140px;}
.indicator .on span { background-position:right -70px;}
.indicator li:nth-of-type(1) {width:52%;}
.indicator li:nth-of-type(2) {width:48%;}
.indicator li:nth-of-type(3) {width:33.3%;}
.many {display:block;  margin-top:20px;}
.many select  {margin:0; background:#fff url(../img/down_1.gif) no-repeat 98% 50%; vertical-align:middle;  -webkit-border-radius:4px; border:1px solid #cfcfcf; -webkit-appearance:none; width: 100%; padding:10px 34px 10px 15px; background-size:15px 10px; font-size:1.15em; line-height:1.15em; border-radius:3px;}
.agree {display:block;  margin:20px 0;}
.agree h3 { font-size:1.25em;  margin:20px 0; text-align:center;}

.agree_graybox {padding:20px 13px; border-top:1px solid #e4e5e7; border-left:1px solid #e4e5e7; border-right:1px solid #e4e5e7; background-color:#ffffff;}
.agree_graybox:last-child {padding:20px 13px;  border-top:1px solid #e4e5e7; border-left:1px solid #e4e5e7; border-right:1px solid #e4e5e7; border-bottom:1px solid #e4e5e7; background-color:#ffffff;}
.t_checkbox{display:inline-block;*display:inline;zoom:1;position:relative;margin-right:10px}
.t_checkbox input[type="checkbox"]{position:absolute;left:-9999px;top:-9999px;display:none}
.t_checkbox{display:inline-block;*display:inline;zoom:1;padding-left:40px;height:28px;background:url(../img/personal.png) no-repeat 0 0;font-size:1em;line-height:22px;color:#666}
.t_checkbox.c_on{background-position:0 -29px}
.agree_graybox_check {margin-top:5px; display: inline-block;}
.agree_graybox_check span {margin-left:5px; font-size:0.85em;}

.agree_graybox_check:first-child {margin-top:0}
.agree_graybox_check a {font-size:0.75em; color:#666; text-decoration:underline}


.agreeBox p {margin-bottom:20px;}
.agreeBox h6 {font-size:1em;color:#111;}
.agreeBox dl {margin-bottom:20px;} 
.agreeBox dt {margin:20px 0 10px;font-weight:bold;font-size:15px;color:#333;}
.agreeBox dd {margin-bottom:3px;line-height:20px;}
.agreeBox ul {margin-left:37px;list-style-type:decimal;}
.agreeBox li {line-height:20px;list-style-type:decimal;}
.agreeBox table {margin-top:10px;width:100%;border-top:2px solid #f8ba43;}
.agreeBox table th {padding:10px 0 10px 20px;color:#333;border-bottom:1px solid #ccc;background-color:#f7f0e6;}
.agreeBox table td {padding:5px 0;text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;}
.agreeBox table tr td:first-child {padding-left:10px;text-align:left;border-left:0;}



/* 모달팝업 */
.lay_pop {padding-top: 50px;}
.lay_pop { z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.lay_pop_content { width: 500px;}
.lay_pop_content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}
.lay_pop_container { padding: 20px; border: 3px solid #000; box-shadow: 10px 10px 5px #000;}
.lay_pop_closebtn {
    text-decoration: none;
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: inherit;
    padding: 20px 20px 0 0;
}

.lay_pop_img {padding: 8px;  display: inline-block;}
.lay_pop_imgbox {float: left; padding-right: 10px; margin-bottom: 10px;}
.lay_pop_imgbox img {width: 40px; height: 40px; border: 1px solid #999;}
.lay_w { position: absolute; top: 50%; left: 50%; margin-top: -100px;  margin-left: -100px;}

.lay_pop_imgwp {
    z-index: 3;
    display: none;
    padding-top: 0px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
	text-align: center
}
.lay_pop_imgwcon { width: 900px;}
.lay_pop_imgwcon {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 210px;
}




/* 본문 큰로딩 바 */

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}


@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}


@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container,
.loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}


.loading-container { margin: 100px auto }

.loading {
	border: 2px solid transparent;
	border-color: transparent #ee7019 transparent #ee7019;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading {
 	border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#loading-text {
	-moz-animation: loading-text-opacity 2s linear 0s infinite normal;
	-o-animation: loading-text-opacity 2s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
	animation: loading-text-opacity 2s linear 0s infinite normal;
	color: #ee7019;
	font-family: "Helvetica Neue, "Helvetica", ""arial";
	font-size: 10px;
	font-weight: bold;
	margin-top: 45px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100px;
}