.cstbl {
  font-size: 13px;
  margin-top:5px;	
  font-family: 'Nanum Gothic';	
}
.cstbl h2 {margin-top:20px;}

/* 좌측메뉴 */
.lnb_wrap {
  margin-bottom: 10px
}
.lnb_wrap .h2_area {
  background: #666;
  color: #fff;
  text-align: center;
  padding: 3px 0 5px;
}
.lnb_wrap .h2_area h2 {
  font-size: 20px;
  height: 18px;
  font-weight:normal;
}
.lnb_wrap .lnb {
  padding: 10px;
  border: 1px solid #bfbfbf;
}
.lnb_wrap .lnb>ul>li {
  border: 0;
  padding: 5px 0;
  margin-left:20px;	
  list-style: square;
  font-size:13px;	
}
.lnb_wrap .lnb>ul>li a {
  color: #333;
  font-weight: normal;
  text-decoration: none;
  padding: 0;	
}
.lnb_wrap .lnb>ul>li a:hover {
  color: red;
}

/* 계좌번호 입점문의 */
.cs_info {
  border: 1px solid #bfbfbf;
  margin-bottom:10px;
}
.cs_info img {vertical-align:bottom}
.cs_info strong {
  display: block;
  padding: 10px 15px;
  font-size: 15px;
  background: #f7f7f7;
}
.cs_info ul {
  padding: 10px 0px 8px 10px;
}
.cs_info li {
  margin-bottom: 5px;
  font-size: 13px;	
  color: #666;
  list-style: none;	
}
.cs_info span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  margin-left: 23px;
}
.cs_info .f12 {
  display: block;
  font-size: 13px;
  color: #333;
  padding:0 0 0 23px;
  line-height:170%; 	
}
.csbtn {
	background-color:#BDDCF5;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	padding:2px 10px;
	text-decoration:none;
	margin-top:5px;
	border-radius:3px;
	-moz-border-radius:3px;
}

/* 이용안내 */
#gnav{
    list-style: none;
    margin-bottom: 70px;
    margin-top: 30px;
    position: relative;
}
#gnav li{
    float: left;
    margin-left: 40px;
}
#gnav a{
    display: block;
    padding: 5px 20px 8px;
    color: #444444;
    background: #F5F5F5;
    text-decoration: none;
	border: 0;
	border-radius:7px;
	-moz-border-radius:7px;
	font-weight: normal;
	font-size:14px;
	font-family: 'Nanum Gothic';	
}
#gnav a:hover{
    color: #fff;
    background: orange;
    border:1px solid orange;
	font-weight: normal;
	border:0;
}
#gnav a.ima{
    color: #fff;
    background: orange;
	font-weight: normal;
}
.userinfo {
	width: 850px;
	font-size: 13px;
}
.userinfo .uitit {
    padding:0 5px;
    margin:20px 0 10px;
    border-left:7px solid orange;
    color:#111;
    font-size:15px;
	min-height: inherit !important; 
	min-height: auto !important;
}
.userinfo .txtbk {
    padding:30px 50px;
    margin:20px 0 10px;
    color:#111;
}
.userinfo .txtbk td {
	font-size:16px;
	font-family: 'Nanum Gothic';	
}
.userinfo ol {padding:0 12px 50px;color:#524D4D;line-height:170%;}
.userinfo ol ul {list-style:square;margin-top:10px;pading:0;}
.orquide {width: 850px;font-size: 13px;}
.orquide ol {padding-left:15px;color:#524D4D;line-height:170%;margin-bottom:50px}
.orquide h4 {font-size:14px;color:#191818;padding:5px 0 9px 15px;/*border-left: #00b5ff 8px solid*/;background-color:#FFEFD5;border-radius:5px;}
.orquide img {vertical-align: middle} 

    #menugui{width:100%;  border-top:3px solid #418db8; background:#8be9ff; padding:2em 0;}
    #menugui ul{display:flex; justify-content:center; align-items:center;}
    #menugui ul li{
        border:1px solid #68c3d8; background:#fff; border-radius:15px; width:15%; 
        font-size:16px; color:#003366; padding:0.8em 1em; margin:0 0.7em;
    }
    #menugui ul li a{display:flex; align-items:center; justify-content:center; color:#003366;}
    #menugui ul li a:hover{color:#6600cc; transition:all 0.3s;}
    #menugui ul li a span{font-family:'Nanum Gothic Bold'; margin-right:0.4em;}
    
    #menugui h3{display:flex; justify-content:center;}
    #menugui h3 a{
        font-size:22px; width:37%;
        display:flex; align-items:center; border:1px solid #68c3d8; 
        background:#ffffcc; border-radius:15px; color:#003366; padding:0.7em;
        justify-content: center;
    }
    #menugui h3 a:hover{color:#6600cc; transition:all 0.3s;}
    #menugui h3 a span{font-family:'Nanum Gothic Bold'; margin:0 0.3em;}
    
    #guide_layout{width:auto; background:#d6f7ff; padding:48px;}
    
    #guide_layout .container{width:100%; background:#fff; border-radius:15px; padding:2em 0 5em;}
    
    #guide_layout .container .guide_info{
        display: flex; width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    #guide_layout .container .guide_info h4{width:100%; text-align:center;}
    #guide_layout .container .guide_info p{width:100%; text-align:center; margin:0 0 1em 0;}
    #guide_layout .container .guide_info ul{display:flex; justify-content:space-evenly; align-items:center;}
    #guide_layout .container .guide_info ul .next_arw{margin:1em 0.7em 3em;}
    #guide_layout .container .guide_info ul li img{vertical-align:top;}
    
    
    #guide_layout .container .sample_info{
        display: flex; width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    #guide_layout .container .sample_info h4{width:100%; text-align:center;}
    #guide_layout .container .sample_info p{width:100%; text-align:center; margin:0 0 1em 0;}
    #guide_layout .container .sample_info ul{display:flex; justify-content:space-evenly; align-items: center; margin:1.5em 0 1em; width:85%;}
    #guide_layout .container .sample_info ul .next_arw{margin:1em 0.7em 3em;}
    #guide_layout .container .sample_info ul li img{vertical-align:top;}
    
    #guide_layout .container .step_infor{margin:0 40px;}
    #guide_layout .container .step_infor h4{display:flex; align-items:center; margin:2em 0 0.5em 1em;}
    #guide_layout .container .step_infor h4 span{font-size:18px; margin:0 0.5em;}
    #guide_layout .container .step_infor h4 .step{
        background:#3399cc; color:#fff; padding:0.4em 0.8em; border-radius:10px; font-size: 1.2em;
    }
    
    #guide_layout .container .step_infor .ycontent{
        display:flex; flex-flow:row wrap; padding:2em;
        background:#ffffcc; border-radius:15px; border:1px solid #cccc99;
    }
    #guide_layout .container .step_infor .ycontent li{
        display:flex; align-items:center; width:100%; 
        font-family:'Nanum Gothic Bold'; font-size:1.3em; color:#333333;
        line-height: 2.8em; 
    }
    
    #guide_layout .container .step_infor .ycontent li img{margin:0 0.4em;}
    #guide_layout .container .step_infor .ycontent li strong{color:#cc0000;}
    
    
    #guide_layout .container .step_infor .wcontent{
        display:flex; flex-flow:row wrap; padding:1em;
        background:#fff; border-radius:15px; border:1px solid #d5d5d5;
    }
    #guide_layout .container .step_infor .wcontent li{
        display:flex; align-items:center; width:100%; 
        font-family:'Nanum Gothic Bold'; font-size:1.4em; color:#333333;
        line-height: 2em;  text-indent:1em;
    }
    
    
    #guide_layout .container .step_infor .content{
        display:flex; flex-flow:row wrap; padding:2em;
        background:#fff; border-radius:15px; border:1px solid #d5d5d5;
        font-family: 'Nanum Gothic Bold';
        margin-bottom:4em;
    }
    
    #guide_layout .container .step_infor .content li{
        display:inline-block; width:100%; 
        font-family:'Nanum Gothic Bold'; font-size:1.15em; 
        line-height:1.5em; color:#333333; margin: 0 0 0.6em 0;
    }
    #guide_layout .container .step_infor .content li a{font-weight:bold; color:#0066cc;}
    
    #guide_layout .container .step_infor li .noti{color:#990000;}
    
    #guide_layout .container .step_infor .content dt{
       width:100%; font-size:1.2em; color:#ff3300; 
       font-family:'Nanum Gothic Bold'; padding:0.5em 0 0.2em;
    }
    
    #guide_layout .container .step_infor .content dd{
       width:100%; font-size:1.1em; color:#660000; 
       font-family:'Nanum Gothic Bold'; line-height:1.5em;
    } 
    
    #guide_layout .container .step_infor .bcontent{
      display:flex; flex-wrap:wrap; justify-content:center; 
      border-radius:15px; border:1px solid #d5d5d5; 
      padding: 2em; 
    }
    
    #guide_layout .container .step_infor .bcontent li{
        display:flex; width:90%; align-items:center; 
        justify-content:center; text-indent:1em; padding:0.5em 0;
        border-bottom:1px solid #cccccc;
    }
    
    #guide_layout .container .step_infor .bcontent li:last-child{
       border-bottom:none;    
    }
    
    #guide_layout .container .step_infor .bcontent li p{width:40%;}
    #guide_layout .container .step_infor .bcontent li span{
        width:40%; font-size:1.75em; font-weight:bold; color:#333333;
    }
    #guide_layout .container .step_infor .bcontent .depositor{
        background:#ffffcc; border-radius:10px; border:1px solid #c4c4ac !important;
        margin:1em 0 0.5em 0; font-size:1.65em; text-align: center;
        display:inline-block; line-height:2em; color:#333333;
    } 
    
    #guide_layout .container .step_infor .explain{padding:0.2em 1.5em 1em;}
    #guide_layout .container .step_infor .explain dt{font-size:1.25em; line-height: 1.3em;}
    #guide_layout .container .step_infor .explain dt strong{color:#ff3300;}
    #guide_layout .container .step_infor .explain dd{font-size: 1.25em; line-height: 1.3em; color: #ff3300; text-indent: 0.5em; padding: 1em 0;}
    #guide_layout .container .step_infor .capture{text-align: center;}
    
    #guide_layout .container .step_infor .captxt{margin:1em 0 3em; font-size: 1.2em;}
    #guide_layout .container .step_infor .captxt strong{color:#ff6600;}
    
    #guide_layout .container .step_infor .scontent{
        display:flex; flex-flow:row wrap; padding:2em;
        background:#fff; border-radius:15px; border:1px solid #d5d5d5;
        justify-content:center; align-items: center;
    }
    
    #guide_layout .container .step_infor .scontent dt{color: #003399; font-size: 1.2em; text-align: center; line-height: 2em;}
    #guide_layout .container .step_infor .scontent dd{font-size:1.25em; line-height:1.5em; margin:0 1em;}

    .purple{background:#663399 !important;}



/* 자주하는질문 */
.faqarea {
  padding-top:30px;
  width:850px;	
  margin:0 auto;
  background: #fff;
  font-size:13px;		
}
.faqarea section {
  display: none;
  border-top: 1px solid #ddd;
  line-height:180%;	
}
.faqarea section p {
  padding-top:20px;
}
.faqarea section #apply {
  background:#efefef;
  padding:15px;	
  width:93%;
  margin:5px 18px;	
}
.faqarea input {
  display: none;
}
.faqarea label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 25px;
  font-weight: bold;
  text-align: center;
  color: #333;
  font-size:14px;	
  border: 1px solid transparent;
}
.faqarea label:before {
  font-weight: normal;
  margin-right: 10px;
}
.faqarea label:hover {
  color: #888;
  cursor: pointer;
}
.faqarea input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6 {
  display: block;
}

/* 이용약관 개인정보처리방침 */
.agreebody {
	width: 850px;
}
.agreebody ol,.agreebody ol li,.agreebody ol li ul,.agreebody ol li ul li{
	font-family: 'Nanum Gothic';
	line-height:170%;
	font-size:13px;
} 
.agreebody ol {padding-left:0;color:#524D4D;}
.agreebody ol li {list-style: decimal;margin-left:20px;}
.agreebody ol li ul {padding-left:5px;}
.agreebody ol li ul li {list-style:none;}
.agreebody .agree-tit {
    margin:0 0 10px;
    padding:20px 0 10px;
    border-bottom:1px solid #717171;
    color:#111;
    font-size:14px;
}

/* 마이페이지 */
.myinfo {clear:both;width:100%;margin:0 0 30px;}
.myinfo ul {margin:30px 75px 0;line-height: 200%;font-size:13px;font-family: 'Nanum Gothic';}
.myinfo li {list-style:square;font-size:13px;font-family: 'Nanum Gothic';line-height:200%;}
.mypage {clear:both;width:100%;margin:0 0 50px;}
.mypage h3{height:30px;font-size:16px;color:#222;font-weight:bold;border-bottom:1px solid #787878;padding:0;margin: 0;}
.mypage table{padding:0;border:1px #B8B8B8 solid;margin:0 0 30px;}
.mypage table th,.mypage table td {border-bottom: 1px #B8B8B8 dotted;padding:10px 0 10px 20px;}
.mypage table th span {color:red}
.mypage table th{text-align:left;font-size:13px;color:#000;font-weight:normal;width:110px;background:#F4F4F4}
.mypage table td{font-size:13px;}
.mypage input[type=text]{padding:5px;margin:2px 0;border:1px solid #d9d9d9;background:white;}
.mypage input[type=password]{padding:5px;margin:2px 0;border:1px solid #d9d9d9;background:white;}
.mypage input[type=radio]{vertical-align:text-bottom}
.mypage select{height:27px;margin:0;padding:0;color:#666;border:1px solid #d9d9d9;background:white;}
.mypage button{width:65px;line-height:28px;margin:0;padding:0;text-align:center;font-size:12px;color:white;border:none;background:#666;}

.mylist {clear:both;width:100%;margin:0 0 30px;}
.mylist ul {margin:30px 30px 20px;line-height: 200%;font-size:13px;font-family: 'Nanum Gothic';}
.mylist li {list-style:square;font-size:13px;font-family: 'Nanum Gothic';line-height:200%;}
.mylist li span{color:red}
.myorder table{padding:0;margin:0;border:0}
.myorder table span {color:red}
.myorder table th{padding:10px 0;font-size:13px;color:#000;font-weight:normal;background:#F4F4F4;text-align:center}
.myorder table td{padding:10px;font-size:13px;border-bottom: 1px #B8B8B8 dotted;line-height:180%;text-align:center}

.myorder_numb {clear:both;width:100%;margin-top:40px;}
.myorder_mumb table {font-size:13px;}
.myorder_view {clear:both;width:100%;margin:7px 0;font-size:13px;}
.myorder_view table {border-top:1px #3E3D3D solid;margin-bottom:60px}
.myorder_view table th {background-color:#f9f3f3; padding:10px;color:#494949; text-align:center;border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#fafafa;font-size:13px;}
.myorder_view table td {padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;color:#494949; font-size:13px;text-align:center;font-weight:normal}
.myorder_view .txt_r {color:#fc2929;font-weight:bold;line-height:170%;}
.myorder_view .line_n, .deliinfo .line_n{border-right:none;}
.myorder_view .od_title {padding-left:10px; text-align:left; line-height:170%;}
.myorder_view .money {text-align:right; padding-right:10px; font-weight:bold;}
.myorder_view .paytt {font-size:17px;font-weight:bold;color:#fc2929;}
.myorder_view .paydt {font-size:13px;margin-top:10px;text-align:right;}
.deliinfo table {border-top:1px #3E3D3D solid;margin-bottom:20px;}
.deliinfo table th {background-color:#f9f3f3; padding:10px;color:#000000;height:32px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#fafafa;font-size:13px;text-align:left;font-weight:normal}
.deliinfo table td {padding:10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;color:#727272;text-align:left}
.alert {margin-bottom: 1px;height: 15px;line-height:15px;padding:0px 15px;}

.myorder_info {clear:both;width:100%;margin:0 0 30px;}
.myorder_info ul {padding:20px 30px;line-height:200%;font-size:13px;font-family: 'Nanum Gothic';border:2px #F0EDEE solid;width:790;}
.myorder_info li {list-style:square;font-size:13px;font-family: 'Nanum Gothic';line-height:170%;margin-left:10px;margin-bottom:7px;}

/* 칼라 */
.txt_r {color:#fc2929;}
.txt_b {color:#254CC9;}
.txt_p {color:#BB4E9C;}
.txt_o {color:#E86C22;}