/* 공통 */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(NanumBarunGothic.eot);
  src: url(NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(NanumBarunGothic.woff) format('woff'),
       url(NanumBarunGothic.ttf) format('truetype');
}

body {margin:0;padding:0;color:#333333;font-size:18px;font-family:'Nanum Barun Gothic';line-height:1.8em;} 
button,input,textarea,select {font-size:16px;font-family:'Nanum Barun Gothic';}
a {color:#000000;text-decoration:none;}
a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover {color:inherit;text-decoration:underline;}

.set_pc {display:block;}
.set_mobile {display:none;}
.section_content {width:auto;}

.line1px {width:100%;clear:both;height:1px;margin:40px 0;background-color:#e1e1e1;}

.link {cursor:pointer;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cccccc;
}

@media (max-width:640px) {
	body {font-size:20px;letter-spacing:-0.5px;line-height:2.0em;}
    button,input,textarea,select {font-size:20px;}
    
    .set_pc {display:none;}
    .set_mobile {display:block;}
    .section_content {width:100%;}

    .txc-image {width:600px;margin:0 auto;}
    
    .bx-prev {display:none;}
    .bx-next {display:none;}
}

.clear {width:100%;height:0;clear:both;}



/* 문자 */
h1 {margin:0 0 20px 0;font-size:24px;font-weight:bold;}
h1.center {margin:0 0 20px 0;width:100%;text-align:center;}
h2 {margin:0 0 20px 0;font-size:20px;font-family:"freight-neo-pro";font-weight:bold;}
h3 {margin:0 0 10px 0;font-size:18px;font-weight:bold;}

@media (max-width:640px) {
    h1 {font-size:1.6em;}
    h2 {width:100%;font-size:1.4em;text-align:center;}
    h3 {font-size:1.2em;}
}

.font-focus {color:#8957a1;}
.font-bold {font-weight:bold;}
.font-focus-bold {color:#8957a1;font-weight:bold;}
.font-disable {color:#cccccc;}



/* 레이아웃 */
.wrapper {width:100%;float:left;}

.wrapper .middle_wide {width:100%;min-height:480px;margin-top:80px;margin-bottom:40px;float:left;}
.wrapper .middle_wide .container {width:90%;margin:0 auto;}

.wrapper .middle_center {width:1280px;min-height:560px;margin:0 auto;clear:both;}
.wrapper .middle_center .container {width:100%;margin:0 auto;}
.wrapper .middle_center .section_left {width:1040px;min-height:480px;margin-top:40px;margin-bottom:40px;float:left;}
.wrapper .middle_center .section_left .container {width:100%;margin:0 auto;}

@media (max-width:640px) {
    .wrapper {width:640px;}
    
    .wrapper .middle_wide .container {width:600px;}

    .wrapper .middle_center {width:100%;margin-top:80px;}
    .wrapper .middle_center .section_left {width:600px;margin-top:20px;margin-left:20px;}
}



/* 상단 */
.top {width:100%;float:left;}

.top .status {width:100%;height:40px;background:url('/_images/top_container_back.png') top center #000000;float:left;}
.top .status .container {width:1280px;margin:0 auto;}
.top .status .container ul {width:100%;list-style:none;margin-top:4px;color:#ffffff;float:right;}
.top .status .container li {margin-left:20px;font-size:12px;float:right;cursor:pointer;}

.top .top_menu {width:100%;height:120px;float:left;}
.top .top_menu .container {width:1280px;margin:0 auto;position:relative;}
.top .top_menu .container .logo {width:206px;height:48px;position:absolute;top:38px;left:0;background:url('/_images/logo.png');cursor:pointer;}
.top .top_menu .container .menu {width:100%;height:120px;float:left;}
.top .top_menu .container .menu ul {width:600px;height:60px;margin:0 auto;padding:0;}
.top .top_menu .container .menu li {margin-top:50px;margin-left:18px;margin-right:18px;font-size:24px;font-family:"freight-neo-pro";display:inline-block;float:left;cursor:pointer;}
.top .top_menu .container .menu li:hover {color:#8957a1;}
.top .top_menu .container .search {width:280px;margin-top:-80px;border-bottom:4px solid #000000;float:right;}
.top .top_menu .container .search .input_search {width:240px;height:22px;margin-top:4px;border:none;float:left;}
.top .top_menu .container .search .btn_search {width:32px;height:32px;background:url('/_images/input_icon_search.png') no-repeat;cursor:pointer;float:right;}

.top .top_submenu {width:100%;height:160px;top:160px;background:#ffffff;opacity:0.9;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;float:left;position:absolute;z-index:99999;display:none;}
.top .top_submenu .container {width:600px;margin:0 auto;}
.top .top_submenu .container ul {width:100px;margin-top:15px;list-style:none;float:left;}
.top .top_submenu .container ul li {width:100%;font-size:14px;font-weight:bold;text-align:center;float:left;cursor:pointer;}
.top .top_submenu .container ul li:hover {color:#8957a1;}

.top_mobile {display:none;}
.top_mobile .container .search {width:600px;margin:0 auto;margin-bottom:20px;display:none;}

@media (max-width:640px) {
    .top {display:none;}
    
    .top_menu {display:none;}

	.top_mobile {width:100%;min-height:80px;background:#ffffff;border-bottom:1px solid #cccccc;position:fixed;z-index:999;display:block;}
    .top_mobile .container {width:640px;margin:0 auto;}
    .top_mobile .container .icon_aside {width:80px;height:80px;margin:0 0 0 0;background:url('/_images/mobile/icon_aside.png') center center no-repeat;float:left;cursor:pointer;}
    .top_mobile .container .logo {width:216px;height:60px;margin:10px 0 0 124px;background:url('/_images/mobile/logo_mobile.png') center center no-repeat;float:left;cursor:pointer;}
    .top_mobile .container .icon_search {width:80px;height:80px;margin:0 0 0 0;background:url('/_images/mobile/icon_aside.png') center center no-repeat;float:right;cursor:pointer;}

    .top_mobile .menu {margin-top:40px;margin-left:60px;float:left;}
    .top_mobile .menu ul {list-style:none;}
    .top_mobile .menu li {margin-right:24px;margin-bottom:10px;font-weight:bold;float:left;cursor:pointer;}
    .top_mobile .menu li:hover {color:#2cbbdd;}

    .top_mobile .menu_aside {float:right;margin-top:40px;}
    .top_mobile .menu_aside ul {list-style:none;}
    .top_mobile .menu_aside li {margin-right:20px;float:left;cursor:pointer;}
    .top_mobile .menu_aside li:hover {color:#2cbbdd;}

    .top_mobile .menu_sub {width:160px;height:238px;background:url('/_images/back_transparent.png');top:-240px;border-top:2px #2cbbdd solid;border-left:1px #d1d1d1 solid;border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;position:fixed;z-index:998;}
    .top_mobile .menu_sub ul {width:120px;margin:0 auto;margin-top:20px;list-style:none;}
    .top_mobile .menu_sub li {width:100%;margin-bottom:10px;float:left;cursor:pointer;}
    .top_mobile .menu_sub li:hover {color:#2cbbdd;}
}



/* 하단 */ 
.bottom {width:100%;height:380px;background:#000000;float:left;}
.bottom .container {width:1280px;margin:0 auto;margin-top:40px;text-align:center;}
.bottom .container ul {width:150px;list-style:none;display:inline-block;}
.bottom .container li {margin:0 0 10px 0;color:#a0a0a0;text-align:center;cursor:pointer;}
.bottom .container li:hover {color:#8957a1;}
.bottom .container li.bottom_menu {color:#666666;font-size:18px;font-family:'freight-neo-pro';}
.bottom .container .info {width:100%;color:#a0a0a0;font-size:14px;float:left;}

@media (max-width:640px) {
	.bottom {width:640px;height:auto;}
    .bottom .container {width:600px;margin-top:20px;margin-bottom:20px;}
    .bottom .container ul {width:150px;float:left;}
    .bottom .container .info {width:100%;margin-bottom:20px;font-size:0.62em;}
}



/* 어사이드 */
.aside {width:180px;margin-top:40px;float:right;}

.aside .aside_menu {width:180px;float:left;}
.aside .aside_menu ul {list-style:none;}
.aside .aside_menu li {margin-bottom:10px;cursor:pointer;}
.aside .aside_menu li:hover {color:#8957a1;}
.aside .aside_menu li.selected {color:#8957a1;}

.aside .banner {width:180px;height:180px;background:#333333;float:left;cursor:pointer;display:none;}

.aside_mobile {display:none;}



@media (max-width:640px) {
    .aside {width:600px;float:left;margin-left:20px;}
    .aside .aside_menu {width:100%;}
    .aside .aside_menu li {padding-top:20px;padding-bottom:4px;border-top:1px solid #e1e1e1;text-align:center;}

	.aside_mobile {width:400px;height:100%;background:url('/_images/common/back_transparent_white.png');border-right:1px solid #f1f1f1;top:0;left:0;position:fixed;z-index:99999;}
    .aside_mobile .close {width:100%;height:80px;margin-bottom:30px;background:url('/_images/mobile/icon_aside_close.png') #f1f1f1 no-repeat center left 20px;float:left;}
    .aside_mobile .container {width:360px;height:100%;margin:0 auto;}
    .aside_mobile .menu_list {margin-top:80px;}
    .aside_mobile .menu_list ul {list-style:none;}
    .aside_mobile .menu_list li {margin-bottom:10px;}
}



/* 팝업 */
.popup {width:400px;min-height:240px;border:1px solid #cecece;position:fixed;z-index:99999;display:none;}
.popup .bar {width:100%;height:40px;background:#ffffff;float:left;}
.popup .bar .today {width:160px;height:40px;margin-top:6px;margin-left:10px;background:#ffffff;float:left;}
.popup .bar .close {width:180px;height:40px;margin-right:10px;background:url('/_images/btn_close.png') no-repeat right;float:right;cursor:pointer;}
.popup .content {float:left;cursor:pointer;}

@media (max-width:640px) {
    .popup .bar .today {width:280px;margin-top:4px;}
}



/* 목록 */
.list {width:100%;border-top:2px #333333 solid;border-collapse:collapse;}
.list thead tr {border-bottom:1px #e1e1e1 solid;}
.list thead th {height:37px;border-left:none;border-right:none;}
.list thead th.tblank {}
.list thead th.tcenter {text-align:center;}
.list thead th.t60px {width:60px;}
.list thead th.t80px {width:80px;}
.list thead th.t120px {width:120px;}
.list thead th.t160px {width:160px;}
.list thead th.t200px {width:200px;}
.list tbody tr {height:40px;border-left:none;border-right:none;border-bottom:1px #e1e1e1 solid;cursor:pointer;}
.list tbody tr.hover {background-color:#e1e1e1;}
.list tbody td {}
.list tbody td.tblank {padding-left:10px;text-align:left;}
.list tbody td.tcenter {text-align:center;}
.list tbody td.t60px {width:60px;text-align:center;}
.list tbody td.t80px {width:80px;text-align:center;}
.list tbody td.t120px {width:120px;text-align:center;}
.list tbody td.t160px {width:160px;text-align:center;}
.list tbody td.t200px {width:200px;text-align:center;}
.list tbody td.nodata {text-align:center;cursor:default;}

@media (max-width:640px) {
    .list {width:600px;}
    .list thead th {height:60px;}
    .list tbody tr {height:60px;}
}

.list_paging {width:100%;text-align:center;margin:20px 0 20px 0;padding:0;float:left;}
.list_paging .paging_number {margin:10px;}
.list_paging .paging_selected {margin:10px;font-weight:bold;text-decoration:underline;}

.list_search {width:100%;float:left;}
.list_search tbody td.controlx1 {width:42px;text-align:right;}



/* 폼 */
.fieldset_wide {width:100%;margin:40px auto}
.fieldset_wide .label {width:120px;line-height:32px;color:#626262;float:left;}
.fieldset_wide .label_100 {width:100%;line-height:30px;color:#626262;float:left;}
.fieldset_wide .label_none {width:120px;color:#626262;float:left;}
.fieldset_wide .separate {clear:both;height:2px;margin:4px 0;}
.fieldset_wide .separate_none {clear:both;height:2px;margin:1px 0;}
.fieldset_wide .separate_40px {clear:both;height:2px;margin:20px 0;}

.fieldset_small {width:490px;margin:40px auto;}
.fieldset_small .label {width:120px;line-height:32px;color:#626262;float:left;}
.fieldset_small .label_100 {width:100%;line-height:30px;color:#626262;float:left;}
.fieldset_small .label_none {width:120px;color:#626262;float:left;}
.fieldset_small .separate {clear:both;height:2px;margin:4px 0;}
.fieldset_small .separate_none {clear:both;height:2px;margin:1px 0;}
.fieldset_small .separate_40px {clear:both;height:2px;margin:20px 0;}
.fieldset_small .form {line-height:32px;}

.fieldset_control {width:100%;margin-top:40px;margin-bottom:40px;}
.fieldset_control_center {width:100%;margin-top:40px;margin-bottom:40px;text-align:center;}

@media (max-width:640px) {
    .fieldset_small {width:600px;}
    .fieldset_small .label {margin-top:10px;margin-bottom:10px;}
    .fieldset_small .label_100 {margin-top:10px;margin-bottom:10px;}
    .fieldset_small .form {margin-top:14px;}
}


 
/* 입력 */
.input_64px {width:64px;height:30px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.input_64px:hover {background:#ffffff;}
.input_64px_disable {width:64px;height:30px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}
.input_128px {width:128px;height:30px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.input_128px:hover {background:#ffffff;}
.input_128px_disable {width:128px;height:30px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}
.input_328px {width:368px;height:30px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.input_328px:hover {background:#ffffff;}
.input_328px_disable {width:368px;height:30px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}
.input_512px {width:512px;height:30px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.input_512px:hover {background:#ffffff;}
.input_512px_disable {width:512px;height:30px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}
.input_512px_100px {width:512px;height:100px;background:#ffffff;border:1px solid #e1e1e1;cursor:pointer;}
.input_512px_100px:hover {background:#ffffff;}
.input_512px_100px_disable {width:512px;height:100px;background:#f1f1f1;border:1px solid #e1e1e1;}
.input_100_100px {width:100%;height:100px;background:#ffffff;padding:5px 0 0 5px;border:1px solid #e1e1e1;line-height:1.4em;cursor:pointer;}
.input_100_100px:hover {background:#ffffff;}
.input_100_100px_disable {width:100%;height:100px;background:#f1f1f1;border:1px solid #e1e1e1;}
.input_100 {width:100%;height:30px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.input_100:hover {background:#ffffff;}
.input_100_disable {width:100%;height:30px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}

.input_hidden {color:#ffffff;}
.input_none {width:240px;}

.ddl_64px {width:64px;height:32px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.ddl_64px:hover {background:#f9f9f9;}
.ddl_128px {width:128px;height:32px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.ddl_128px:hover {background:#ffffff;}
.ddl_128px_disable {width:128px;height:32px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}
.ddl_100 {width:100%;height:30px;background:#ffffff;border:1px solid #e1e1e1;text-indent:4px;cursor:pointer;}
.ddl_100:hover {background:#ffffff;}
.ddl_100px_disable {width:100%;height:32px;background:#f1f1f1;border:1px solid #e1e1e1;text-indent:4px;}

@media (max-width:640px) {
    .input_64px {width:100px;height:60px;}
    .input_64px_disable {width:100px;height:60px;}
    .input_128px {width:220px;height:60px;}
    .input_128px_disable {width:220px;height:60px;}
    .input_328px {width:450px;height:60px;}
    .input_328px_disable {width:450px;height:60px;}
    .input_100 {width:100%;height:60px;}
    .input_100_disable {width:100%;height:60px;}

    .ddl_64px {width:100px;height:60px;}
    .ddl_128px {width:100%;height:60px;}
}



/* 버튼 */
.btn_t1_focus {width:160px;height:50px;background:#333333;border:1px solid #333333;color:#ffffff;font-size:14px;font-weight:bold;line-height:50px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;}
.btn_t1_focus:hover {background:#ffffff;border:1px solid #333333;color:#333333;}

.btn_t1_image {width:160px;height:50px;background:#666666;border:1px solid #666666;color:#ffffff;font-size:14px;font-weight:bold;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;}
.btn_t1_image:hover {background:#000000;border:1px solid #000000;color:#ffffff;}

.btn_t1 {width:160px;height:50px;background:#666666;border:1px solid #666666;color:#ffffff;font-size:14px;font-weight:bold;line-height:50px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;}
.btn_t1:hover {background:#ffffff;border:1px solid #666666;color:#666666;}

.btn_t1_wide {width:320px;height:50px;background:#666666;border:1px solid #666666;color:#ffffff;font-size:14px;font-weight:bold;line-height:50px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;}
.btn_t1_wide:hover {background:#ffffff;border:1px solid #666666;color:#666666;}

.btn_t2_focus {width:102px;height:35px;background:#333333;border:1px solid #333333;color:#ffffff;font-size:12px;font-weight:bold;line-height:20px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;}
.btn_t2_focus:hover {background:#ffffff;border:1px solid #333333;color:#333333;}

.btn_t2 {width:102px;height:35px;background:#666666;border:1px solid #666666;color:#ffffff;font-size:12px;font-weight:bold;line-height:20px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;}
.btn_t2:hover {background:#ffffff;border:1px solid #666666;color:#666666;}

.btn_t3_focus {width:80px;height:32px;background:#333333;border:1px solid #333333;color:#ffffff;font-size:12px;font-weight:normal;line-height:10px;text-align:center;display:inline-block;cursor:pointer;}
.btn_t3_focus:hover {background:#ffffff;border:1px solid #333333;color:#333333;}

.btn_t3 {width:80px;height:32px;background:#999999;border:1px solid #999999;color:#ffffff;font-size:12px;font-weight:normal;line-height:10px;text-align:center;display:inline-block;cursor:pointer;}
.btn_t3:hover {background:#ffffff;border:1px solid #999999;color:#999999;}

@media (max-width:640px) {
    .btn_t1_focus {width:600px;height:72px;margin-bottom:5px;font-size:24px;}
    .btn_t1_image {width:600px;height:72px;margin-bottom:5px;font-size:24px;}
    .btn_t1 {width:600px;height:72px;margin-bottom:5px;font-size:24px;}
    
    .btn_t2_focus {width:100%;height:72px;margin-bottom:5px;font-size:24px;}
    .btn_t2 {width:100%;height:72px;margin-bottom:5px;font-size:24px;}
    
    .btn_t3_focus {width:110px;height:62px;font-size:24px;}
    .btn_t3 {width:110px;height:62px;font-size:24px;}
}



/* 기타 */
.list_article {width:100%;float:left;}
.list_article ul {width:100%;list-style:none;}
.list_article li {width:200px;margin-right:9px;float:left;cursor:pointer;}
.list_article li .image {width:200px;height:200px;border:2px solid #ffffff;}
.list_article li .image:hover {border-color:#333333;}
.list_article li .des {width:100%;margin:20px 0;text-align:center;}

.list_video {width:100%;float:left;}
.list_video ul {width:100%;list-style:none;}
.list_video li {width:200px;margin-right:9px;float:left;cursor:pointer;}
.list_video li .image {border:2px solid #ffffff;}
.list_video li .image:hover {border-color:#333333;}
.list_video li .des {width:100%;margin:20px 0;text-align:center;}

.list_faq {width:100%;border-top:2px #333333 solid;}
.list_faq .item {width:100%;border-bottom:1px #e1e1e1 solid;float:left;cursor:pointer;}
.list_faq .item .question {width:100%;margin-top:20px;margin-bottom:10px;float:left;}
.list_faq .item .answer {width:100%;margin-top:10px;padding:10px 0 0 0;background-color:#f9f9f9;float:left;}
.list_faq .item .answer .container {width:799px;margin:0 auto;}

.detail_product .image {width:400px;margin-right:40px;float:left;}
.detail_product .des {float:left;}
.detail_product .separate {width:100%;clear:both;height:1px;margin:20px 0;background-color:#e1e1e1;}

.list_comment {border-top:2px #333333 solid;margin:40px 0 20px 0;padding-top:20px;}
.list_comment ul {list-style:none;}
.list_comment li {width:100%;padding-top:10px;padding-bottom:10px;border-bottom:1px #e1e1e1 solid;float:left;}

.list_cart {width:100%;float:left;}
.list_cart ul {width:100%;list-style:none;}
.list_cart li {width:100%;height:110px;margin-bottom:10px;border-bottom:1px solid #e1e1e1;float:left;}
.list_cart li .image {width:100px;height:100px;margin-right:20px;float:left;cursor:pointer;}
.list_cart li .des {width:640px;padding-top:10px;float:left;}
.list_cart li .modify {width:64px;height:100px;text-align:right;float:right;}

.detail {border-top:2px #333333 solid;margin:20px 0 20px 0;padding-top:20px;}
.detail .separate {width:100%;clear:both;height:1px;margin:20px 0;background-color:#e1e1e1;}

.add {border-top:2px #333333 solid;margin:40px 0 20px 0;padding-top:10px;}