@charset "utf-8";

* {
  margin: 0; padding: 0;
  box-sizing: border-box;
}

/* Sub visual */
#subVisual_wrap { position:relative; width:100%; overflow:hidden; clear:both; margin:0 auto; top:0px; }
#subVisual_wrap .subVisual { position:absolute; width:100%; margin:0 auto; }

/* 회원가입 - 가입동의 */
#mbrstepagree #content {float:left; width:100%; padding:20px;  border-left:0px solid #c9c9c9; }
#mbrstepagree #content:after {content:""; clear:both; display:block;} 
#mbrstepagree #content h3 { color:#333; font-size:26px; padding-bottom:5px; border-bottom:1px solid #c9c9c9; }

#mbrregi #content {float:left; width:100%; padding:20px;  border-left:0px solid #c9c9c9; }
#mbrregi #content:after {content:""; clear:both; display:block;} 
#mbrregi #content h3 { color:#333; font-size:26px; padding-bottom:5px; border-bottom:1px solid #c9c9c9; }
#mbrregi .email_contain {text-align: center; height: auto; vertical-align: middle;  margin: 35px; border: 1px solid #ddd; }
#mbrregi .con {padding: 25px; }
#mbrregi .conbox { font-size: 14px; padding: 40px 20px 180px 20px; }

.conWrap {width:95%; font-size:16px; text-align:left; position:relative; margin:0 auto; }
.conWrap h3 {font-size:34px; font-family:'NanumBarunGothicBold'; color:#333;}
.conWrap .h3_copy {font-weight:normal; font-size:16px; color:#888; margin-bottom:35px;}
.conWrap .location {text-align:right; position:absolute; top:0; right:0; color:#888; font-size:12px;}
.conWrap .location span {font-size:12px; background:url(/img/common/location_common.png) 8px 4px no-repeat; padding-left:20px; .background:url(/img/common/location_common.png) center no-repeat; }
.conWrap .location span.last {color:#333; font-size:12px; font-family:'NanumBarunGothicBold';}
.conWrap .location p {display:block; float:left; padding:0; font-size:12px; color:#8a8a8a;}

/* join */
.join_step { }
.join_step ul {overflow:hidden; margin:30px 0 50px; border:1px solid #e9e3e3; background:#f9f9f9;}
/* .join_step li {float:left; font-size:13px; color:#888; padding:30px 30px 30px 125px; border-right:1px solid #e9e3e3;} */
.join_step li {float:left; font-size:18px; color:#888; padding:20px 20px 15px 100px; border-right:1px solid #e9e3e3;}
.join_step li p {font-size:19px; color:#333; line-height:100%; text-indent:0; padding-left:0;}

.join_step li.step01 {background:url(/images/sub/join_step01.png) 45px center no-repeat;}
.join_step li.step01_on {background:#1066b8 url(/images/sub/join_step01_on.png) 45px center no-repeat; color:#fff;}
/* .join_step li.step02 {background:url(/images/sub/join_step02.png) 50px center no-repeat;} */
.join_step li.step02 {}
/* .join_step li.step02_on {background:#1066b8 url(/images/sub/join_step02_on.png) 50px center no-repeat; color:#fff;} */
.join_step li.step02_on {background:#1066b8; color:#fff;}
/* .join_step li.step03 {background:url(/images/sub/join_step03.png) 60px center no-repeat;} */
.join_step li.step03 {}
/* .join_step li.step03_on {background:#1066b8 url(/images/sub/join_step03_on.png) 55px center no-repeat; color:#fff;} */
.join_step li.step03_on {background:#1066b8; color:#fff;}
/* .join_step li.step04 {background:url(/images/sub/join_step04.png) 55px center no-repeat;} */
.join_step li.step04 {}
/* .join_step li.step04_on {background:#1066b8 url(/images/sub/join_step04_on.png) 55px center no-repeat; color:#fff;} */
.join_step li.step04_on {background:#1066b8; color:#fff;}

.join_step li.step01_on p, .join_step li.step02_on p, .join_step li.step03_on p, .join_step li.step04_on p {color:#fff;}
.join_step li.last {border-right:0;}
.join_text {text-align:center; margin-top:30px; font-size:28px; color:#282828; line-height:100%;}
.join_text span {font-size:30px;}
.join_text span.t_blue {color:#4f84ef; font-size:30px;}
.join_text .stext {font-size:16px;}
.join_id {width:800px; margin:50px auto; overflow:hidden;}
.join_id2 {width:1000px; margin:50px auto;}
.join_id .join_text2 {font-size:18px; color:#282828; line-height:120%; }
.join_id .join_text2 span {color:#4f84ef; font-size:16px; display:block; margin-top:10px;}
.join_id .id_sch {width:100%; background:#f9f9f9; margin-top:30px; padding:30px;}
.join_id .id_sch dl {overflow:hidden; width:68%; margin:0 auto;}
.join_id .id_sch dt {float:left; width:23%; line-height:35px;}
.join_id .id_sch dd {float:left; width:72%; margin-left:5%;}
.join_schbox {overflow:hidden; width:100%;}
.join_schbox li a {float:left; border:1px solid #ccc; width:318px; height:100px; padding:35px;}
.join_schbox li p {color:#333; font-size:24px; line-height:110%;}
.join_schbox li a:hover {border:1px solid #333;}
.join_schbox li span {color:#888; font-size:13px; line-height:110%; margin-top:5px; display:block;}
.join_id p {text-align:left; color:#999; margin-top:10px;}
.join_id p span {color:#4c606c;}
.join_schbox2 {background:#ededed; text-align:center; padding:50px; margin:30px 0;}
.member_data {margin:20px;}
.member_data li {text-align:left; color:#2166a1;}
.member_data li b {margin-right:10px; width:30%; display:inline-block;}
.over-fh {overflow:hidden;}

/*약관*/
.conWrap h4 {font-size:22px; margin:40px 0 10px;}
.conWrap .clause {border:1px solid #ccc; background:#f9f9f9; padding:20px; height:145px; overflow-y:auto;}
.conWrap .clauseWrap .rule_text {margin-bottom:10px;}
.conWrap .clauseWrap dt {font-family:'NanumBarunGothicBold'; margin:20px 0 5px; font-size:18px;}
.conWrap .clauseWrap dd {font-size:13px;}
.conWrap .clauseWrap dd ol {margin-left:20px;}
.conWrap .clauseWrap dd > ol > li {color:#555; list-style-type:decimal-leading-zero; margin-left:10px; margin-bottom:5px;}
.conWrap .clauseWrap dd li ul li {list-style-type:disc; margin-left:10px; color:#666; font-size:13px;}
.conWrap .assent {text-align:center; text-align:center; font-size:17px; margin-top:40px; background:#f8f8f8; padding:15px;}
.conWrap .assent span {_margin-top:13px; font-size:15px; margin:0;}
.conWrap .assent img {margin-right:5px; vertical-align:middle; padding:8px 0 0 25px;}

.clause_wrap {padding:10px;}
.clause_wrap ol {list-style: decimal !important;}
.clause_wrap ol > li {list-style-type: decimal !important;}
.clause_wrap > p {font-size:15px; color:#333; text-indent:-15px; padding-left:15px;}
.clause_wrap > ol {padding-left:25px; margin-top:10px;}
.clause_wrap > ol > li {margin-top:5px;}
.clause_wrap .list1 {margin-top:40px;}
.clause_wrap .list1 dt {font-size:16px; font-family:'NanumBarunGothicBold'; margin-top:20px; color:#3151b6;}
.clause_wrap .list1 dd {margin-top:10px; color:#222;}
.clause_wrap .list1 dd p, li > p {color:#888; text-indent:-15px; padding-left:15px;}
.clause_wrap .list1 dd span {display:block; font-family:'NanumBarunGothicBold'; margin:5px 0;}
.clause_wrap .list2 {padding-left:20px;}
.clause_wrap .list2 > li {margin-top:10px; color:#222; line-height:140%;}
.clause_wrap .list3 {list-style-type:decimal-leading-zero; padding-left:30px; margin:5px 0 20px;}
.clause_wrap .list3 li {color:#666; font-size:13px; margin-top:5px;}
.clause_wrap .list4 {list-style-type:none; padding-left:0; text-indent:-15px; padding-left:15px; margin-top:10px;}
.clause_wrap .list4 li {color:#888;}
.clause_wrap .list01 {}
.clause_wrap .list01 li {text-indent:-10px; padding-left:10px; color:#666; padding-top:0 !important;}
.clause_wrap .list02 {margin-top:10px;}
.clause_wrap .list02 dt {font-size:14px; color:#333; margin-top:10px;}
.clause_wrap .list02 dd {text-indent:-10px; padding-left:10px; margin:0; color:#666;}

.clause_wrap dl > dd > dl {margin-top:10px;}
.clause_wrap dl > dd > dl > dt {font-size:13px; margin-top:10px; color:#333;}
.clause_wrap dl > dd > dl > dd {margin:3px; color:#666;}

.clause_wrap p.p-txt-1 {margin-bottom:5px !important;color:#17a2b8;text-indent:0px;padding-left:0px;}
.clause_wrap p.p-txt-2 {margin-bottom:10px !important;text-indent:0px;padding-left:0px;}
.clause_wrap p.p-txt-3 {color:#e83e8c;}

#hp-certifi {height: 260px;} 

/* checkbox */
.join_check {margin-top:10px; vertical-align:middle;}
.join_check span {_margin-top:13px; font-size:15px; margin:0;}
.join_check img {margin-right:5px; vertical-align:middle; padding:0px 0 0 25px;}

/* 회원가입 */
.table {display:table;}
.colgroup {display:table-column-group}
.col {display: table-column}
.tbody {display:table-row-group}
.thead {display:table-header-group}
.tr {display:table-row}
.th, .tb01 .td {display:table-cell}

.tb01 .table {width:100%; border-top:2px solid #6a8ec6;}
.tb01 .th {width:20%; padding:10px 30px; background:#fbfcfd; /* color:#282828; */ border-bottom:1px solid #ebebeb; font-weight:normal; text-align:left; }
.tb01 .td {padding:8px; border-bottom:1px solid #ebebeb; color:#666;}
.tb01 .td.total {font-family:'NanumBarunGothicBold'; color:#cd3723; font-size:18px;}
.tb01 .td p, .tb01 .td span {color:#999; font-size:13px; margin:5px 0;}
.tb01 * {vertical-align:middle;}
.tb01 select { font-size:14px !important;}

.tb02 .table {width:100%; border-top:1px solid #6a8ec6;}
.tb02 .tbody {height:auto;}
.tb02 .th {padding:5px 10px; background:#fbfcfd; color:#282828; border-bottom:1px solid #ebebeb; font-weight:normal; text-align:left; font-size:15px; }
.tb02 .td {padding:5px; border-bottom:1px solid #ebebeb; color:#666; text-align:left; font-size:15px; cursor:pointer;}
.tb02 * {vertical-align:middle;}
.tb02 .td-1, .tb02 .td-2 {/* padding-left:50px; */ color:#888; background:#fff; }
.tb02 .list-tr {cursor:pointer;}

.tb03 .table {width:100%; border-top:1px solid #ebebeb;}
.tb03 .th {width:35%; padding:10px 30px; background:#fbfcfd; color:#282828; border-bottom:1px solid #ebebeb; font-weight:normal; text-align:left; }
.tb03 .td {padding:15px; border-bottom:1px solid #ebebeb; color:#666; text-align:left; }
.tb03 .td.total {font-family:'NanumBarunGothicBold'; color:#cd3723; font-size:18px;}
.tb03 .td p, .tb03 .td span {color:#999; font-size:13px; margin:5px 0;}
.tb03 * {vertical-align:middle;}
.tb03 select { font-size:14px !important;}
.tb03 .hp .itext {width:50px; text-align:center; height:27px; font-size:16px; margin:0px; }

.tb03 .button {
    position: relative;
    background-color: #c9c9c9;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    /* padding: 5px; */
    width: 25px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.tb03 .button:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.tb03 .button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.tb04 .table {width:100%; border-top:1px solid #888;}
.tb04 .tr {width:100%; border-bottom:1px solid #ebebeb; }
.tb04 .th {padding:10px; background:#fbfcfd; color:#282828; font-weight:normal; text-align:left; }
.tb04 .td {padding:10px; color:#666; text-align:left; }
.tb04 .td.total {font-family:'NanumBarunGothicBold'; color:#cd3723; font-size:18px;}
.tb04 .td p, .tb04 .td span {color:#999; font-size:13px; margin:5px 0;}
.tb04 * {vertical-align:middle;}
.tb04 select { font-size:14px !important;}
.tb04 .hp .itext {width:50px; text-align:center; height:27px; font-size:16px; margin:0px; }

.tb04 .button {
    position: relative;
    background-color: #c9c9c9;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    /* padding: 5px; */
    width: 25px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.tb04 .button:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.tb04 .button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.tb05 {margin-top:13px; letter-spacing:0 !important; }
.tb05 .table {width:100%; border-top:1px solid #333; border-bottom:1px solid #777; color:#333;}
.tb05 .th {width:20%; font-size:14px; padding:11px 0 8px 15px; border-top:1px solid #ddd; background:#f7f7f7; text-align:left; letter-spacing:0px; color:#555 !important; font-weight:300 !important; }
.tb05 .th em {font-style:normal; color:#f33f4b; margin-right:6px;}
.tb05 .td {width:100%; padding:11px 0 8px 10px; border-top:1px solid #e3e3e3; text-align:left; min-height: 28px; }
.tb05 .td input {padding:5px !important; border-color:#e9e9e9; width:200px; font-size:14px;}
.tb05 .td .hp input {width:80px;}
.tb05 .td select {color:#5a5a5a !important; padding:0 !important; width:100px;}
.tb05 .td select{margin:-4px 0 0 0; padding:5px; font-size:14px; vertical-align:middle;}
.tb05 .td select{border:1px solid #e9e9e9; padding:0 0 0 5px; height:32px;}
.tb05 .td select option{padding:2px 3px;}
.tb05 .td .email select {width:150px;}
.tb05 .td .select {width:auto !important;}
.tb05 .td textarea {border:1px solid #e9e9e9; color:#5a5a5a !important; padding:5px !important; font-size:14px; }
.tb05 .td .radio {width:30px;}

.tb05 .hp .itext {width:50px; text-align:center; height:27px; font-size:16px; margin:0px; }

.tb05 .button {
    position: relative;
    background-color: #c9c9c9;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    /* padding: 5px; */
    width: 25px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.tb05 .button:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.tb05 .button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.joinBox2 {height:175px; background-color:#f9f9f9; padding:15px 15px 0 15px; border:1px solid #f2f2f0;}
.joinBox2 .txtarea{height:110px; padding:10px; overflow:hidden; overflow-Y:scroll; border:1px solid #e5e5e5; background-color:#FFF;}
.agreeCheck {margin-top:12px; text-align:right; padding-right:5px;}
.checkbox {padding-right:5px;}

.order_box2 { padding:0 0 50px 0;}
.order_box2 .order2 li { line-height:22px; background:url('../images/main/bullet.gif') left center no-repeat; padding: 0 0 0 10px;}
.order_box2 .order2 li.noicon { background:none;}

.center_srh {background:#f5f7fb; padding:15px 0; }
.center_srh input {background:#fff; border:1px solid #c7d4ef; padding:7px; font-size:14px; color:#666; width:auto;}

#Gdaytmp {font-size:16px; font-weight:normal; }

.rst-txt-1 {display:block; font-size:16px; color:#777; padding:20px 20px 0 20px;}
.rst-txt-2 {display:block; font-size:16px; color:#777; padding:0 20px;}
.rst-txt-3 {display:block; font-size:16px; color:#777; padding:0 20px 20px 20px;}

/* select */
.selectbox, .selectbox ul li {height:37px; line-height:37px; padding:0 20px 0 10px;}
.selectbox {border:1px solid #d8d8d8; background:url(/images/sub/member/ico_selectarr.png) right 16px no-repeat; position:relative; cursor:pointer;}
.selectbox ul {position:absolute; z-index:2; top:-1px; left:-1px; width:102%; height:37px; border:1px solid #d8d8d8; background:#fff url(/images/sub/member/ico_selectarr.png) right 16px no-repeat;}
.selectbox ul li:hover {color:#1376e6;}

.input_txt {border:1px solid #dddddd; _background:#fafafa; padding:7px 12px; width:140px; }
.input_txt1 {border:1px solid #b3b3b3;  padding:10px 12px; width:140px;}
.input_txt2 {border:1px solid #d6dbec; padding:8px 10px;}
.input_txt3 {border:1px solid #b3b3b3; _background:#fafafa; padding:7px 12px; width:100%; }
.input_txt4 {border:1px solid #b3b3b3; _background:#fafafa; padding:7px 12px; width:100px; }

.btnW_blue {display:inline-block;border:1px solid #6a8ec6; background:#f1f5fc; color:#6a8ec6 !important; padding:4px 10px; margin-left:8px; text-align:center;}
.btnW_blue:hover, .btnW_Sgray:hover, .btnW_Sblue:hover {text-decoration:underline;}



.print { padding-top: 20px; text-align: right; }


.features-icons { padding-top: 6rem; padding-bottom: 6rem; }
.features-icons .icon-txt { font-size:1.3rem; font-weight: 600; }
.showcase .showcase-img { min-height: 20rem; max-height: 25rem; }
.showcase .showcase-text { padding: 4rem; }
.showcase p.txttitle { font-size:1.5rem; font-weight: 700; line-height: 100%; }
.lead { font-size: 1.0em; line-height: 1.5em; /* font-weight: 400; */ }

.breadcrumbs-1 { color:#333; font-size:15px; text-align:right; padding: 35px 10px 10px 0; border-bottom: 1px solid #c9c9c9; width: 100%;}
.breadcrumbs { color:#333; font-size:15px; text-align:right; padding: 10px; float: right; }

/* bizinfo */
#bizinfo { /* background-color: #e5e5e5; */ }
#bizinfo .container { background-color: #fff; }
#bizinfo .subMenu { float:left; width:20%; }
#bizinfo .subMenu .menuBox { height:100%; }
#bizinfo .subMenu .menuBox .title { height:85px; text-align:center; border-bottom:1px solid #c9c9c9;}
#bizinfo .subMenu .menuBox .title h2 { height:100%; line-height:85px; vertical-align:middle; font-size:24px; font-weight:500; letter-spacing:0px;}
#bizinfo .subMenu .leftmenu ul { overflow:hidden; height:44px; }
#bizinfo .subMenu .leftmenu li { cursor:pointer; font-size:16px; color:#303030; padding:15px 25px; display:block; list-style:none; border-bottom:1px solid #c9c9c9; }
#bizinfo .subMenu .leftmenu li.on { cursor:pointer; color:#fff; background-color:#454545; }
#bizinfo .dropdown { display:none; }
#bizinfo .dropdown { width:100%; margin:15px; }
#bizinfo .dropdown a { width:100%; text-align:center; color: #212529; }
#bizinfo .dropdown a.btn { padding:10px 0; font-size:18px; border-color:#cfcfcf; }
#bizinfo .dropdown a:hover { color:#212529 !important; }
#bizinfo .dropdown .dropdown-menu {width:100%; }

#content {float:left; width:100%; /* padding: 2.5rem 1.5rem 2rem 1.5rem; border-left:1px solid #c9c9c9; */ }
#content:after {content:""; clear:both; display:block;} 
#content h3 { color:#333; font-size:26px; padding-bottom:23px; border-bottom:1px solid #c9c9c9; }
@media (max-width: 499px) {
  #content h3 { font-size:20px; padding-bottom:10px; }
}

/* sitemap */
.siteBox { }
.siteBox li { cursor:pointer; font-size:15px; padding:0 0 5px 10px; }
.siteBox li.on {  }
.siteBox li:nth-child(1) { font-size:16px; font-weight:normal; border:1px solid #cccccc; background-color:#fafafa; text-align:center; padding:10px 0; margin-bottom:15px; }


/* 이용약관, 개인정보 취급방칩, 이메일무단수집거부  
.clause{background-color:#fff; padding:20px; border:0px solid #d4d4d4;}
.email_contain{background-color:#fff; border:1px solid #d4d4d4; margin-top:20px;}
.email_contain .tit{overflow:hidden; height:85px; background:#fff; border-bottom:1px solid #e5e5e5;}
.email_contain .tit h2{font-size:18px; letter-spacing:-2px; color:#333; padding:20px 0 0 100px; background:url('../images/sub/member/email_img01.png') 30px 10px no-repeat; height:100%;}
.email_contain .tit img{padding-top:10px;}
.email_contain .con p{text-align:center;}
.email_contain .con .text_in{margin:30px 20px;}
.email_contain .con .text_in .text{}
.email_contain .con .text_in .text li.first{margin-bottom:15px; border-bottom:1px solid #04305d; padding-bottom:10px;}
.email_contain .con .text_in2{margin:30px 20px; border:1px solid #d4d4d4; background:#fcfeff; padding:15px;}
.email_contain .con .text_in2 .text li.first{margin-bottom:15px;}
*/

/* customer */
.search { text-align: right; margin: 30px 0 15px; }
.search .fields { height: 31px; }
.search select, input { text-decoration: none; font-weight: normal; font-style: normal; vertical-align: baseline; font-size: 14px; line-height: 1; letter-spacing: -0.034em; color: #333; font-weight: 300; }
.search select, input[type="text"] { margin-left: 5px; display: inline-block; height: 100%; }
.search input[type="text"] { width: 250px; padding-left:5px; height: 22pt; }
.search select { width: 100px; border-color:#b3b3b3; color: #5a5a5a; font-size: 13px; margin-left: 0; }
.search select, input[type="text"] { background-color: #fff; border: 1px solid #dddddd; color: #5a5a5a; font-size: 15px; margin-left: 5px;}
.search .button { height: 100%; margin-left: 5px; }
.nu { font-size:15px; letter-spacing:-0.03em; color:#333; font-weight:300; }
.nu.button { display: inline-block; text-align: center; padding: 7px 15px; border-radius: 2px; border: 1px solid darkGray; background-color:gainsboro; cursor:pointer; }
.nu.button.orange { color: #fff; border-radius: 3px; background-color: #ff8c26; border: 1px solid #f77b3c; }
.nu.form.inline { }
.nu.form.inline .button { display: inline-block; }
.nu.paginate { width:100%; text-align:center; margin:0 auto; }
.nu.paginate.center { text-align:center; margin:30px 0 50px 0; }
.nu.paginate.center ul { text-decoration:none; font-style:normal; vertical-align:baseline; line-height:1; }
.nu.paginate.center li { list-style:none; display:inline-block; width:35px; height:20px; }
.nu.orange { color:#ff8c26; }
.nu.p {font-size:14px; line-height:14px;}
span.subtext { font-size:12px; text-valign:bottom; padding-bottom:-6px; }

.divPage {position:relative; width:100%; text-align:center; clear:both; margin-top:25px; padding-top:6px; }
.divPage ul { position:relative; display:inline-block; list-style-type:none; vertical-align:baseline; text-align:center; }
.divPage ul li { float:left; vertical-align:baseline; margin:0 5px; font-size: 1.1em; color: #999; cursor:pointer; border:1px solid #ddd }
.divPage ul li.box { margin-top:0px; padding:1px 8px 2px 8px; border:1px solid #e5e5e5; }
.divPage ul li.selected { font-weight:normal; color: #666; border-color:#666; }
.divPage ul li.:hover { color: #666; }


/* Table Type */
table {border-collapse:separate; border-spacing: 0; }

.tbl {margin-top:13px; letter-spacing:0 !important; width:100%; border-top:1px solid #04305d; border-bottom:1px solid #e3e3e3; color:#666;}
.tbl th {padding:10px 0 8px 0; border-left:1px solid #e3e3e3; background:#f8fdff; text-align:center; letter-spacing:-1px;}
.tbl td {padding:10px 0 8px 0; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; text-align:center;}
.tbl .bdr { border-right:1px solid #e3e3e3; }

.tbl01 { letter-spacing:0 !important; }
.tbl01 table {display: table; border-collapse:collapse; border-spacing: 0; width:100%; border-color: grey; border-top:2px solid #444; table-layout:fixed; margin-top:30px; }
.tbl01 th { border-collapse: collapse; padding: 15px 10px; color:#555 !important; font-weight:300 !important; vertical-align: middle; text-align:center; border-bottom:1px solid #777; background-color:#f7f6f6; }
.tbl01 td { border-collapse: collapse; padding: 17px 10px; border-bottom:1px solid #c9c9c9; line-height:1; font-size:16px; color:#444 !important; vertical-align: middle; text-align:center; }
.tbl01 td.sub { text-align:left; cursor:pointer; }
.tbl01 tr.over:hover {background:#f8fdff;}
.tbl01 td a.link01 {text-decoration:underline; color:#6c6c6c; font-weight:bold; }
.tbl01 td a:hover.link01 {color:#00baf2; }
.tbl01 td .btnTypeIn {margin:0 2px; }

.tbl03 {margin-top:13px; letter-spacing:0 !important;}
.tbl03 table {display: table; width:100%; border-top:1px solid #666; border-bottom:1px solid #777; color:#333;}
.tbl03 th {border-collapse: collapse; padding:10px 0; /* border-top:1px solid #ddd; */ background:#f7f7f7; text-align:center; letter-spacing:0px; color:#555 !important; font-weight:300 !important; }
.tbl03 th em {font-style:normal; color:#f33f4b; margin-right:6px;}
.tbl03 td {border-collapse: collapse; padding:15px 10px; border-top:1px solid #e3e3e3; }
.tbl03 td a {font-weight: normal !important; }

.tbl04 {margin-top:20px; letter-spacing:0 !important;}
.tbl04 table {display: table; width:100%; border:1px solid #aaa; color:#333;}
.tbl04 th {border-collapse: collapse; padding: 6px 0; background:#f7f7f7; text-align:center; letter-spacing:0px; color:#666 !important; font-weight:normal !important; font-size:16px; }
.tbl04 th em {font-style:normal; color:#f33f4b; margin-right:6px;}
.tbl04 td {border-collapse: collapse; padding:10px 10px; border-top:1px solid #d3d3d3; text-align:right; font-size:17px }
.tbl04 th:nth-child(2) {border-left:1px solid #ddd}
.tbl04 th:nth-child(3) {border-left:1px solid #ddd}
.tbl04 td:nth-child(2) {border-left:1px solid #ddd}
.tbl04 td:nth-child(3) {border-left:1px solid #ddd; color:red; font-weight:800; }

.ordertxt li{float:left; margin-bottom:10px; color:#666; font-size:15px; }
.ordertxt .rt{float:right; font-weight:bold;}

.tbl08 table {width:100%; border-top:1px solid #333;}
.tbl08 th { padding:3px; vertical-align: middle; border-left:1px solid #333; border-bottom:1px solid #333; background-color:rgb(169,193,211); font-size:12px; font-family: Dotum, "Arial", "sans-serif"; }
.tbl08 td { padding:3px; vertical-align: middle; border-left:1px solid #333; border-bottom:1px solid #333; background-color:#fff; font-size:12px; font-family: Dotum, "Arial", "sans-serif"; }
.tbl08 .br { border-right:1px solid #333;}
.tbl08 .bgc_c1 {background-color:#e3dcea;}
.tbl08 .bgc_c2 {background-color:#fff97a;}
.tbl08 .bgc_c3 {background-color:#cfffc6;}
.tbl08 .bgc_c4 {background-color:#fddbba;}
.tbl08 .bgc_c5 {background-color:#fddcfc;}
.tbl08 .bgc_c6 {background-color:#c9e7ff;}
.tbl08 .drd_bot_dot {border-bottom-style:dotted;}

.tbl09 table {width:100%; border-top:1px solid #333; }
.tbl09 th { padding:8px; vertical-align: middle; border-left:1px solid #333; border-bottom:1px solid #333; background-color:#f3f3f3; font-size:13px; font-family: Dotum, "Arial", "sans-serif"; }
.tbl09 td { padding:8px; vertical-align: middle; border-left:1px solid #333; border-bottom:1px solid #333; background-color:#fff; font-size:13px; font-family: Dotum, "Arial", "sans-serif"; }
.tbl09 .br { border-right:1px solid #333;}

.tbl10 table {width:100%; border:1px solid #ddd; padding:20px; background-color:#f3f3f3; font-family: Dotum, "Arial", "sans-serif";}
.tbl10 th { text-align:center; font-size:26px; font-weight:800; line-height:50px;}
.tbl10 td { text-align:left; padding:3px; vertical-align: middle; font-size:14px; line-height:20px}
.tbl10 td.bg1 { border-bottom:1px solid #ccc; width:50%;}
.tbl10 td.bg2 { text-align:center; font-size:11px; font-weight:500; padding-top:50px;}
.tbl10 td.bg3 { text-align:center; font-size:14px; font-weight:800; line-height:50px;}


/* 조회페이지 */
.tblView {letter-spacing:0 !important; }
.tblView table {width:100%; vertical-align:middle; border-collapse:separate; border-spacing:0; /* border: 1px solid #ddd; */ border-top:1px solid #202020; border-bottom:1px solid #c9c9c9; margin: 0; }
.tblView th { padding:13px; border-bottom:1px solid #c9c9c9; font-weight:500; background-color: #f7f6f6; }
.tblView td { padding:10px 30px; border-bottom:1px solid #c9c9c9; }
.tblView td.title { padding:15px; vertical-align:middle; background-color: #f7f6f6; }
.tblView td.detail{ padding:20px; min-height:150px; vertical-align:top; }
.tblView td a{ /* display:inline-block; vertical-align:middle; */ } 
.tblView td a img{margin:0 4px -3px 0;}
.tblView .nxtbak { line-height:15px !important; }
.tblView .nxtbakwd { width:100px; line-height:22px !important; }
.tblView .left { text-align:left; }
.tblView .btnone { border-top:none; }
.tblView .bbnone { border-bottom:none; }
.tblView .bdt { border-top:1px solid #c9c9c9; }
.tblView .bdr {  }

@media (max-width:575px) {
  .tblView { /* margin: 0 15px; */ }
  .tblView td.detail { padding: 0; }
}

.board-search-wrap {margin-top:5px; width:100%; padding:20px 20px 15px 20px; background-color:#f9f9f9; border:1px solid #e9e9e9; text-align:center; box-sizing:border-box;}
.board-search-wrap .sel {width:140px;}
.board-search-wrap .sel.type2 {width:150px;}
.board-search-wrap input[type=text] {width:240px; background-color: #fff; padding: 0.46rem .75rem;}
.board-search-wrap input[type=date] {background-color: #fff;}
.board-search-wrap input.inpt[readonly],
.board-search-wrap input.inpt[disabled] {background-color:#f0f2f5;}
.board-search-wrap input.short {width:250px;}

.board-search-wrap .search-wrap {display:inline-block; max-width:627px; position:relative;}
.board-search-wrap .search-wrap:after {content:""; display:block; clear:both;}
.board-search-wrap .search-wrap + .search-wrap {margin-top:6px;}
.board-search-wrap .search-wrap .search-input {display:table; float:left;}
.board-search-wrap .search-wrap .search-input > div {display:table-cell; vertical-align:middle;}
.board-search-wrap .search-wrap .search-input > div + div {padding-left:5px;}
.board-search-wrap .search-wrap .search-input > span {display:table-cell; vertical-align:middle; min-width:20px;}
.board-search-wrap .search-wrap .search-input + .search-btn {padding-left:10px;}
.board-search-wrap .search-wrap .search-btn {display:table; float:left;}
.board-search-wrap .search-wrap .search-btn > div {display:table-cell; vertical-align:middle;}
.board-search-wrap .search-wrap .search-btn > div + div {padding-left:5px;}
.board-search-wrap .search-wrap .auto-complete {position:absolute; left:145px; top:27px; box-sizing:border-box; z-index:999;}
.board-search-wrap .search-wrap .auto-complete .content-wrap {box-sizing:border-box; width:240px; border:1px solid #bbb; text-align:left; background:#fff;}
.board-search-wrap .search-wrap .auto-complete ul > li > a {display:inline-block; width:100%; box-sizing:border-box; padding:8px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-search-wrap .search-wrap .auto-complete ul > li > a:hover {background:#ebf4fa;}
.board-search-wrap .search-wrap .auto-complete ul > li > a span {color:#0070b9;}
.board-search-wrap .search-wrap .auto-complete .bottom {display:inline-block; width:100%; background:#f9f9f9; vertical-align:top;}
.board-search-wrap .search-wrap .auto-complete .bottom .btn-more {float:left; display:inline-block; padding:5px; font-size:12px;}
.board-search-wrap .search-wrap .auto-complete .bottom .btn-off {float:right; display:inline-block; padding:5px; font-size:12px;}
.board-search-wrap .search-wrap .auto-complete .bottom > a:hover {text-decoration:underline;}

.board-search-wrap .search-wrap.wide .search-input .sel {width:310px;}
.board-search-wrap .search-wrap.wide input[type=text] {width:440px;}

.board-search-wrap .search-wrap .search-input.ty2 {width:550px;}
.board-search-wrap .search-wrap .search-input.ty2 > div {width:50%;}
.board-search-wrap .search-wrap .search-input.ty2 .sel {width:100%;}

/* board search | align-left */
.board-search-wrap .search-wrap.align-left {display:block; margin:0 auto; max-width:627px;}
.board-search-wrap .search-wrap.align-left + .search-wrap {margin-top:10px;}
.board-search-wrap .search-wrap.align-left .search-input > div {width:50%;}
.board-search-wrap .align-left .sel {width:100%;}
.board-search-wrap .align-left .search-input {width:100%; box-sizing:border-box;}

/* board search | align-clum */
.board-search-wrap .search-wrap.align-clum {width:100%; max-width:inherit;}
.board-search-wrap .search-wrap.align-clum .sel {width:100%;}
.board-search-wrap .search-wrap.align-clum input[type=text] {width:100%;}

.board-search-wrap .align-clum .clum-title {min-width:90px; text-align:left; font-weight:700;}
.board-search-wrap .align-clum .search-input {width:50%; padding-right:3%; box-sizing:border-box;}
.board-search-wrap .align-clum .search-input > div + div {width:50%;}
.board-search-wrap .align-clum .search-input.clum-full > div + div {width:100%;}
.board-search-wrap .align-clum .search-input.clum-else > div:last-child {min-width:150px;}
.board-search-wrap .clum-btn {margin-top:20px; padding-top:20px; border-top:1px solid #dbdbdb;}
.board-search-wrap .clum-btn > a + a {margin-left:3px;}

/* board search | sel-inp */
.board-search-wrap .search-wrap.sel-inp {display:block; margin:0 auto; max-width:627px;}
.board-search-wrap .search-wrap.sel-inp + .search-wrap {margin-top:10px;}
.board-search-wrap .search-wrap.sel-inp .search-btn > div:first-child {width:395px;}
.board-search-wrap .search-wrap.sel-inp .search-btn input[type=text] {width:100%;}

/* board search | sel3-btn */
.board-search-wrap .search-wrap.sel3-btn {max-width:627px;}
.board-search-wrap .search-wrap.sel3-btn .sel {width:180px;}

/* board search | sel-search */
.board-search-wrap .search-wrap .search-btn.sel-search {}
.board-search-wrap .search-wrap .search-btn.sel-search > div:first-child {width:240px;}
.board-search-wrap .search-wrap .search-btn.sel-search > div:first-child .sel {max-width:100%; width:100%;}

/* board search | date-search */
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child > div {display:inline-block;}
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child .date-pick {width:192px;}
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child .date-pick input {width:100%;}
.board-search-wrap .search-wrap .search-btn.date-search > div:first-child .date-pick > button {display:inline-block; width:28px; height:26px; border:1px solid #bbb; background:#f9f9f9; position:absolute; right:0; top:0;}

.cont-title01-wrap, .cont-title02-wrap, .cont-title03-wrap {display:block; position:relative;}
.cont-title01-wrap.line, .cont-title02-wrap.line, .cont-title03-wrap.line {padding-bottom:8px; border-bottom:1px solid #ccc;}
.cont-title01.white, .cont-title02.white, .cont-title03.white{color:#fff;}
.cont-title01.space, .cont-title02.space, .cont-title03.space{padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.cont-title01 strong, .cont-title02 strong, .cont-title03 strong {font-weight:700;}

/* select */
.sel {box-sizing:border-box; display:inline-block; width:100%; height:40px; padding:0; border:1px solid #bbb; background:#fff; max-width:380px; position:relative;}
.sel select {box-sizing:border-box; width:100%; height:100%; padding-left:5px; border:0; color:#555; position: absolute; left: 0; }
.sel select option { color:#555; }
.sel.full {max-width:100%;}

.sel select[disabled] {background-color:#f0f2f5}
.sel-disabled {background-color:#f0f2f5}
.sel.error,
.sel.error select {background-color:#ffe7e7}

.tbl-hd-label {margin-bottom:0px;}


/* FAQ Slider */
.faq li.q {
  background: #4FC2E;
  font-weight: 400;
  font-size: 110%;
  border-bottom: 1px #ddd solid;
  padding:25px 0 10px 20px;
  cursor: pointer;
}
 
.faq li.a {
  background: #7faed1;
  display: none;
  color:#fff;
  padding:20px 60px 30px 60px;
}

.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


/* prodinfo */
#prodinfo { /* background-color: #e5e5e5; */ }
#prodinfo .container { background-color: #fff; padding:0px !important;}

#prodinfo #content {float:left; width:100%; padding:15px 15px 60px 17px;  border-left:0px solid #c9c9c9; }
#prodinfo #content:after {content:""; clear:both; display:block;} 
#prodinfo #content h2 { color:#333; font-size:26px; text-align:left; padding-bottom:5px; border-bottom:1px solid #c9c9c9; }

#prodinfo {width:100%; text-align:center; overflow:hidden; letter-spacing: 0.05em;}
#prodinfo .prodLine {width:100%; margin:0 auto; /* padding:40px 0; */ overflow:hidden; border-bottom:0px solid #c9c9c9;}
#prodinfo .prodBox {padding:0; border:1px solid #ccc; overflow:hidden; }
#prodinfo .prodBox .prodImg {width:auto; height:450px; max-height:450px; min-height:450px; padding:5px; text-align:center; vertical-align:middle; display:table-cell; overflow:hidden; cursor:pointer;}
#prodinfo .prodBox .prodImg .imgblock {display:inline-block; cursor:pointer;}
#prodinfo .prodBox .prodtit {background-color:#f7f6f6; padding:0 10px 7px 0; border-top:1px solid #ddd}
#prodinfo .prodBox .prodTitle {text-align:left; font-size:17px; font-weight:600; padding:7px 0 10px 10px; color:#555; letter-spacing: 0em;}
#prodinfo .prodBox .prodSubTitle {text-align:left; font-size:14px; font-weight:600; padding:20px; margin-top:-25px;}
#prodinfo .prodBox .prodPriceBox {padding:0 0 0 10px; font-weight:normal;display:inline-block;text-align:right;}
#prodinfo .prodBox .prodPriceBox .prodSoldOut {width:320px;display:inline-block;color:#f33f4b;font-size:16px;}
#prodinfo .prodBox .prodPriceBox .prodPriceBoxLine1 {display:inline-block;}
#prodinfo .prodBox .prodPriceBox .prodPriceBoxLine2 {display:inline-block;}
#prodinfo .prodBox .prodPriceBox .prodPriceBoxLineTitle {font-size:16px;width:70px;float:left;display:inline-block;}
#prodinfo .prodBox .prodPriceBox .prodPriceBoxLineAmt {font-size:16px;width:110px;float:right;text-align:right;display:inline-block;}
#prodinfo .prodBox .prodPrice {text-align:left; font-size:16px; padding:0 0 10px 10px; color:#f33f4b; font-weight:normal;}
#prodinfo .prodBox .prodPriceView {text-align:left; font-size:16px; padding:0 0 9px 0; font-weight:normal;}
#prodinfo .prodBox .prodPriceArea {font-size:16px; padding:0 0 9px 0; font-weight:normal;}
#prodinfo .prodBox .prodInfo {text-align:left; font-size:14px; font-weight:600; padding:10px; height:95px; overflow:hidden; }

#prodinfo .prodBox img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#prodinfo .prodBox:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

#prodinfo .img-fluid90 {width: 90% !important;}
#prodinfo .img-fluid280 {width: 280px !important;}
#prodinfo .img-fluid { /* max-width: 90% !important; */}

/* Produt Detail */
#prodContents {width:100%; text-align:center; /* padding:15px 0; */ overflow:hidden; letter-spacing: 0.05em;}
#prodContents .prodLine {width:100%; margin:0 auto; /* padding:40px 0; */ overflow:hidden; border-bottom:1px solid #c9c9c9;}
#prodContents .prodBox {width:31%; padding:0; border:1px solid #ccc; overflow:hidden; }
#prodContents .prodBox .prodImg {width:500px; height:400px; padding:5px; text-align:center; vertical-align:middle; display:table-cell; overflow:hidden; cursor:pointer;}
#prodContents .prodBox .prodImg .imgblock {display:inline-block; cursor:pointer;}
#prodContents .prodBox .prodtit {background-color:#f7f6f6; padding:0 10px 7px 0; border-top:1px solid #ddd}
#prodContents .prodBox .prodTitle {text-align:left; font-size:17px; font-weight:600; padding:15px 0 10px 10px; color:#555; letter-spacing: 0em;}
#prodContents .prodBox .prodSubTitle {text-align:left; font-size:14px; font-weight:600; padding:20px; margin-top:-25px;}
#prodContents .prodBox .prodPriceBox {padding:0 0 0 10px; font-weight:normal;display:inline-block;text-align:right;}
#prodContents .prodBox .prodPriceBox .prodSoldOut {width:320px;display:inline-block;color:#f33f4b;font-size:16px;}
#prodContents .prodBox .prodPriceBox .prodPriceBoxLine1 {display:inline-block;}
#prodContents .prodBox .prodPriceBox .prodPriceBoxLine2 {display:inline-block;}
#prodContents .prodBox .prodPriceBox .prodPriceBoxLineTitle {font-size:16px;width:70px;float:left;display:inline-block;}
#prodContents .prodBox .prodPriceBox .prodPriceBoxLineAmt {font-size:16px;width:110px;float:right;text-align:right;display:inline-block;}
#prodContents .prodBox .prodPrice {text-align:left; font-size:16px; padding:0 0 10px 10px; color:#f33f4b; font-weight:normal;}
#prodContents .prodBox .prodPriceView {text-align:left; font-size:16px; padding:0 0 9px 0; font-weight:normal;}
#prodContents .prodBox .prodPriceArea {font-size:16px; padding:0 0 9px 0; font-weight:normal;}
#prodContents .prodBox .prodInfo {text-align:left; font-size:14px; font-weight:600; padding:10px; height:59px; overflow:hidden; }

#prodContents .prodBox img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#prodContents .prodBox:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

#prodContent {margin:0 auto; width:92%; padding-top:15px;}
#prodContent h3 {color:#333; font-size:26px; font-weight:500; margin-top:20px; padding-bottom:16px; border-bottom:1px solid #c9c9c9;}

.prodView {width:100%; float:left; margin-bottom:60px;}
.prodView:after{content:"";clear:both;display:block;}

.prodView .imgView {width:100%; float:left;}
.prodView .imgView:after {content:"";clear:both;display:block;}
.prodView .thmb {width:100%; height:auto; padding:10px; margin-bottom:12px; border:1px solid #e3e3e3; text-align:center; display: table-cell;  vertical-align: middle;}
.prodView .thmb:after {content:"";clear:both;display:block;}
.prodView .imgView .sthmb li{float:left; margin-right:10px; border:1px solid #e3e3e3; width:70px; height:70px;}
.prodView .imgView .sthmb li.last{margin-right:0;}
.prodView .prodInfo {float:right; width:100%;}
.prodView .prodInfo:after{content:"";clear:both;display:block;}
.viewTab {width:100%; margin:20px 0 30px 0; text-align:left; padding:0; background:url("../images/sub/datailtab_bg.gif") 1px bottom repeat-x;}

.Prod_Box { width:300px;float:left;border:1px solid #f0f0f0;cursor:pointer;height:380px;margin-top:40px; }
.Prod_Box_on { border:1px solid #000; }
.Prod_Box li { text-align:center;line-height:5mm; }
.Prod_Box img { width:245px;margin-top:20px; }
.Prod_Box li:nth-child(1) { margin-bottom:15px; }
.Prod_Box li:nth-child(2) { font-size:16px;font-weight:bold;margin-bottom:10px;height:35px;padding:0 5px 0 5px; }
.Prod_Box li:nth-child(3) { margin-bottom:5px;height:60px;padding:0 5px 0 5px;  }
.Prod_Box li:nth-child(4) { font-size:16px;font-weight:bold;color:#b52b38; }
.Prod_Box span.f2 { font-size:14px; font-weight:normal;}

.Prod_Box2 { width:220px;float:left;border:1px solid #f0f0f0;cursor:pointer;height:340px;margin-top:40px; }
.Prod_Box2_on { border:1px solid #000; }
.Prod_Box2 li { text-align:center;line-height:5mm; }
.Prod_Box2 img { width:200px;margin-top:20px; }
.Prod_Box2 li:nth-child(1) { margin-bottom:15px; }
.Prod_Box2 li:nth-child(2) { font-size:16px;font-weight:bold;margin-bottom:10px;height:35px;padding:0 5px 0 5px; }
.Prod_Box2 li:nth-child(3) { margin-bottom:5px;height:60px;padding:0 5px 0 5px;  }
.Prod_Box2 li:nth-child(4) { font-size:16px;font-weight:bold;color:#b52b38; }
.Prod_Box2 span.f2 { font-size:14px; font-weight:normal;}

/* 돋보기 */
.magnifier {
    width: 200px;
    height: 200px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);
    display: none;
}


.tbl02 {margin-top:13px; margin-bottom: 40px; letter-spacing:0 !important; }
.tbl02 table {width:100%; border-top:1px solid #333; border-bottom:1px solid #777; color:#666;}
.tbl02 th {padding:11px 0 8px 15px; border-top:1px solid #ddd; background:#f7f7f7; text-align:left; letter-spacing:0px; color:#555 !important; font-weight:300 !important; }
.tbl02 th em {font-style:normal; color:#f33f4b; margin-right:6px;}
.tbl02 td {padding:11px 0 8px 10px; border-top:1px solid #e3e3e3; text-align:left; vertical-align: middle;}
.tbl02 td input {padding:5px !important; border-color:#e9e9e9;}
.tbl02 select {color:#555 !important; padding:0 !important;}
.tbl02 .hp .itext {width:48px;}

.bs-btn { text-align: center !important; }
.bs-btn button:nth-child(2) { margin-left: 10px; margin-right: 10px; }
.bs-btn button.btn-lg { padding: .7rem 1.5rem !important; font-size: 1.0rem !important; }


/* 완료 페이지 */
.complete_bg{width:60%; padding:37px 0 30px 0; background-color:#fff; border:1px solid #e5e5e5; border-top:2px solid #04305d; margin:0 auto;}
.complete li{text-align:center; margin:0 auto;}
.complete li img{margin-bottom:34px;}
.complete li.first{padding:9px 0 5px 0; text-align:center; font-weight:bold; color:#333;}
.complete li.last{padding-top:13px; text-align:center;}


/* ---- 
#prodContents .btn {width:100%; margin: 0; text-align:right; cursor:auto; border:none; }
#prodContents .btn .btnType {margin-left:2px;}
-----*/


.btnType {display:inline-block;}
.btnType img {border:0; vertical-align:middle;}
.btnType a {display:inline-block; overflow:visible; margin:0; padding:0; border:0; width:auto !important; font-size:14px; vertical-align:top; white-space:nowrap; font-weight:normal;}
.btnType.type1 a, .btnType.type2 a, .btnType.type3 a, .btnType.type4 a, .btnType.type5 a  {border:1px solid #103550; padding:15px 25px; }
.btnType.type3 a { color:#666;}
.btnType.type4 a { background:#fff; border-color:#666; color:#666;}
.btnType.type5 a { background:#f0f0f0; border-color:#666; color:#666;}

.btnType.type3:hover { background: #ddd; }


.btnType2 a{display:inline-block; overflow:visible; margin-top:-5px; padding:2px 15px 0 15px; border:1px solid #8c0905; width:auto !important; font-size:12px; vertical-align:top; white-space:nowrap; font-weight:bold; background:#f33f4b; color:#fff !important;}
.btnType3{overflow:visible; margin:0; padding:5px 9px 5px 9px; font-size:11px; vertical-align:middle; background:#909598; color:#fff; white-space:nowrap;}
.btnType4{overflow:visible; margin:0; padding:5px 9px 5px 9px; font-size:11px; vertical-align:middle; background:#6c5c55; color:#fff; white-space:nowrap;}
.btnType5{overflow:visible; margin:0; padding:4px 9px 4px 9px; font-size:11px; vertical-align:middle; background:#fff; border:1px solid #ccc; color:#333; white-space:nowrap;}
.btnType6{overflow:visible; margin:0; padding:5px 9px 5px 9px; font-size:11px; vertical-align:middle; background:#b19a10; color:#fff; white-space:nowrap;}
.btnType7{overflow:visible; margin:0; padding:5px 9px 5px 9px; font-size:11px; vertical-align:middle; background:#617191; color:#fff; white-space:nowrap;}

.btn {margin:15px 0 0; /* text-align:right; */ } 
.btn2 {margin:15px 0 0; text-align:center;}
.btn3 {margin:15px 0 0; text-align:left;}
.btn4 {margin:50px 0; text-align:center;}
.btn5 {margin:30px 0; text-align:center;}
.btn,.btn2,.btn5 .btnType {margin-left:2px;}
.btnl {position:absolute; left:0;}
.btnR {position:absolute; right:0; top:15px;}

.p13 {margin:70px 0 10px 0;}

.table-mobile .tr {display:inline-block; height:auto; padding:20px 0px; border-bottom:1px solid #ddd;}


.wrapper {
    text-align: center;
}

.wrapper a {
  color: white;
  font-size: 17px;
  padding: 6px 20px;
  height: 50px;
}

.form-login #msgdiv {
  display: table; 
  width: 100%; 
  height: 100%;
}

.form-login #msgbox, .form-login #centermsgbox {
  height: 28px;
  display: table-cell;  
  vertical-align: middle;
  font-size: 15px;
  width: 100%; 
  color: red; 
  text-align: center; 
  /* display: none; */
}


/* inner */
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 13px 20px 0 25px;
  pointer-events: none;
  color: #bfbfbf;
  font-size: 23px;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  50px; }
.right-addon input { padding-right: 50px; }



/* page Navigation */
#pageNav { height: 48px; border-bottom: 1px solid #ececec; background: #f8f8f8; }
#pageNav #nav { float: left; height: 48px; position: relative; width: 100%; }
#pageNav ul#nav { margin-bottom: 0px !important; }
#pageNav #nav li a { width: 101%; }
#pageNav #nav li.navli { float: left; line-height: 47px; color: #585858; border-left: 1px solid #dedede; /* padding: 0 12px; */ width: 13%; }
#pageNav #nav li.navli.home { width: 7%; text-align: center; background: #efefef; }
#pageNav #nav li.navli.home a:hover{ color: #189fce; }
#pageNav #nav .navli:nth-last-child(1) { border-right: 1px solid #dedede; width: 15%;}

/*
#pageNav #nav li > select { color: #161616; outline: 0; }
*/
#pageNav #nav li.on { /* border: 0; background-color: #56a6a8; color: #fff; */ }


@media (max-width:575px) {
    #pageNav #nav li.navli.home { width: 15%; }
    #pageNav #nav li.navli { width: 40%; }
    #pageNav #nav .navli:nth-last-child(1) { width: 45%; }
}

@media (min-width:576px) and (max-width:767px) {
    #pageNav #nav li.navli.home { width: 20%; }
    #pageNav #nav li.navli { width: 35%; }
    #pageNav #nav .navli:nth-last-child(1) { width: 45%; }
}

@media (min-width:768px) and (max-width:991px) {
    #pageNav #nav li.navli.home { width: 10%; }
    #pageNav #nav li.navli { width: 20%; }
    #pageNav #nav .navli:nth-last-child(1) { width: 25%; }
}

@media (min-width:992px) and (max-width:1200px) {
    #pageNav #nav li.navli.home { width: 7%; }
    #pageNav #nav li.navli { width: 15%; }
    #pageNav #nav .navli:nth-last-child(1) { width: 17%; }
}


.btn-select {
    position: relative;
    padding: 0;
  /* min-width: 100px; */
    width: 100%;
    border-radius: 0;
  /* margin-bottom: 20px; */
    margin: 0px;
  /* line-height: 40px;
    height: 40px; */
    border: 0;
}

.btn-select .btn-select-value {
    margin-top: -27px;
    padding: 12px;
  /* display: block; */
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
   /* width: 153px; */
    height: 47px;
}
 
.btn-select .btn-select-value:after {
    content: ' \f107';
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 12px;
    height: 17px;

    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-select .btn-select-value.on {
   /* border: 0;
    background-color: #56a6a8 !important; */
}

.btn-select .btn-select-value:hover {
    border-color: red !important;
}

.btn-select ul {
    display: none;
    background-color: white;
    color: #555;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    border-top: none !important;
    position: absolute;
    left: -1px;
    /* right: -1px; */
    top: 22px;
    width: 100%;
    z-index: 999;
}

.btn-select ul li {
    padding: 5px 20px;
    text-align: left;
    color: #555;
    /* font-size: 14px;
    line-height: 16px; */
}

.btn-select ul li:hover {
    background-color: #f7f7f7;
    color: #d60815;
}

.btn-select ul li.selected {
    /* color: white; */
    font-weight: 600;
}

/* Default Start */
.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {
   /* border-color: #ccc; */
   border: none;
}

.btn-select.btn-default ul li.selected {
    /* background-color: #ccc; */
}

.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {
   /* background-color: #f8f8f8;
    border: #ccc 1px solid; */
}

.btn-select.btn-default:hover, .btn-select.btn-default.active {
    /* background-color: #e6e6e6; */
    border: none;
}
/* Default End */

/* ----------------------------------------------------------------------------*/



/* etc */
.conbox {font-size:14px; padding:40px 20px;}
.txt_b { font-weight:bold; }
.txt_22 { font-size:22px;line-height:9mm; }
.txt_16 { font-size:16px;line-height:8mm; }
.txt_15 { font-size:14px; }
.txt_16_1 { font-size:16px;line-height:4mm; }
.txt_W { color:#fff; }
.txt_12 { font-size:12px; }
.txt_14_1 { font-size:14px;line-height:4mm; }


/* font Color */
.txtBlue { color:#4aa02a; }
.txtRed { color:#ed1c24; }
.txtB { font-weight:bold; }
.txt20 { font-size:20px; }
.txt16 { font-size:16px; }
.lineH_8 { line-height:10mm; }
.txt1 {color:#2a9db9; font-weight:bold; }
.txt2 {font-weight:bold; color:#6c6c6c}
.txt3 {text-align:right; font-weight:bold; padding-top:20px;}
.txt4 {text-align:right !important; font-weight:bold;}
.txt5 {font-size:16px; font-weight:bold; color:#3c3c3c;}
.txt6 {font-size:18px; font-weight:bold; color:#333;}
.txt7 {font-size:30px; font-weight:normal; color:#333;}
.txt13 {font-size:13px;line-height:6mm; }
.txt14 {text-align:right; padding-top:20px;}
.a_Right { text-align:right !important; }
.a_Center { text-align:center; }
.mT_20 { margin-top:20px; }
.mT_10 { margin-top:10px; }
.mT_50 { margin-top:50px; }
.mT_70 { margin-top:70px; }
.pT_10 { padding-top:10px; }
.mgL_70 { margin-left:70px; }

.vision_txt1 { font-size:14px;padding:20px 0 0 0; }
.vision_txt2 { font-size:18px;font-weight:bold;padding:20px 0 0 0; }
.vision_txt3 { font-size:16px;font-weight:normal;padding:10px 0 0 0; }
.vision_txt4 { font-size:13px;font-weight:normal;padding:10px 0 0 0; }


/* mbrSearch */
.content { position: relative; width: 100%; margin: 40px 0 0 0; clear: both; }
.login_box2 { width: 100%; background-color: #fff; border: 1px solid #e5e5e5; border-top: 2px solid #abb110; }
.login_txt2 { margin: 24px 0 20px 210px; }
.login_txt2 li { padding: 0 0 0 0px; font-size: 17px; line-height:28px }
.login_cont2 { position: relative; padding: 20px 0 24px 210px; background-color: #FFF; border-top: 1px solid #d4d4d4; } 
.login_cont2 .login { float: left; margin-right: 7px; }
.login_cont2 .login li { margin-top: 5px; }
.login_cont2 .login label { margin: 0 0 0 4px; display: inline-block; width: 80px; vertical-align: middle; font-weight: bold; font-size: 16px; }
.login_cont2 .login input { height: 24px; width: 172px; padding: 4px 0 5px 10px; border: 1px solid #c2c2c2; font-size: 15px; }
button.confirmBtn { float: left; display: inline-block; height: 57px; width: 85px; border: none; margin: 4px 0 9px 5px; padding: 0; font-size: 17px; line-height: 0; }


/* Session check layer popup */
#conSession { display: none; max-width: 600px; position: absolute; left: 50%; top: 50%; margin-left: -296px; margin-top: -200px; border: 2px solid #666; width: 600px; background-color: white; z-index: 898; }
#conSession .div-left { min-height: 300px; }
#conSession .div-right { min-height: 300px; padding: 30px 70px; }
#conSession .div-right .r-title { font-size: 27px; font-weight: 600; color: cornflowerblue; }
#conSession .div-right .rs-title { font-size: 20px; font-weight: 600; padding: 0 0 10px; }
#conSession .div-right .logout-message { display: block; }
#conSession .div-right .logout-message #timer { color: red; }
#conSession .div-right .close-message { display: none; padding: 30px 0; }