@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* ¸ÞÀÎ */
#wrap {width:100%; height:100%; min-width:1000px;}
.introBg {width:100%; height:986px;}
.MainContents { height:100%; margin:auto; overflow:hidden; position:relative; box-sizing:border-box; }
.MainContents .KorTitle {position:absolute; left:350px; top:60px;}
.sideBar {width:280px; height:900px; padding-bottom:320px; background:#fff; padding-top:10px; box-sizing:border-box; border:1px solid #ddd; border-top:0;}
.sideBar .sideBarLoginAlert {padding:15px 0px; background:url("../img/iconLogin.png") 30px 25px no-repeat #3c4a59; color:#fff; text-align:center; margin-bottom:20px;}
.sideBar h1.logo {margin:auto; width:165px; margin: auto; display:block; padding-bottom:10px;}
.sideBar h2 {font-size:20px; margin-bottom:5px;}
.sideBar p {font-size:12px; letter-spacing:-2px;}
.sideBar .sideEditor {width:244px; margin:auto; box-sizing:border-box;}
.sideBar .sideEditor li{display:block;}
.sideBar .sideEditor .loginInput {margin-bottom:10px;}
.sideBar .loginBanner {margin:15px 0px 10px 0px;}
.sideBar .loginNotice .head {overflow:hidden; margin-bottom:6px;}
.sideBar .loginNotice .head h2 {float:left; font-size:16px;}
.sideBar .loginNotice .head span {float:right; color:#7f7f7f; font-size:18px;}
.sideBar .loginNotice .list {font-size:13px; color:#acacac; line-height:25px;}
.sideBar .loginNotice .list li {width:240px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url("../img/bulit_li.png") 0px 13px no-repeat; display:block; padding-left:12px;}
.sideBar .loginNotice .list li:first-child {background:url("../img/bulit_li_on.png") 0px 13px no-repeat; color:#464646; font-weight:bold;}
.sideBar .signDocument {overflow:hidden; padding:10px; margin-bottom:20px; letter-spacing:-1px; border:1px solid #e8e8ec; background:#f9f9f9;}
.sideBar .signDocument h2 {font-size:15px; margin-bottom:6px; display:block; letter-spacing:0;}
.sideBar .signDocument p {line-height:1.5; letter-spacing:0; font-size:13px; color:#666; margin-bottom:10px;}
.sideBar .signDocument a {margin-bottom:2px; display:inline-block; text-align:center; font-weight:bold;  width:106px; height:29px; font-size:13px; line-height:28px; color:#fff;}
.sideBar .signDocument a.link01 {float:left; background:#3a6e8a;}
.sideBar .signDocument a.link01:hover {background:#2e5e78;}
.sideBar .signDocument a.link02 {float:right; background:#626262;}
.sideBar .signDocument a.link02:hover {background:#535353;}

.MainContact {width:100%; height:215px; background:rgba(0,0,0,0.8); position:absolute; bottom:80px;}
.MainContact .inContact {width:1100px; position:relative; margin:auto; padding:15px 0px;}
.MainContact .inContact .Contact01 {width:280px; float:left; box-sizing:border-box; padding:0px 20px;}
.MainContact .inContact h3 {color:#4c95a9;  font-weight:bold; font-size:16px; margin-bottom:15px;}
.MainContact .inContact dt {color:#fff; margin-bottom:8px; font-size:27px;}
.MainContact .inContact dd {color:#7e7e7e; font-size:18px; margin-bottom:15px;}
.MainContact .inContact p {color:#6e6e6e; font-size:13px; margin-bottom:6px; line-height:20px;}
.MainContact .inContact .Contact02 {width:785px; float:right; box-sizing:border-box; padding:0px 20px; background:url("../img/iconINT.png") 100px 145px no-repeat;}
.MainContact .inContact .Contact02>div {float:left;}
.MainContact .inContact .CotactBanner {position:absolute; left:1100px;}
.MainContact .MainContentsTable {float:right; width:77%; color:#fff; font-size:13px;}
.MainContact .MainContentsTable th {color:#b0b2b4; font-size:13px; font-weight:normal; border-left:1px solid #54575a; border-right:1px solid #54575a; padding-bottom:10px;}
.MainContact .MainContentsTable td {vertical-align:top; padding:10px 25px 0px 25px; line-height:19px; border:1px solid #54575a; border-bottom:0;}
.MainContact .MainContentsTable b {color:#f2da40;}
.MainFooter {width:100%; height:86px; padding:20px 0px; background:#fff; text-align:center; box-sizing:border-box; color:#8c8c8c; font-size:12px; letter-spacing:0; line-height:20px;}
.MainFooter strong {font-weight:normal; color:#333;}


/* ¼­ºê */
.gnb { height:62px; margin-right:78px; padding:0px 35px;  background:#363636; color:#fff; box-sizing:border-box;}
.gnb h1.subLogo {display:inline-block; position:relative; top:10px; margin-right:15px;}
.gnb h2.subTitle {display:inline-block; font-weight:bold; font-size:24px; position:relative; top:-5px;}
.gnb .menuLogin {float:right; position:relative; top:18px; vertical-align:middle; font-size:14px; color:#cfcdcd; font-weight:bold;}
.gnb .menuLogin b { color:#fff;}
.gnb .menuLogin li {display:inline-block}
.gnb .menuLogin li.alertAdmin {margin-right:35px;}
.Contents {height:100%; position:relative; overflow:hidden;}

.QuickMenu {box-sizing:border-box; text-align:center; width:78px; min-height:100%; background:#888; position:fixed; right:0; box-shadow:5px 0px 20px #353535 inset; z-index:9999999;}
.QuickMenu .head {box-sizing:border-box; margin-bottom:20px; font-size:14px; color:#ebebeb; font-weight:bold; padding-top:14px; width:100%; height:68px; background:url("../img/bg_quickmenu.png") no-repeat;}
.QuickMenu .QuickBtn {font-size:12px; width:100%; height:75px; padding-top:30px; box-sizing:border-box; color:#c3c3c3; text-align:center; cursor:pointer;}
.QuickMenu .Quick01 {background:url("../img/quick01.png") no-repeat;}
.QuickMenu .Quick02 {background:url("../img/quick02.png") no-repeat;}
.QuickMenu .Quick03 {background:url("../img/quick03.png") no-repeat;}
.QuickMenu .Quick04 {background:url("../img/quick04.png") no-repeat;}
.QuickMenu .Quick05 {background:url("../img/quick05.png") no-repeat;}
.QuickMenu .Quick06 {background:url("../img/quick06.png") no-repeat;}
.QuickMenu .Quick07 {background:url("../img/quick07.png") no-repeat;}

.menu {position:relative; padding:5px 35px 0px 35px; box-sizing:border-box; height:45px; background:#c81f34; font-size:0; margin-right:78px;}
.menu .menuHome {display:inline-block; border-right:1px solid #dc7683; height:100%; box-sizing:border-box; position:absolute; top:0px; padding-top:12px; padding-right:45px;}
.menu .menuList {width:135px; height:40px; margin:0px 1px; padding-top:6px; text-align:center; display:inline-block; font-size:16px; font-weight:bold; color:#fff; box-sizing:border-box;}
.menu .menuList.on {background:#E97281; padding-top:8px; border-radius:8px 8px 0px 0px; color:#fff;}
/* .menu .menuList.on {background:#fff; padding-top:8px; border-radius:8px 8px 0px 0px; color:#c81f34;} */


.menuSub {background:#fff; height:36px; font-size:0; border-bottom:1px solid #cbcbcb; box-shadow:0px 3px 20px #dfdfdf;}
.menu2depth {display:none;}
.menu2depth li {display:inline-block; position:relative; top:22px; font-size:13px; color:#000; font-weight:bold; padding:0px 4px 8px 4px; margin:0px 15px;}
.menu2depth li.on { border-bottom:2px solid #c81f34; color:#c81f34;}
.menu2depth li:hover {border-bottom:2px solid #c81f34; color:#c81f34;}
.menu2depth li a {display:block;}

.menu2depth.menuSub01 {position:absolute; left:90px;}
.menu2depth.menuSub02 {position:absolute; left:110px;}
.menu2depth.menuSub03 {position:absolute; left:270px;}
.menu2depth.menuSub04 {position:absolute; left:400px;}
.menu2depth.menuSub05 {position:absolute; left:300px;}
.menu2depth.menuSub06 {position:absolute; left:400px;}
.menu2depth.menuSub07 {position:absolute; left:640px;}
.menu2depth.menuSub08 {position:absolute; left:640px;}


.footer {width:100%; padding-left:35px; height:70px; box-sizing:border-box; background:#e7e7e9; border-top:1px solid #cbcbcb; padding-top:13px; font-size:12px; }
.footer p {color:#959595; line-height:20px;}
.footer strong {color:#4f4f4f; font-weight:normal;}
.SubContents { min-height:741px; margin-right:78px; padding:15px 25px;}
.SubContents .PageTitle {width:100%; padding-bottom:15px; overflow:hidden; border-bottom:1px solid #000;}
.SubContents .PageTitle h3 {font-size:28px; font-weight:bold; color:#000; padding-left:25px; background:url("../img/icon_pagetit.png") 0px 9px no-repeat; float:left;}
.SubContents .PageTitle .SiteLocation {float:right; font-size:0; position:relative; top:10px;}
.SubContents .PageTitle .SiteLocation li {display:inline-block; font-size:12px; color:#666;}
.SubContents .PageTitle .SiteLocation span {display:inline-block; margin:0px 7px; font-size:12px; color:#696969;}
.SubContents .PageTitle .SiteLocation .home {position:relative; top:2px;}

.SelectSearch {width:100%; background:#f8fafd; padding:15px 35px; box-sizing:border-box; border:1px solid #dbdad8; position:relative; overflow:hidden; min-width:1100px;}
.SubContents .SelectSearch .SelectItemDiv {display:block; overflow:hidden; float:left; margin-bottom:-10px;}
.SubContents .SelectSearch .ItemList {display:block; font-size:0; margin-bottom:10px; }
.SubContents .SelectSearch .ItemList li {display:inline-block; margin-right:15px; font-size:0; color:#666; vertical-align:top;}
.SubContents .SelectSearch .ItemList li:last-child {margin-right:0;}
.SubContents .SelectSearch .ItemList span {font-size:13px;}
.SubContents .SelectSearch .ItemList .ItemOption {width:54px; height:35px; font-size:13px; text-align:center; padding-top:9px; background:#fff; cursor:pointer; display:inline-block; border:1px solid #c7c7c7; border-radius:3px; margin-left:5px; box-sizing:border-box;}
.SubContents .SelectSearch .ItemList .ItemOption:hover {background:#eee; border:1px solid #333;}
.SubContents .SelectSearch .ItemList .ItemOption.ItemOptionActive {background:#898989; background:radial-gradient(#898989, #807f7f); color:#fff;}
.SubContents .SelectSearch .ItemList .lineDiv {width:10px; height:1px; background:url("../img/line.png") no-repeat; position:relative; display:inline-block; top:-5px; margin:0px 10px;}

.ItemDate {width:125px; box-sizing:border-box; cursor:pointer; height:35px; line-height:35px; padding:0px 35px 0px 10px; border:1px solid #c7c7c7; box-sizing:border-box; background: url("../img/select_date.png") no-repeat 100% 50% #fff;}
.ItemDate:hover {border:1px solid #333;}
.ItemSearch {  padding-left:3%; float:right; padding-top:20px;}

.trActionHistory {width:100%;  padding:20px 0px; overflow-x:auto;}
.trActionHistory .DataTable {width:99.9%; box-sizing:border-box; min-width:1200px;}
.trActionHistory .DataTable th {background:#f2f1f1; padding:8px 0px; font-weight:bold; font-size:14px; border:1px solid #c3c3c3; min-width:50px; line-height:120%;}
.trActionHistory .DataTable td {border:1px solid #c3c3c3; padding:8px 7px; font-size:13px; color:#666; text-align:center; line-height:120%; max-width:200px;}
.trActionHistory .DataTable tr:hover {background:#fafafa;}
.trActionHistory .DataTable td.number {text-align:right; font-family:tahoma; letter-spacing:0px;}





.trActionHistory .ResultSum {border-right:0; position:relative; margin-bottom:10px;}
.trActionHistory .ResultSum span {display:table-cell; padding:8px 16px; border:1px solid #dcdcdc;}
.trActionHistory .ResultSum li {display:table-cell; font-size:14px;}
.trActionHistory .ResultSum .head {text-align:center; min-width:90px; font-weight:bold; background:#f8fafd; border-right:0;}
.trActionHistory .ResultSum .sum {padding:8px 20px; color:#bb0000; font-weight:bold; font-size:15px; font-family:tahoma; letter-spacing:0px;}


.trActionDetail {overflow:hidden; padding:30px 0px;}
.trActionDetail h3 {font-size:18px; margin-bottom:15px; display:block;}
.trActionDetail .DataTable {width:100%; box-sizing:border-box; margin-bottom:30px;}
.trActionDetail .DataTable th {background:#f2f1f1; padding:5px 0px; height:40px; font-weight:bold; font-size:14px; border:1px solid #c3c3c3;}
.trActionDetail .DataTable td {border:1px solid #c3c3c3; padding:5px 10px; font-size:13px; color:#666; height:40px; line-height:40px;}

.trPopActionDetail {overflow:hidden; padding:30px 0px;}
.trPopActionDetail h3 {font-size:18px; margin-bottom:15px; display:block;}
.trPopActionDetail .DataTable {width:100%; box-sizing:border-box; margin-bottom:30px;}
.trPopActionDetail .DataTable th {background:#f2f1f1; padding:5px 0px; height:30px; font-weight:bold; font-size:14px; border:1px solid #c3c3c3;}
.trPopActionDetail .DataTable td {border:1px solid #c3c3c3; padding:5px 10px; font-size:13px; color:#666; height:30px; line-height:30px;}


/*
.FranChiseeInfo .InfoTable {width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #dbdad8; background:#fafafa; margin-bottom:30px;}
.colTitle {text-align:center; font-weight:bold; color:#666; min-width:150px; background:#f2f2f2;}
.colCont {padding:10px 20px; width:100%;}
.cell { display:table-cell; font-size:14px; color:#666; padding:20px; border-bottom:1px solid #e4e4e2;}
*/



/* ¹öÆ° */
.btn {  box-sizing:border-box; border:0; cursor:pointer; font-family: 'Nanum Gothic', sans-serif;}
.loginBtn { width:100%; height:45px; background:#ac0d12; font-size:16px; font-weight:bold; color:#fff;}
.btnLogout { width:88px; height:25px; background:url("../img/iconLogout.png") 8px 4px no-repeat #fff; padding-left:17px; border-radius:2px; font-size:13px; color:#c81f34;}
.btnSearch { width:115px; height:45px; background:#747474; color:#fff; font-weight:bold; font-size:16px; position:relative; vertical-align:middle;}
.btnExcel {width:143px; height:26px; background:url("../img/btnExcel.png") no-repeat; font-size:13px; color:#666; font-weight:bold; padding-left:20px; float:right; margin-bottom:15px;}
.btnInput {width:119px; height:26px; background:url("../img/btnInput.png") no-repeat; font-size:13px; color:#666; font-weight:bold; padding-left:20px; float:right; margin-bottom:15px; margin-right:10px;}
.btnPurchase {width:70px; height:23px; color:#fff; font-size:12px; border-radius:2px;}
.btnSubmit {width:115px; height:45px; color:#fff; font-size:14px; border-radius:4px; font-weight:bold;}
.btnHome { width:125px; height:25px; background:url("../img/iconMainPage.png") 8px 4px no-repeat #fff; padding-left:17px; border-radius:2px; font-size:13px; color:#c81f34;}
.btnManual { width:88px; height:25px; background:url("../img/iconManual.png") 8px 4px no-repeat #fff; padding-left:17px; border-radius:2px; margin-right:10px; font-size:13px; color:#c81f34;}
.btnMobileManual { width:120px; height:25px; background:url("../img/iconManual.png") 8px 4px no-repeat #fff; padding-left:17px; border-radius:2px; margin-right:10px; font-size:13px; color:#c81f34;}



.btnBlue {background:#0066cc;}
.btnOrange {background:#f6794f;}
.btnCyan {background:#42bfa9;}
.btnBrown {background:#a28e75;}
.btnGray {background:#9b9b9b;}
.btnGray2 {background:#f9f9f9; border-radius:0; border:1px solid #999; color:#555;}
.btnPayOption {font-size:13px; height:35px; width:85px;  position:relative; }
.btnInputSearch { width:115px; height:40px; background:#747474; font-weight:bold; color:#fff; font-size:16px; position:relative; margin-left:10px;}



/* ÆäÀÌ¡ */
/*
.BoardFooter {width:100%;  text-align:right; margin:auto;margin-top:23px; overflow:hidden;}
.BoardFooter li {display:inline-block; vertical-align:middle; margin:0px 4px;}
.BoardListNum {text-align:center; overflow:hidden; width:100%; font-size:0;}
.BoardListNum span {width:2px; height:2px; margin:0px 5px; background:url("../img/bulit_footer.png") no-repeat; display:inline-block; position:relative; top:3px;}
.numOn {font-weight:bold; color:#333 !important;}
.BoardFooterNumber {width:10px; height:20px;  position:relative; padding-top:3px; background:#fff; color:#979797;text-align:center; box-sizing:border-box;  font-size:14px;}
.BoardFooterNumber:hover { color:#222; font-weight:bold;}
.Boardbtn {width:20px; height:20px; position:relative; text-align:center; box-sizing:border-box;  font-size:13px;}
.btnNext{background-image:url("../img/num_next.png"); margin-left:8px !important;}
.btnPrev{background-image:url("../img/num_prev.png"); margin-right:8px !important;}
*/


.paginate {margin-top:25px; text-align:center; line-height:20px;}
.paginate a {position:relative; margin-right:10px; padding:4px 7px 3px; border:1px solid #898989; font-size:14px;}
.paginate a.on {background-color:#C81F34; border:1px solid #C81F34 !important; color:#fff; font-weight:bold;}
.paginate .pre {background-image:url(../img/num_prev.png) 6px -12px #fff no-repeat; padding:0 8px; display:inline-block; vertical-align:middle; height:17px; *height:16px;}
.paginate .next {background-image:url(../img/num_next.png) 6px -29px #fff no-repeat; padding:0 8px; display:inline-block; vertical-align:middle; height:17px; *height:16px;}



/* ±âŸ */
.mc5 {margin:0px 5px;}
.pMsg {display:inline; font-size:14px; color:#666; font-weight:bold; margin-left:10px;}
.textbar {height:40px; line-height:40px; font-size:13px; color:#666; letter-spacing:-1px; border:1px solid #d3d3d3; padding:0px 15px; box-sizing:border-box;}
.textbar:hover {border:1px solid #333;}
.textValue {height:32px; line-height:32px; font-size:12px; color:#666; border:1px solid #d3d3d3; padding:0px 15px; box-sizing:border-box;}
.textValue:hover {border:1px solid #333;}
.loginInput {width:244px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #c8c8c8; padding:0px 15px;}
.loginInput:hover {border:1px solid #333;}
.txtCont {width:240px;}
.txtSub {width:110px;}
.txtInput {width:370px;}


.txtAddrDetail {width:370px;}
.txtAddrDetail2 {width:240px; margin-left:6px;}
.listTitle {display:block; font-size:16px !important; font-weight:bold; padding-left:10px; background:url("../img/bulit_li.png") 0px 50% no-repeat; margin:10px 0px 20px 0px;}




label {margin-left:0px; margin-right:15px;}
textarea {line-height:20px; border:1px solid #c7c7c7; padding:10px; box-sizing:border-box;}
textarea:hover {border:1px solid #333;}

select {-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none; }
select::-ms-expand{display:none;}


.sbox { height:35px; line-height:35px; border:1px solid #c7c7c7; padding:0px 10px; box-sizing:border-box;}
.sbox:hover {border:1px solid #333;}

.tbox { height:35px; line-height:35px; border:0px solid #c7c7c7; padding:0px 10px; color:red;}

.radio {position:relative; top:3px; margin:0px 5px;}

.scombo {padding:0px 35px 0 6px; height:35px; min-width:110px; position:relative; line-height:35px; font-size:13px; border: 1px solid #c7c7c7; box-sizing:border-box; background: url("../img/select_arrow.png") no-repeat 100% 50% #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;position:relative; color:#333;}
.scombo:hover {border:1px solid #333;}

.tlink {color:#2e5a9e;}
.tlink:hover {text-decoration:underline;}



.layerPop { background-color:#FFFFFF; top:-200%; position:absolute; padding:10px; z-index:99999999; height:75%; border:3px solid #898989; overflow-y:auto;}

.layerPop .Contact02 {width:650px; box-sizing:border-box; padding:0px 20px; background:url("../img/iconINT.png") 100px 145px no-repeat;}
.layerPop .Contact02 h3 {color:#000;  font-weight:bold; font-size:17px; margin-top:10px; float:left;}
.layerPop .Contact02 p {color:#ff0000; font-size:13px; margin-bottom:6px; line-height:20px; float:right;}

.layerPop .MainContentsTable {width:100%; color:#000; font-size:13px;}
.layerPop .MainContentsTable th {font-size:13px; border-top:1px solid #C3C3C3; border-left:1px solid #C3C3C3; border-right:1px solid #C3C3C3; padding:10px 0; background-color:#F2F1F1}
.layerPop .MainContentsTable td {vertical-align:top; padding:5px 25px; line-height:19px; border:1px solid #C3C3C3;}
.layerPop .MainContentsTable b {color:#ff0000; font-weight:normal;}



.selectEmail {padding:0px 20px; width:200px; height:40px; margin-left:10px; float:right; position:relative; line-height:40px; font-size:14px; border: 1px solid #ccc; background: url("../img/select_arrow.png") no-repeat 90% 50% #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;position:relative; color:#333;}
.selectEmail:hover {border:1px solid #333;}

/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand { display: none;}
.tright {text-align:right !important;}
.left {float:left !important;}
.right {float:right !important;}

.scroll-fixed{
	width:93.3%;
    position: fixed;
    top: 0px;
	box-shadow:0px 3px 5px #ddd;
	z-index:9999;
}