/*reset*/
html {overflow-y:scroll; overflow-x:hidden}
body,div{margin:0; padding:0}
body{position:relative;color:#656565; font:12px 'notokr-medium',Dotum,Helvetica,AppleGothic,Sans-serif; letter-spacing:-1px}
img,fieldset{border:0;}
img,input,select,textarea{vertical-align:middle}
textarea {font:12px "돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#555;}
ul,ol,li, dt, dd {list-style:none; margin:0; padding:0}
table {border-collapse:collapse;}
.hidden_phrase{visibility:hidden; overflow:hidden; position:absolute; left:-1000em; width:0;height:0; font-size:0;line-height:0;}/* Screen Reader */
input {border:0 none;}
h4, h5, p {padding:0; margin:0;}
a:link{color:#656565; text-decoration:none;}
a:hover{color:#F56200; text-decoration:none;}
a:visited{color:#656565; text-decoration:none;}
a:active{color:#656565; text-decoration:none;}





input.inputBx  { padding:9px 10px;}


/*padding, margin*/
.mb40 {margin-bottom:40px;} 
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

/*fontcolor*/
.colorpoint01 {color:#fff !important;}

/*text align*/
.txtR {text-align:right;}

/*button*/
.boxing-complete {width:48px !important; padding:3px 5px; background:#555555; color:#fff; font-size:13px;}
.boxing-ing {width:48px !important; padding:3px 5px; background:#ff5400; color:#fff; font-size:13px;}
.boxing-default {padding:2px 5px; background:#ffffff; border:1px solid #424242; color:#424242; font-family:'notokr-regular'; font-size:12px; letter-spacing:0}
.boxing-input {padding:2px 5px; background:#ffffff; border:1px solid #ccc; color:#828282; font-family:'dotum'; font-size:12px; letter-spacing:0}

/*sticker*/
.sticker {font-size: 12px;    color: #fff;    height: 15px;    padding: 3px 5px 2px;    margin: 0px 1px 20px 0px; font-family:'dotum'}
.sticker.red { background:#d70b7d;}
.sticker.gray {background:#8d8d8d;}
.sticker.orange { background:#ff7200}


/*tabletype*/
.table-cell {display:table-cell !important;}

.warpper { font-size:16px;}
.section { position:relative; width:1000px; margin:0 auto;}
.section::after { clear:both; display:block; content:"";}
.header { position:relative}
.header .top { position:relative; width:1000px; margin:0 auto; padding:30px 0; height:37px\0IE8+9}
.header .top::after {clear:both ; display:block; content:"";}
.header .top .logo {position:absolute; left:0; top:30px}
.header .top .search {margin-left:350px; float:left;  border:1px solid #ccc}
.header .top .search input{width:200px;}

.header .gnbwarp { position:relative; border-top:1px solid #ec068d; border-bottom:1px solid #ccc;} 


.header .gnb {width:450px; margin: 0 auto}
.header .gnb::after { clear:both; display:block; content:"";}
.header .gnb li { display:table-cell; padding:10px 0; }
.header .gnb li a {padding:0 30px; color:#282828;}
.header .gnb li a:hover {color:#ec068d;}
.header .gnb li img {margin-right:5px; }


.quickTopmenu {float:right;}
.quickTopmenu li {float:left; margin-left :3px;}
.quickTopmenu li a { display:block; padding:5px 0; width:148px; text-align:center; font-size:15px; border:1px solid #282828; color:#282828}
.quickTopmenu li a.red {border:1px solid #ed008c; color:#ed008c}

.banner {padding:13px 0 26px 0; background:#111e63;}
.banner2 {position:relative; padding:10px 0 30px 0; background:#5fb8bc; text-align:center }
.banner2 > div.dumy { position:absolute; top:-11px; left:0;  display:block; width:100%; height:11px; background:url(../images/banner_bg1.png) repeat-x;}

.product1 { float: left; padding:30px 0; width:306px; background:#453f49;}
.product1 ul {text-align:center; padding-bottom:20px;}
.product1 ul li {font-family:'notokr-regular'; color:#fff}
.product1 ul li dl {margin-top:20px;}
.product1 ul li dt { font-size:23px; line-height:23px;  font-family:'notokr-bold';}
.product1 ul li dd.titcom {font-size:18px; line-height:18px; color:#d8d7d9}
.product1 ul li dd.comment {margin-top:20px; font-size:14px; line-height:18px;  color:#bfbec0;}

	.price {font-size:15px;}
	.price span {font-size:25px; font-family:'notokr-bold';}
	
.product2 {float:left; width:346px; height:317px; border:1px solid #e8e8e8; border-left:0 none; background:url(../images/lgloho.png) no-repeat 20px 15px}
.product2 .img { padding:44px 0 25px; text-align:center}
.product2 dl.area2 {background:#9aa1a9; padding:10px}

.product2 dt {font-size:20px; font-family:'notokr-bold'; color:#fff;}
.product2 dd {color:#282828; font-size:14px; line-height:16px;}
.product2 dd.type {font-size:12px; color:#ffffff; opacity:0.5}

.product2 dl.area3 {background:#50c1f9; padding:10px}


.applyArea { position:absolute; width:678px; padding:20px 0 20px 15px; right:0; top:317px;}
.applyArea h4 {font-size:20px; color:#282828;}
.applyArea .applylist { float:left; margin-top:10px;}
.applyArea .applylist::after {clear:both; display:block; content:"";}
.applyArea .applylist ul { width:339px; float:left; margin-top:10px;}
.applyArea .applylist ul::after  {clear:both; display:block; content:"";}
.applyArea .applylist ul span { display:inline-block;*display:inline; *zoom:1; text-align:center}

.applyArea .applylist li {float:left; margin-left:10px; font-size:12px; color:#666; letter-spacing:0; font-family:'notokr-regular'}
.applyArea .applylist li:first-child {margin-left:0;}
.applyArea .applylist li.name {width:58px !important;overflow:hidden; white-space:nowrap; font-size:14px; font-family:'notokr-medium'; color:#0255d3; letter-spacing:1px}
.applyArea .applylist li.number {width:50px !important; height: 15px; text-align:center}
.applyArea .applylist li.productname {width:50px !important; overflow:hidden; white-space:nowrap;}
.cswrap { position:absolute; bottom:0px; right:-606px; height:140px; width:1300px; top:494px\0IE8+9; border-top:1px solid #e8e8e8; }
.contact {padding-top:10px; padding-left:110px; color:#9aa1a9; font-size:14px;}
.contact ul {float:left;}
.contact::after {clear:both; display:block; content:"";}
.contact .img {position:absolute; left:18px; top:35px;}
.contact .tit {font-size:14px; line-height:14px; color:#282828}
.contact .tel { font-family:'notokr-bold';font-size:50px; line-height:50px; color:#282828}
.contact span.time { color:#282828; font-size:16px; line-height:15px;}

.contact span.boxing-default { display:block; width:78px; margin-right:10px; text-align:center}
.contact ul.infowrap {padding:30px 0 30px 15px;}
.contact li.info {font-family:'notokr-regular'; color:#838383; font-size:13px}


.footer {padding:20px 0; font-size:13px; color:#453f49; border-top:1px solid #e8e8e8; }
.btn_sign {margin-top:10px;}
.btn_sign a {display:inline-block;*display:inline; *zoom:1; margin-right:10px; color:#999}




/**
SUB
**/

.subProduct {position: relative; width: 1000px; float: left; border-color: #ddd #ddd #CACACA; border-style: solid; border-width: 1px; border-top:0 none}
.subProduct .thumb { position: relative;    float: left;  width: 460px; text-align:center}
.subProduct .info {float: left; width: 458px; height:350px; padding: 30px 40px 30px 40px; background:#fafafa; border-left:1px solid #ddd; color:#282828}
.subProduct .info .tit h5 { margin:20px 0 30px; font-size:40px; line-height:40px;}
.subProduct .info .price_info {font-size:14px;}
.subProduct .info .price_info .line {text-decoration:line-through; color:#999}
.subProduct .info .price {font-size:20px; color:#ec068d;}
.subProduct .info .price > span {display:inline-block;*display:inline; *zoom:1; padding-left:10px; font-size:30px; color:#282828; font-family:'notokr-bold'}
.subProduct .info .btnArea { padding-top:30px;}
.subProduct .info .btnArea a { display:inline-block;*display:inline; *zoom:1; padding:15px 0; width:210px; text-align:center; font-size:18px}
.subProduct .info .btnArea a.default {border:1px solid #ccc; color:#282828; background:#fff} 
.subProduct .info .btnArea a.impact {border:1px solid #ec068d; background:#ec068d; color:#fff}

.about { position:relative; width:100%; height:80px; height:80px\0IE8+9; padding:25px 0; margin-top:30px; border-radius:10px 10px 0 0; background:#d70b7d; text-align:center;}
.contents {position:relative; border:1px solid #d8d8d8; border-top:0 none; text-align:center;}
.contents .top {padding-top:50px;}
.contents .content p {margin-top:60px;}

.useinfo .contents1 {padding:0 25px; text-align:left;}
.useinfo .contents1 dt {color:#282828;}
.useinfo .contents1 dd {font-family:'notokr-regular'; font-size:13px }




#layerPopup{
	position:relative;
  border:2px solid #ec1292; 
  position:absolute; 
  right:152px; 
  top:400px; 
  background:#fff;
  width:300px;
  z-index:55;
}

#layerPopup .btnArea { position:absolute; right:15px; bottom:15px;}
#layerPopup button{  cursor:pointer;}

.simpletpop { padding-bottom:40px;}
.simpletpop li {font-size:14px; padding: 0 20px; margin-bottom:10px;}
.simpletpop li.tit { background:#2a2e35; padding:5px 0 !important; color:#fff}
.simpletpop li h5 {font-size:18px !important; text-align:center; margin:0 !important}
.simpletpop p { float:left; width:80px; line-height:20px;}
.simpletpop input {width: 165px; line-height:20px; font-size:12px; font-family:'dotum'}
.simpletpop textarea {width:165px; height:100px;}




/*phonepack*/
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
	font-size:13px !important;
}
.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.required {
    display: inline-block;
    height: 12px;
    padding-right: 5px;
    color: #cc0000;
    font-size: 18px;
    vertical-align: bottom;
    font-weight: bold;
    font-family: Arial, sans-serif;
    line-height: 12px;
}
.panel-body .form-group {
    border-top: 1px solid #e8e8e8;
    padding: 15px 0;
}
.panel-body .form-group .form-tit {float:left; padding-left:20px ; width:160px;}
.panel-body .form-group .form-in {float:right; width:798px;}
.panel-body .form-group .form-left {float:left; width:498px;}
.panel-body .form-group .form-right {float:right; width:499px;}
.panel-body .form-group .form-left .form-in,.panel-body .form-group .form-right .form-in {width:298px !important;}
.panel-body .form-group::after {clear:both; content:""; display:block;}

label.control-label {
    font-weight: bold;
    color: #444;
    font-size: 13px;
    padding-top: 4px;
}
.wth-addr-97 {width:97% !important; margin-top:5px;}


.badges {width:100px; margin:0 auto 30px; border:1px solid #fff; padding:5px 10px; font-size:13px; color:#fff}