@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";
/* Common */
img{border:0px;}
a{color:#6b6b6b;}
a:hover{color:#000000;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}

/* Layout */
.layout_contents{border-left:1px solid #dedede; }
.layout_main{border-left:1px solid #dedede; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0px; margin:0px;border-right:1px solid #dedede;}
.layout_left{z-index:99;height:100%;}
.contentArea{padding:23px;min-height:610px;}

/* Top & Left */
.leftUrl{padding-left:33px; margin:18px 0px 0px 0px;}
.leftMESSAGE {text-align:center; margin-top:10px; background:url(/image/gcol/common/message_bg.jpg) no-repeat center; height:44px;}
.leftSNS{padding-left:33px;}
.leftSNS img{margin-right:3px;}

.leftMenu {padding:15px 0px 0px 30px;}

.leftMenu .mainMenu{margin:15px 0px; }
.leftMenu .mainMenu li{padding:3px 5px;}
.leftMenu .mainMenu li img{vertical-align:top;}

.leftMenu .mainMenu>li>a{color:#000;}

.leftMenu .mainMenu li:hover {background:url(/image/gcol/common/menuOverArrow.gif) no-repeat 135px center;}
.leftMenu .mainMenu li:hover>a{font-weight:bold;}
/*
.leftMenu .mainMenu li:hover .subMenu{display:block;}
.leftMenu .mainMenu li .subMenu{display:none;position:absolute;margin-top:-37px;margin-left:150px;background:#fff;border:1px solid #dedede;width:130px;padding:13px;z-index:9999999;}
*/
.leftMenu .mainMenu li:hover>a{font-weight:bold;}
.leftMenu .mainMenu li>span:hover{cursor:pointer;font-weight:bold;}
.leftMenu .mainMenu li .subMenu{display:none;background:#fff;width:135px;padding:13px;padding-left:0px;}
.leftMenu .mainMenu li .subMenu:after, .subMenu:before {right: 100%;top: 30px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.leftMenu .mainMenu li .subMenu:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 10px;margin-top: -10px;}
.leftMenu .mainMenu li .subMenu:before {border-color: rgba(222, 222, 222, 0);border-right-color: #dedede;border-width: 11px;margin-top: -11px;}
.leftMenu .mainMenu li .subMenu li>a{color:#6b6b6b;}
.leftMenu .mainMenu li .subMenu li:hover>a{color:#000;font-weight:normal;}
.leftMenu .mainMenu li .subMenu .comment{margin-top:15px; padding-top:15px; border-top:1px solid #dedede;font-size:11px;color:#a1a1a1;line-height:20px;letter-spacing:-1px;}
.leftMenu .mainMenu li .subMenu .comment img {padding-right:5px;}
.leftMenu .mainMenuDiv{background:#dedede;width:30px; /*height:1px;*/ margin:0px 10px;}

.leftMenu .mainMenu li.ttl{font-weight:bold;color:#000; font-size:14px;}
.leftMenu .mainMenu li.ttl:hover{background:none;}

.leftQuick{padding:0px;margin:0px;margin-right:-1px;overflow:hidden;border-top:1px solid #dedede;}
.leftQuick a:hover { opacity:0.6;}
.leftQuick li{float:left;border:1px solid #dedede;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;margin:0px;margin-left:-1px;margin-top:-1px;}

.leftCustomerInfo{text-align:center; margin-top:20px;}

.image_credit{text-align:center;}

.messageState{color:#000; font-weight:bold; /*margin-top:20px;*/ padding-top:12px; font-size:12px;}
.messageState a{color:#000;}
.messageState span{color:#ff5001; font-size:15px;}

.topArea{padding:26px 18px;overflow:hidden;border-bottom:1px solid #dedede;}
.topArea .ci{float:left; }
.topArea .topQuick{text-align:right;}
.topArea .topQuick li{display:inline-block;margin:0px 5px;}
.topArea .topQuick li a{color:#6b6b6b;font-size:11px;font-family:"Verdana",'돋움',dotum,Helvetica,sans-serif}
.topArea .topQuick li a:hover{color:#000000;}
.topArea .topQuick li span{color:#d8d8d8}
.topArea .search{padding-top:3px;margin-right:5px;overflow:hidden; text-align:right;}
.topArea .search input[type='text']{width:192px;height:23px;border:1px solid #e8e8e8;border-right:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* Main */
.mainSlide{float:left;width:794px;margin-right:15px;border:1px solid #dedede;}
.mainSlide a:hover {opacity:0.6;}
.mainBanner{float:left; width:340px;}
.mainBanner a:hover {opacity:0.6;}
.mainBanner div{float:left;margin-bottom:8px;border:1px solid #dedede;}
.mainBanner div.col2{clear:both;}
.mainBanner div.col1L{float:left;}
.mainBanner div.col1R{float:right;}
.mainQuick{margin-left:-10px;margin-right:-10px;margin-bottom:30px;overflow:hidden;clear:both; padding:0px;}
.mainQuick a:hover {opacity:0.6;}
.mainQuick li{float:left;margin:10px;border:1px solid #dedede;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0px; background-color:#f4f4f4}

.mainListTitle{margin:20px 0px;}

.mainBannerTitle{border-bottom:1px solid #dedede;text-align:center;font-weight:bold;font-size:18px;}
.mainBannerTitle span{border-bottom:1px solid #000;margin-bottom:-1px;display:inline-block;padding:3px 5px;;}

/* Footer */
.footer {padding:23px;}
.footer .bottomQuick{width:100%;border-top:1px solid #dedede;border-bottom:1px solid #dedede;overflow:hidden;padding:10px 0px;margin:20px 0px;}
.footer .bottomQuick li{float:left;padding:0px 5px;}
.footer .bottomQuick li a{font-size:11px;color:767676;}
.footer .bottomQuick li a:hover{font-size:11px;color:000000;}
.footer .bottomQuick li span{color:#dedede;}
.footer .bottomInfo{float:left;margin:0px 0px 20px 0px;color:#4e4e4e;}
.footer .bottomInfo span{color:#6f6f6f;}
.footer .bottomBanner{float:right;}

/* Category List */
.cate_count{color:#ff5001;}
.cate_btn_area{border:1px solid #dedede;background:#f6f6f6;overflow:hidden;padding:10px;}

/* Detail */
.item_information .item_subtitle{color:#000 !important;font-weight:bold !important;font-size:14px !important;}
.item_information .order_title{color:#000 !important;font-weight:bold !important;font-size:14px !important;}
.item_information .select{background:#fff !important;border:1px solid #a0a0a0;height:20px !important;}
.detailOptionAttention{color:#f65353;display:inline-block;padding:10px 0px;border-top:1px solid #dedede;width:100%;}

.list_option{border-top:1px solid #bfbfbf !important;border-bottom:1px solid #bfbfbf !important;background:#fbfbfb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top:-1px;padding:10px;}
.list_option .list_name{line-height:18px !important;}
.list_option .list_name .opItemName{color:#000;font-size:12px;font-weight:bold;}
.list_option .list_money{color:#000;font-weight:bold;}
.item_information .order_title2{color:#000 !important;font-weight:bold;padding-top:10px;}
.item_information .item_total_money{color:#f65353 !important;font-size:24px !important;vertical-align:bottom;font-weight:900;font-family: "Nanum Gothic","나눔 고딕","돋움" !important;letter-spacing:-1px;}

.item_information .btnBlack{background:#000;color:#fff;width:127px;height:40px;border-radius:3px;border:0px;font-weight:bold;cursor:pointer;}
.item_information .btnBlack:hover{background:#414141 !important;}
.item_information .btnWhite{background:#fff;color:#000;width:127px;height:40px;border-radius:3px;border:1px solid #dedede;font-weight:bold;cursor:pointer;}
.item_information .btnWhite:hover{background:#f4f4f4 !important;}
.item_information .btnRed{background:#f65353;color:#fff;width:127px;height:40px;border-radius:3px;border:0px;font-weight:bold;letter-spacing:-1px;cursor:pointer;}
.item_information .btnRed:hover{background:#ff6f6f !important;}

/* Right Wing */
.rightWing{position:fixed;left:50%;margin-left:697px;top:118px;padding:0px;list-style:none;}
.rightWing a:hover {opacity:0.6;}
.rightWing li{margin:0px;padding:0px;}


/* My Page Common */
.gcolbtn{border:1px solid #bbbbbb;border-radius:3px;background:#fff;color:#000;padding:5px 9px; font-size:12px;cursor:pointer;}
.gcolbtn:hover {background-color:#6b6b6b; border:1px solid #525252; color:#fff;}

.gcolbtn_orange{border:1px solid #ff5001;border-radius:3px;background:#fff;color:#ff5001;padding:5px 7px; font-size:12px;cursor:pointer;}
.gcolbtn_orange:hover {background-color:#ff5001; border:1px solid #ff5001; color:#fff;}

.gcolbtn_green{border:1px solid #33bfb2;border-radius:3px;background:#fff;color:#33bfb2;padding:5px 7px; font-size:12px;cursor:pointer;}
.gcolbtn_green:hover {background-color:#33bfb2; border:1px solid #33bfb2; color:#fff;}

.gcolbtn_black{border:1px solid #000;border-radius:3px;background:#fff;color:#000;padding:5px 7px; font-size:12px;cursor:pointer;}
.gcolbtn_black:hover {background-color:#000; border:1px solid #000; color:#fff;}



.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font24{font-size:24px !important;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.text-left{text-align:left;}
.text-center{text-align:Center;}
.bold{font-weight:bold;}

.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
.mr20{margin-right:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.pd10 {padding-bottom:10px;}
.pd20 {padding-bottom:20px;}
.btnBlackBig{background:#000;color:#fff;border:0px;padding:15px 40px;font-weight:bold;}
.btnBlackBig:hover{background:#444;}

.mypageTitle{font-family:"Nanum Gothic","나눔 고딕","돋움";border-bottom:1px solid #dedede;margin-bottom:20px;}
.mypageTitle span.ttl{border-top:2px solid #ff5001;display:inline-block;padding:5px 0px;color:#000000;font-size:20px;font-weight:900;}
.mypageTitle span.level{float:right; padding-top:10px;}
.mypageNum{color:#ff5001;font-weight:bold;} /* 공통적으로 사용되는 숫자 처리 사이즈가 제각각.. 통일화가 안되네.. */
.mypageOrange{color:#ff5001 !important;} /*.... bold 가 아닌 애도 있구나... */
.mypageEmerald {color:#33bfb2;}

.mypageSubTitle{font-family:"Nanum Gothic","나눔 고딕","돋움";color:#727272;font-size:16px;font-weight:900;}

.mypage_search_box{border:1px solid #dedede;padding:20px;overflow:hidden;margin-bottom:20px;}
.mypage_search_box .btnGroup{display:inline;overflow:hidden;margin-right:40px;}
.mypage_search_box .btnGroup .groupBtn{border:1px solid #dedede;background:#fbfbfb;color:#6b6b6b;float:left;padding:8px;}
.mypage_search_box .btnGroup .groupBtn:active{background:#6b6b6b;color:#fff;}
.mypage_search_box .btnGroup .groupBtn.active{background:#ff5001;color:#fff;}
.mypage_search_box .btnGroup .groupBtn:hover{background:#6b6b6b;color:#fff;}
.mypage_search_box input[type='text']{border:1px solid #dedede;background:#fbfbfb;color:#6b6b6b;padding:8px;}
.mypage_search_box select{border:1px solid #dedede;background:#fbfbfb;color:#6b6b6b;padding:5px;}
.mypage_search_box .searchBtn{background:#000000;color:#fff;border:0px;padding:8px;margin-left:40px;}
.mypage_search_box .searchBtn:active{background:#303030;color:#fff;}

/* My Page Main */
.mypage_main_order_step{clear:both;width:100%;border-collapse: collapse;border-spacing: 0;margin-bottom:20px;}
.mypage_main_order_step td{width:20%;border:1px solid #dedede; font-family:"Nanum Gothic","나눔 고딕","돋움";}
.mypage_main_order_step td div{width:100%;text-align:Center;}
.mypage_main_order_step td .stepBox{float:left;border:1px solid #dedede;box-sizing: border-box;}
.mypage_main_order_step td .ttl{background:#fbfbfb;border-bottom:1px solid #dedede;color:#000000;font-weight:bold;padding:10px 0px;}
.mypage_main_order_step td .count{background:#ffffff;color:#ff5001;font-size:24px;font-weight:bold;padding:15px 0px;}
.mypage_main_order_step td .count a{color:#ff5001;}
.mypage_main_order_step td.help{background:#fbfbfb;padding:10px 0px;text-align:center;}
.mypage_main_order_step td .information{background:#ff5001;border-radius:10px;padding:2px 4px;color:#fff;font-size:10px;font-family:"Nanum Gothic","나눔 고딕","돋움";cursor:pointer;}
.mypage_main_order_step td .information>div{display:none;position:absolute;border:4px solid #ff5001;width:300px;background:#fff;color:#000;font-size:12px;text-align:left;padding:10px;margin-top:20px;}
.mypage_main_order_step td .information:hover>div{display:block;}
.mypage_main_order_state{clear:both;width:100%;border-collapse: collapse;border-spacing: 0;margin-bottom:20px;}
.mypage_main_order_state td{width:20%;border:1px solid #dedede; font-family:"Nanum Gothic","나눔 고딕","돋움";background:#fbfbfb;}
.mypage_main_order_state td .icon{float:left;width:40%;overflow:hidden;padding:0%;padding:10px;}
.mypage_main_order_state td .count{float:left;width:40%;color:#000000;text-align:right;padding:0%;border-left:1px solid #dedede;box-sizing: border-box;margin:20px 5px;}
.mypage_main_order_state td .count .num{color:#ff5001;font-size:20px;font-weight:bold;}

.mypage_main_order_state td .more{border-top:1px solid #dedede;padding:10px;overflow:hidden;clear:both;background:#fff;}
.mypage_main_order_state td .more .txt{float:left;color:#6b6b6b;}
.mypage_main_order_state td .more .plus{float:right;background:#3c3c3c;color:#fff;border-radius:10px;padding:2px 5px;;}
.mypage_main_order_state td .more .plus a{color:#fff;}

/* My Page Common Table */
.mypage_tbl{clear:both;width:100%;border-collapse: collapse;border-spacing: 0;margin-bottom:20px;}
.mypage_tbl>thead>tr>th{background:#fbfbfb;border:1px solid #dedede;color:#000;font-weight:bold;padding:10px;}
.mypage_tbl>thead>tr>td{border:1px solid #dedede; color:#000; padding:10px;}
.mypage_tbl>tbody>tr>td{border:1px solid #dedede; padding:20px 0px;}
.mypage_tbl>tfoot>tr>td{background:#fbfbfb;border:1px solid #dedede;color:#000;text-align:center;padding:10px;}

/* Order Page Table */
.orderpage_tbl{clear:both;width:100%;border-collapse: collapse;border-spacing: 0;margin:10px 0px 40px 0px;;border:1px solid #d7d5d5;}
.orderpage_tbl>tbody>tr>th{background:#fbfbfb;border:1px solid #e9e9e9;padding:15px;width:130px;font-weight:normal;}
.orderpage_tbl>tbody>tr>th>span{color:#ff5001;}
.orderpage_tbl>tbody>tr>td{border:1px solid #dedede;padding:15px;}
.orderpage_tbl>tbody>tr>td input[type='text']{border:1px solid #d5d5d5;padding:5px;}
.orderpage_tbl>tbody>tr>td input[type='text'].txt1{width:60px;}
.orderpage_tbl>tbody>tr>td input[type='text'].txt2{width:190px;}
.orderpage_tbl>tbody>tr>td input[type='text'].txt3{width:460px;}
.orderpage_tbl>tbody>tr>td textarea{width:460px;height:50px;border:1px solid #d5d5d5;}

.orderpage_tbl2{clear:both;width:100%;border-collapse: collapse;border-spacing: 0;margin:10px 0px 40px 0px;;border:1px solid #d7d5d5;}
.orderpage_tbl2>thead>tr>th{background:#fbfbfb;border:1px solid #e9e9e9;padding:15px;font-weight:bold;color:#000;}
.orderpage_tbl2>tbody>tr>td{border:1px solid #dedede;padding:15px;color:#000;}
.orderpage_tbl2>tbody>tr>td img{margin-top:-5px;}

.btn-direct-cancel {display:block; border:1px solid #999; margin:2px 5px; padding:5px; border-radius:4px; color:black;}


/* Keep List */
.circle {font-size:14px; font-weight:bold;}
.circle img {margin:0px 5px 3px 0px;}
.circle span {font-size:12px; font-weight:blod; float:right; color:#ff5001;}

/* 관리자에서 사용하는 아이콘 */
.multiAddr{color:#fff;background:#da3535;border-radius:3px;padding:2px 5px;font-size:11px;margin:5px 0px;display:inline-block;}
.multiAddr.num1{}
.multiAddr.num2{background:#4fbc41;}
.multiAddr.num3{background:#2f7eac;}
.multiAddr.num4{background:#ba00cb;}
.multiAddr.num5{background:#00c9cb;}
.multiAddr.num6{background:#b6cb00;}
.multiAddr.num7{background:#ff6c14;}
.multiAddr.num8{background:#ffe614;}
.multiAddr.num9{background:#149eff;}
.multiAddr.num10{background:#ff145c;}


.size-table {width:70%;border-collapse:collapse;margin:auto;margin-bottom:30px;}.size-table thead th {border:1px solid #ddd;text-align:center;background:#ddd;color:#242424;height:40px;line-height:40px;font-size:12px;font-weight:400;table-layout:fixed;}.size-table tbody td {border:1px solid #ddd;text-align:center;height:40px;line-height:40px;font-size:12px;}
.size-table-info1 {font-size:12px;line-height:18px;text-align:left; width:70%; margin:30px auto;}.size-table-info1 p {margin-top:12px;text-align:left;}.size-table-info2 {width:70%;margin:auto;font-size:12px;background:#f5f5f5;padding:10px;line-height:18px;margin-bottom:30px;text-align:left;}.fabric-table {width:70%;border-collapse:collapse;margin-bottom:30px;margin:auto;}.fabric-table tbody th {font-size:12px;background:#ddd;color:#242424;text-align:center;height:40px;line-height:40px;font-weight:400;}.fabric-table tbody td {border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:40px;line-height:40px;font-size:12px;text-align:center;}.fabric-table tbody td:last-child {border-right:1px solid #ddd;}.fabric-table .checkbox {display:inline-block;border:1px solid #ddd;width:12px;height:12px;margin-right:8px;margin-top:0px;margin-bottom:0px;}.fabric-table .checkbox.checked {background:#f88885;}


.sizetable-container .sizetable-wrapper {width:860px; margin:0 auto;}
.sizetable-container .sizetable-wrapper h3 {display:block; text-align:center; font-size:18pt; font-weight:700; margin:30px 0;}
.sizetable-container .sizetable-wrapper .sizetable-image {text-align:center; margin-bottom:30px;}
.sizetable-container .sizetable-wrapper table {width:100%; border-collapse:collapse;}
.sizetable-container .sizetable-wrapper .sizetable-size-wrapper {margin-bottom:30px;}
.sizetable-container .sizetable-wrapper .sizetable-size-wrapper table thead th {border:1px solid #ddd;text-align:center;background:#ddd;color:#242424;height:40px;line-height:40px;font-size:12px;font-weight:400;table-layout:fixed;}
.sizetable-container .sizetable-wrapper .sizetable-size-wrapper table tbody td {border:1px solid #ddd;text-align:center;height:40px;line-height:40px;font-size:12px;}
.sizetable-container .sizetable-wrapper .sizetable-fabric-wrapper {margin-bottom:30px;}
.sizetable-container .sizetable-wrapper .sizetable-fabric-wrapper table tbody th {font-size:12px;background:#ddd;color:#242424;text-align:center;height:40px;line-height:40px;font-weight:400;}
.sizetable-container .sizetable-wrapper .sizetable-fabric-wrapper table tbody td {border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:40px;line-height:40px;font-size:12px;text-align:center;}
.sizetable-container .sizetable-wrapper .sizetable-fabric-wrapper table tbody td:last-child {border-right:1px solid #ddd;}
.sizetable-container .sizetable-wrapper .sizetable-fabric-wrapper .checkbox {display:inline-block;border:1px solid #ddd;width:12px;height:12px;margin-right:8px;margin-top:0px;margin-bottom:0px;}
.sizetable-container .sizetable-wrapper .sizetable-fabric-wrapper .checkbox.checked {background:#f88885;}
.sizetable-container .sizetable-wrapper .sizetable-info1-wrapper {font-size:12px;line-height:18px;margin-top:30px;margin-bottom:30px; text-align:left;}
.sizetable-container .sizetable-wrapper .sizetable-info1-wrapper p {margin-top:12px;}
.sizetable-container .sizetable-wrapper .sizetable-info2-wrapper {font-size:12px;background:#f5f5f5;padding:10px;line-height:18px;margin-bottom:30px; text-align:left;}