@charset "utf-8";
@import url('base.css');

/* modal custom style */
.modal .modal-header { background:#103475; color:#fff;}
.modal .modal-header strong {font-size: 1.5em;font-weight: 500;}
.modal .modal-header button { color:#fff; }

.modal .modal-content { background-color: transparent; }
.modal .modal-content table.table { margin-bottom:0; table-layout:fixed; }
.modal .modal-content table.table>tbody>tr>th { border:0; text-align:left; }
.modal .modal-content table.table>tbody>tr>td { border:0; }
.modal .modal-content table.table.table-wrap>tbody>tr>th { border:0; }
.modal .modal-content table.table.table-wrap>tbody>tr>td { border:0; }

.modal .modal-content table.table-wrap>tbody>tr>td { vertical-align: top; }
.modal .modal-content table.table-wrap>tbody>tr>td input { max-width:100%; }
.modal .modal-content table.table-wrap>tbody>tr>td.view_img { text-align:center; vertical-align: middle; border:1px solid #ddd; }
.modal .modal-content .modal-body,
.modal .modal-content .modal-footer { background-color: #fff; }

#popComp .modal-dialog { max-width:400px; }
#popComp .modal-dialog .status-txt { padding:10px 0 20px 0; font-size:1.2em; font-weight:500; }

/* element style */
.wrap { position: relative; }
.left_menu { display: none; }
.head { position: relative; width: 100%; }
.head .head_con { position: relative; width:900px; min-width: 900px; height:73px; margin: 0 auto; }
.head .head_con .search_form { padding-top:16px; }
.head .head_con .search_form .search_inner { position: relative; width: 354px; height: 38px; margin-right: 3px; border: 2px solid #446cb4; margin: 0 auto; }
.head .head_con .search_form .search_inner .input_text { width: 312px; padding:6px 10px; border: 0; background: transparent; 
line-height: 21px; font-weight: bold; font-size: 16px; color: #000; outline: none; }
.head .head_con .search_form .search_inner .btn_srh { position: absolute; top:0; right:0; bottom: 0; }
.head .head_con .search_form .search_inner .btn_srh>i {padding: 8px 10px; background: #446cb4; color: #fff; font-size: 1.2em; height: 34px; width: 34px;}

.head .head_con .btn_menu { display: none; }
.head .head_con .logo { position: absolute; width: 135px; height: 60px; top: 6px; left: 10px; }
.head .head_con .btn_login { position: absolute; height: 28px; top: 16px; right: 85px; font-size: 14px; font-weight: 500; padding: 3px 5px; border: 1px solid #dcdcdc; color: #292928;}
.head .head_con .btn_mypage { position: absolute; height: 28px; line-height: 20px; top: 16px; right: 85px; font-size: 14px; font-weight: 500; padding: 3px 5px; border: 1px solid #dcdcdc; color: #292928;}
.head .head_con .customer-name-view { position: absolute; top: 50px; right: 11px; font-size: 12px; font-weight: 500; color: #292928;}
.head .head_con .btn_join { position: absolute; height: 28px; top: 16px; right: 11px; font-size: 14px; font-weight: 500; padding: 3px 5px; border: 1px solid #dcdcdc; color: #292928;}
.head .head_con .login_sta { position: absolute; height: 28px; top: 20px; right: 90px; font-size: 14px; }

.head_nav { position: relative; width:100%; min-width: 900px; border-top:1px solid #d7d7d7; border-bottom:2px solid #324566; }
.head_nav .nav_con { position: relative; width: 900px; margin:0 auto; text-align: center; }
.head_nav .nav_con ul { font-size: 0;}
.head_nav .nav_con ul:after { content:" "; display:block; clear:both; overflow:hidden; }
.head_nav .nav_con ul li { display:inline-block; }
.head_nav .nav_con ul li .icon { background: url("/shop/images/icon_05.png") no-repeat; background-position: 107px 20px; }
.head_nav .nav_con ul li a { width: 150px; font-size:16px; text-align: center; font-weight: bold; padding:18px 0;
-webkit-transition-property: color; transition-property: color; 
-webkit-transition-duration: 1s; transition-duration: 1s; 
-webkit-transition-timing-function: ease; transition-timing-function: ease;}

.head_nav .nav_con ul li.view { display:none; }
.head_nav .nav_con ul.on li.view { display:inline-block; }
.head_nav .nav_con ul.on li .icon { background-position: 96px 20px; }
.head_nav .nav_con ul.on li a { width: 128px; }

.content { position: relative; width:900px; min-width: 900px; margin:0 auto; font-size: 0; }
.content .left_nav { position:relative; display:inline-block; vertical-align:top; width: 173px; margin: 0 5px 25px 0; font-size:16px; }
.content .left_nav .left_nav_01 { position: relative; width:171px; border: 1px solid #f1f1f1; }
.content .left_nav .left_nav_01 ul { display:block; }
.content .left_nav .left_nav_01 ul li { 
	font-size:0.9em; background:#335EAC; border-bottom:1px solid #fff; 
	line-height: 1.2em; transition:all .3s; font-weight: 400;
}
.content .left_nav .left_nav_01 ul li:hover { padding-left: 10px; background:#103475; }
.content .left_nav .left_nav_01 ul li.nb { font-size:0.9em; background:#335EAC; text-align:center; }
.content .left_nav .left_nav_01 ul li.nb:hover { font-size:0.9em; background:#335EAC; }
.content .left_nav .left_nav_01 ul li.view { background:#757373; color:#fff; font-size:1em; font-weight:500; }
.content .left_nav .left_nav_01 ul li.view:hover { background:#757373; font-size:1em; }
.content .left_nav .left_nav_01 ul li.tit { color:#fff; background:#335eac; font-weight: 500; font-size:1em; padding:6px 0; }
.content .left_nav .left_nav_01 ul li.tit:hover { font-size:1em; }
.content .left_nav .left_nav_01 ul li a { color: #fff; padding: 7px 0 7px 8px; }
.content .left_nav .left_nav_02 { position: relative; width:171px; border: 1px solid #f1f1f1; margin-top: 6px; }
.content .left_nav .left_nav_02 ul { background: #f5f5f5; padding-bottom: 4px; }
.content .left_nav .left_nav_02 ul li { font-size: 14px; padding: 0 0 4px 8px; color: #484848; }
.content .left_nav .left_nav_02 ul li.tit { color: #484848; background: #fff; font-weight: 500; padding: 8px 0; margin: 0 0 10px 0; text-align: center; font-size: 16px; }
.content .left_nav .left_nav_02 ul li.tit p { background: url("/shop/images/icon_03.png") no-repeat; background-position: 31px 3px; }
.content .left_nav .left_nav_03 { position: relative; width:171px; border: 1px solid #f1f1f1; }
.content .left_nav .left_nav_03 ul { background: #f5f5f5; padding-bottom: 3px; }
.content .left_nav .left_nav_03 ul li { font-size: 14px; padding: 0 0 5px 8px; color: #484848; }
.content .left_nav .left_nav_03 ul li.tit { color: #484848; background: #fff; font-weight: 500; padding: 8px 0; margin: 0 0 10px 0; text-align: center; font-size: 16px; }
.content .left_nav .left_nav_03 ul li.txt_02 { font-size: 16px; font-weight: 500; }
.content .left_nav .left_nav_03 ul li.txt_03 { font-size: 13px; color: #f5554b; }
.content .left_nav .left_nav_03 ul li.txt_04 { font-size: 13px; color: #f5554b; }
.content .left_nav .left_nav_03 ul li p { background: url("/shop/images/icon_04.png") no-repeat; background-position: 18px 3px; }

.content .main_con { position:relative; display:inline-block; vertical-align:top; width: 720px; margin: 0 0 50px 0; font-size:16px; }
.content .main_con .top_nav { padding: 6px 0; font-weight: bold; font-size:1.2em; }

.content .main_con .list_tit { padding: 10px 5px 10px 5px; }
.content .main_con .item_none { padding: 30px 0; font-size: 0.9em; text-align: center; color: #7D7D7D; }
.content .main_con .list_tit h2 {font-size: 0.9em; font-weight: 900; color: #335EAC; padding-bottom: 11px; }
.content .main_con .list_tit .datepicker { width: 105px; font-size: 0.9em; text-align: center; padding: 2px; }
.content .main_con .list_tit .btn_srh { display: inline-block; vertical-align: top; padding: 3px 7px 3px 7px; background: #f1f1f1; 
border: 1px solid #909090; font-size: 0.9em; font-weight: bold; color: #676767; }

.content .main_con .intro_div { position: relative; padding:0 10px; }
.content .main_con .intro_div p.tit { color: #2F5495; font-weight: 500; font-size: 1.4em; margin:15px 0 10px 0; }
.content .main_con .intro_div p.area_tit { font-size:1.2em; font-weight:500; padding:20px 0 10px 0; }
.content .main_con .intro_div p.area_tit i { color:#0f58c7; font-size:1.1em; }
.content .main_con .intro_div ul { margin: 2px 0 0 5px; }
.content .main_con .intro_div ul li { position: relative; float: left; margin-top: 8px; }
.content .main_con .intro_div ul li i { width:15px; }
.content .main_con .intro_div ul li.tit { clear: left; }
.content .main_con .intro_div ul li.tit { width: 100px; font-weight: 500; }
.content .main_con .intro_div ul li.txt { color: #575757; }

/* 메인페이지 */
.content .main_con .banner { position:relative; border: 1px solid #f1f1f1; min-height:250px;/*290px*/ }
.content .main_con .banner img { width: 100%; }
.content .main_con .banner .video-box { position:absolute; top:0; left:0; width:100%; height:100%; }
.content .main_con .banner .video-box button.video-close { position:absolute; top:0; right: -50px; font-size: 4em; }
.content .main_con .banner .video-box iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.content .main_con .quick_box { border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;  }
.content .main_con .quick_box .quick_tit { margin-top: 5px; font-size: 0; }
.content .main_con .quick_box .quick_tit > li { display: inline-block; vertical-align: top; width: 358px; min-height: 165px;  font-size: 13px; }
.content .main_con .quick_box .quick_tit li .inner_box { position: relative; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.content .main_con .quick_box .quick_tit li .inner_box div { padding: 8px 5px 5px 12px; }
.content .main_con .quick_box .quick_tit li .inner_box div .txt_01 { display: inline-block; vertical-align: top; font-size:1.2em; font-weight:500; }
.content .main_con .quick_box .quick_tit li .inner_box div .txt_02 { position: absolute; display: inline-block; vertical-align: top; color: #7d7d7d; right: 15px; }
.content .main_con .quick_box .quick_tit li .inner_box div .txt_02 .t1 { display: inline-block; margin: 1px 4px 1px 0;}
.content .main_con .quick_box .quick_tit li .inner_box div .txt_02 .t2 { display: inline-block; vertical-align: top;}
.content .main_con .quick_box .quick_tit li .inner_box ul { padding: 8px 5px 5px 12px; min-height: 155px; }
.content .main_con .quick_box .quick_tit li .inner_box ul li { margin: 9px 0 9px 0; }
.content .main_con .quick_box .quick_tit li .inner_box ul li a { font-size: 13px; color: #575757; }
.content .main_con .quick_box .quick_tit li .inner_box ul li.tit { position: relative; font-size: 14px; color: #222222; padding: 0 0 5px 0; margin: 0;}
.content .main_con .main_tit { background: url("/shop/images/tit_dot_01.png") repeat-x; background-position: 0 8px; margin: 25px 0 18px 0; text-align: center; }
.content .main_con .main_tit p { display:inline-block; font-size: 19px; font-weight: bold; color: #020814; padding: 0px 5px; background: #fff;}
.content .main_con .product_box { border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; margin-top: 5px;  }
.content .main_con .product_box_02 { border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; margin-top: 5px; }
.content .main_con .list_box { font-size: 0; }
.content .main_con .list_box > li { display: inline-block; vertical-align: top; width: 25%; }
.content .main_con .list_box > li.empty { display: block; width: 100%; padding: 15px 0; font-size: 15px; text-align: center; }
.content .main_con .list_box > li .inner_box {  border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; font-size: 13px; }
.content .main_con .list_box > li .visual_box { position: relative; padding: 10px 0; }
.content .main_con .list_box > li .visual_box .icon { position: absolute; top: 0; }
.content .main_con .list_box > li .visual_box .icon img { vertical-align: top; margin: 4px 0 0 4px; }
.content .main_con .list_box > li .visual_box .visual { width: 135px; height: 135px; margin: 0 auto; text-align:center; }
.content .main_con .list_box > li .visual_box .visual img { width: auto; max-height: 100%; display:inline-block; }
.content .main_con .list_box > li ul.text_box { padding: 0 16px 10px 16px; min-height: 80px; }
.content .main_con .list_box > li ul.text_box li { margin-top: 2px; }
.content .main_con .list_box > li ul.text_box li p { color: #383838; }
.content .main_con .list_box > li ul.text_box li.f { background: url("/shop/images/tit_dot_02.png") repeat-x; background-position: 0 0; padding-top: 15px; }
.content .main_con .list_box > li ul.text_box li .tit { font-size: 14px; font-weight: 600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.content .main_con .etc_div { display: none; }

/* 로그인 페이지 */
.content .main_con .login_div { position: relative; margin: 80px auto; width: 520px; }
.content .main_con .login_div .txt { color: #404040; font-size: 0.8em; font-weight: 600; margin-top: 5px; }
.content .main_con .login_div .inner_div { position: relative; margin-top: 5px; border: 2px solid #d3d4d4; background: #f5f5f5; padding: 61px; }
.content .main_con .login_div .inner_div .core_div { display: inline-block; vertical-align: top; }
body.join .content .main_con .login_div .inner_div .core_div { width:100%; }
.content .main_con .login_div .inner_div .core_div .input_01 { display: block; width: 270px; padding: 6px 10px; border: 1px solid #C7C7C7; font-size: 0.9em; }
.content .main_con .login_div .inner_div .core_div .input_02 { display: block; width: 270px; padding: 6px 10px; border: 1px solid #C7C7C7; font-size: 0.9em; }
.content .main_con .login_div .inner_div .core_div table th { text-align:left; border-top:0; }
.content .main_con .login_div .inner_div .btn_login { display: inline-block; vertical-align: top; font-size: 1em; padding: 24px 20px 24px 20px; margin-left: 15px; 
border: 1px solid #bec3ce; background: #335eac; color: #fff; font-weight: 400; }


/* 제품리스트 */
.content .main_con .top_nav ul { font-size:0; }
.content .main_con .top_nav ul li { display: inline-block; vertical-align: top; font-size:14px; }
.content .main_con .top_nav ul li.next { display: inline-block; vertical-align: top; padding:0 5px; }
.content .main_con .list_st { margin-top: 8px; }

.content .main_con .list_st_01 .li_01 { width:0; overflow:hidden; }
.content .main_con .list_st_01 .li_01 p { text-align: center; }
.content .main_con .list_st_01 .li_02 { width:13%; }
.content .main_con .list_st_01 .li_02 img { max-height:80px; }
.content .main_con .list_st_01 .li_03 { width:35%; }
.content .main_con .list_st_01 .li_04 { width:16%; }
.content .main_con .list_st_01 .li_05 { width:16%; }
.content .main_con .list_st_01 .li_06 { width:10%; }
.content .main_con .list_st_01 .li_07 { width:10%; }
.content .main_con .list_st_01 .li_08 { width:20%; }
.content .main_con .list_st_01 .input_div { margin:10px 0; text-align:right; }
.content .main_con .list_st_01 .input_div input { width:80%; }
.content .main_con .list_st_01 .list .item { position: relative; }

.content .main_con .list_st_02 .chk_box { margin: 0 auto; }
.content .main_con .list_st_02 .li_01 { width:5%; text-align: center; }
.content .main_con .list_st_02 .li_02 { width:12%; text-align: center; }
.content .main_con .list_st_02 .li_03 { width:21%; }
.content .main_con .list_st_02 .li_04 { width:16%; }
.content .main_con .list_st_02 .li_05 { width:13%; text-align: right; }
.content .main_con .list_st_02 .li_06 { width:8%; text-align: center; }
.content .main_con .list_st_02 .li_07 { width:8%; text-align: right; }
.content .main_con .list_st_02 .li_08 { width:16%; text-align: right; }
.content .main_con .list_st_02 .li_09 { width:17%; text-align: right; }

.content .main_con .list_st_02 .input_div { margin:10px 0; text-align:right; }
.content .main_con .list_st_02 .input_div input { width:80%; }
.content .main_con .list_st_02 li .button { background:#335EAC; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #476292; 
display:inline-block; cursor:pointer; color:#ffffff; font-size:12px; padding:3px 9px; margin: 8px 0 20px 0; text-decoration:none;}
.content .main_con .list_st_02 li .button:hover { background:#294B8A; }
.content .main_con .list_st_02 li .button:active { position:relative; top:1px; }

.content .main_con .list_st_03 .li_01 { width:13%; text-align: center; }
.content .main_con .list_st_03 .li_02 { width:22%; }
.content .main_con .list_st_03 .li_03 { width:11%; text-align: center; }
.content .main_con .list_st_03 .li_04 { width:9%; text-align: center; }
.content .main_con .list_st_03 .li_05 { width:11%; text-align: right; }
.content .main_con .list_st_03 .li_06 { width:8%; text-align: center; }
.content .main_con .list_st_03 .li_07 { width:15%; text-align: center; }
.content .main_con .list_st_03 .li_08 { width:11%; text-align: center; }

.content .main_con .list_st_04 .li_02 { width:14%; text-align: center; }
.content .main_con .list_st_04 .li_03 { width:14%; text-align: center; }
.content .main_con .list_st_04 .li_04 { width:23%; }
.content .main_con .list_st_04 .li_05 { width:12%; }
.content .main_con .list_st_04 .li_06 { width:14%; text-align: right; }
.content .main_con .list_st_04 .li_07 { width:12%; text-align: center; }
.content .main_con .list_st_04 .li_08 { width:11%; text-align: center; }
.content .main_con .list_st_04 .li_08 a { background:#335EAC; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:5px; border:1px solid #476292; 
display:inline-block; cursor:pointer; color:#ffffff; font-size:12px; padding:4px 6px; margin:10px; text-decoration:none;}
.content .main_con .list_st_04 .li_08 a:hover { background:#294B8A; }
.content .main_con .list_st_04 .li_08 a:active { position:relative; top:1px; }

.content .main_con .list_st_05 .li_01 { width:10%; text-align: center; }
.content .main_con .list_st_05 .li_02 { width:65%; text-align: left; }
.content .main_con .list_st_05 .li_03 { width:15%; text-align: center; }
.content .main_con .list_st_05 .li_04 { width:10%; text-align: center; }
.content .main_con .list_st_05 .l_body .list ul li p { margin: 15px 10px 15px 10px; overflow: auto; color: #1d1d1d; }
.content .main_con .list_st_05 .l_body .list ul li p a { color: #1d1d1d; }
.content .main_con .list_st_05 .l_body .list .li_02 p { text-align: left; margin: 15px 10px 15px 10px; color: #1d1d1d;}
.content .main_con .list_st_05 .l_body .list .li_02 p a { color: #1d1d1d; }

.content .main_con .list_st_06 .li_01 { width:15%; text-align: left; }
.content .main_con .list_st_06 .li_02 { width:85%; text-align: left; }
.content .main_con .list_st_06 .li_tit div { color: #222; font-weight: bold; }
.content .main_con .list_st_06 .li_txt div { color: #000; font-weight: normal; }
.content .main_con .list_st_06 .li_tit p { color: #222; font-weight: bold; }
.content .main_con .list_st_06 .li_txt p { color: #000; font-weight: normal; }
.content .main_con .list_st_06 .l_head_02 ul > li div { text-align: left; padding: 10px 10px 10px 10px; }
.content .main_con .list_st_06 .l_body .list { border-bottom: 1px solid #000; }
.content .main_con .list_st_06 .l_body .list ul li { min-height: 200px; }
.content .main_con .list_st_06 .l_body .list ul li p { margin:0; padding: 10px 10px 10px 10px; }

.content .main_con .list_st_07 .li_01 { width:10%; text-align: center; }
.content .main_con .list_st_07 .li_02 { width:50%; text-align: left; }
.content .main_con .list_st_07 .li_03 { width:15%; text-align: center; }
.content .main_con .list_st_07 .li_04 { width:15%; text-align: center; }
.content .main_con .list_st_07 .li_05 { width:10%; text-align: center; }
.content .main_con .list_st_07 .l_body .list ul li p { margin: 15px 10px 15px 10px; overflow: auto; }
.content .main_con .list_st_07 .l_body .list .li_02 p { text-align: left; margin: 15px 10px 15px 40px; }

.content .main_con .list_st_08 .li_01 { width:15%; text-align: left; }
.content .main_con .list_st_08 .li_02 { width:85%; text-align: left; }
.content .main_con .list_st_08 .li_tit div { color: #222; font-weight: bold; }
.content .main_con .list_st_08 .li_txt div { color: #000; font-weight: normal; }
.content .main_con .list_st_08 .li_tit p { color: #222; font-weight: bold; }
.content .main_con .list_st_08 .li_txt p { color: #000; font-weight: normal; }
.content .main_con .list_st_08 .l_head_02 ul > li div { text-align: left; padding: 10px 10px 10px 10px; }
.content .main_con .list_st_08 .l_body .list { border-bottom: 1px solid #000; }
.content .main_con .list_st_08 .l_body .list ul { border-bottom: 1px solid #c2c2c2; }
.content .main_con .list_st_08 .l_body .list ul li p { margin:0; padding: 10px; line-height: 29px; }
.content .main_con .list_st_08 .l_body .list ul li p .input_01 { font-size: 1em; margin: 0; padding: 5px; width: 200px; border: 1px solid #C2C2C2; }
.content .main_con .list_st_08 .l_body .list ul li p .input_02 { font-size: 1em; margin: 0; padding: 5px; width: 300px; border: 1px solid #C2C2C2; }
.content .main_con .list_st_08 .l_body .list ul li p .input_03 { font-size: 1em; margin: 0; padding: 5px; width: 200px; border: 1px solid #C2C2C2; }
.content .main_con .list_st_08 .l_body .list ul li p .input_03 { resize: none; width: 490px; font-size: 1em; min-height: 150px; padding: 5px; border: 1px solid #C2C2C2; }
.content .main_con .list_st_08 .l_body .list ul li p .input_04 { font-size: 1em; margin: 0; padding: 5px; width: 200px; border: 1px solid #C2C2C2; }

.content .main_con .list_st_09 .li_01 { width:13%; }
.content .main_con .list_st_09 .li_02 { width:18%; }
.content .main_con .list_st_09 .li_03 { width:11%; }
.content .main_con .list_st_09 .li_04 { width:11%; }
.content .main_con .list_st_09 .li_05 { width:8%; }
.content .main_con .list_st_09 .li_06 { width:8%; }
.content .main_con .list_st_09 .li_07 { width:16%; }
.content .main_con .list_st_09 .li_08 { width:15%; }
.content .main_con .list_st_09 .li_09 { width:16%; }
.content .main_con .list_st_09 .list .item { position: relative; }

/* 마이쇼핑 style */
.content .main_con .list_st_10 .li_01 { width:0; overflow:hidden; }
.content .main_con .list_st_10 .li_02 { width:13%; text-align: center; }
.content .main_con .list_st_10 .li_03 { width:12%; text-align: left; }
.content .main_con .list_st_10 .li_04 { width:26%; }
.content .main_con .list_st_10 .li_05 { width:17%; }
.content .main_con .list_st_10 .li_06 { width:12%; text-align: right; }
.content .main_con .list_st_10 .li_07 { width:10%; text-align: right; }
.content .main_con .list_st_10 .li_08 { width:10%; text-align: right; }
.content .main_con .list_st_10 .li_09 { width:18%; text-align: right; }
.content .main_con .list_st_10 .input_div { margin:10px 0; text-align:right; }
.content .main_con .list_st_10 .input_div input { width:80%; }
.content .main_con .list_st_10 .li_10 { width:15%; text-align: right; }/* 170331 노출안함 - 마이쇼핑 */
.content .main_con .list_st_10 .list .item { position: relative; }


.content .main_con .answer_tit { font-size: 1.2em; font-weight: bold; padding-bottom: 3px; }

.content .main_con .l_head { border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; }
.content .main_con .l_head_02 { border-top: 1px solid #000; border-left: transparent; }
.content .main_con .l_head ul { font-size: 0; }

.content .main_con .l_head ul > li { display: inline-block; vertical-align: top;  font-size: 13px; }
.content .main_con .l_head ul > li span { display:block; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; background: #f5f5f5; font-size: 14px; 
text-align: center; padding: 0; height: 31px; line-height:30px; color: #222; }
.content .main_con .l_head_02 ul > li div { border-right: transparent; border-bottom: 1px solid #c2c2c2; background: #fff; font-size: 13px; 
text-align: center; padding: 7px 0; color: #222; font-weight: bold; }
.content .main_con .l_head ul > li div.chk_div { padding: 0; }
.content .main_con .l_head ul > li div.chk_div input { margin: 8px 0 7px 0; }

.content .main_con .l_body .list { position: relative; border-bottom: 1px solid #c2c2c2; transition:all .5s; }
.content .main_con .l_body .list ul { position: relative; font-size:0; }
.content .main_con .l_body .list .detail { position: relative; background: #f8f7f7; }
.content .main_con .l_body .list .detail ul { background: url("/shop/images/tit_dot_03.png") repeat-x; background-position: 0 0; }

.content .main_con .l_body .list ul li { position: relative; display: inline-block; vertical-align: top; font-size:14px; letter-spacing:-1px; }
.content .main_con .l_body .list ul li p { padding: 10px 5px; word-break:break-all; }
.content .main_con .l_body .list ul li .visual_box { text-align: center; padding:9px 0; }
.content .main_con .l_body .list ul li .visual_box .visual { width:100%; max-width: 80px; display:inline-block; vertical-align: top; }
.content .main_con .l_body .list .detail ul li .visual_box .visual { width: 65px; display:inline-block; vertical-align: top; }
.content .main_con .l_body .list .btn_set_div { position: absolute; width:16px; height: 9px; bottom: 5px; right: 8px; }
.content .main_con .l_body .list .btn_set { width:16px; height: 9px; background: url("/shop/images/btn_open_02.png") no-repeat; }
.content .main_con .l_body .list .btn_set_on .btn_set { background: url("/shop/images/btn_close_02.png") no-repeat; }



/* 17.12.11 추가 장바구니 주문 시 주소정보 추가 */
.content .main_con .addr_wrap {  }
.content .main_con .addr_wrap table,
.content .main_con .addr_wrap table td { border:0; padding:2px 8px; margin:0; }
.content .main_con .addr_wrap table td input.input-m { width:70%; }
.content .main_con .addr_wrap table th { border:0; text-align:left; padding:0 8px; }
.content .main_con .addr_wrap i { color:#446cb4; }

.content .main_con .txt_wrap { padding:15px 0; border-bottom: 2px solid #335EAC; }
.content .main_con .txt_wrap table,
.content .main_con .txt_wrap table td { border:0; padding:2px 8px; margin:0; }
.content .main_con .txt_wrap table th { border:0; text-align:left; padding:0 8px; }
.content .main_con .txt_wrap i { color:#446cb4; }
.content .main_con .txt_wrap textarea { resize: none; width: 490px; height: 51px; padding: 5px; background: #F5F5F5; border: 1px solid #C2C2C2; font-size: 0.8em; }

.content .main_con .btn_wrap { text-align: right; padding: 20px 0; transition:all .5s; }
.content .main_con .btn_wrap .btn_01 { position: relative; display: inline-block; vertical-align: top; background: #6d777f; }
.content .main_con .btn_wrap .btn_01 a { padding: 10px 10px 10px 40px; font-size: 0.9em; color: #fff; font-weight: bold; background: url("/shop/images/icon_06.png") no-repeat; background-position: 8px 6px;}
.content .main_con .btn_wrap .btn_ok { position: relative; display: inline-block; vertical-align: top; background: #335EAC; }
.content .main_con .btn_wrap .btn_ok a { padding: 10px 25px 10px 25px; font-size: 0.9em; color: #fff; font-weight: bold; }
.content .main_con .btn_wrap .btn_del { position: relative; display: inline-block; vertical-align: top; background: #6d777f; }
.content .main_con .btn_wrap .btn_del a { padding: 10px 20px 10px 20px; font-size: 0.9em; color: #fff; font-weight: bold; }

.content .main_con .btn_wrap .btn_st_01 { position: relative; display: inline-block; vertical-align: top; background: #6d777f; }
.content .main_con .btn_wrap .btn_st_01 a { padding: 10px 25px 10px 25px; font-size: 0.9em; color: #fff; font-weight: bold; }
.content .main_con .btn_wrap .btn_st_02 { position: relative; display: inline-block; vertical-align: top; background: #335EAC; }
.content .main_con .btn_wrap .btn_st_02 a { padding: 10px 25px 10px 25px; font-size: 0.9em; color: #fff; font-weight: bold; }

.tit_date { position: relative; }
.tit_date input { display: inline-block; width: 104px; height: 36px; box-sizing: border-box; text-align: center; background: #fff; border: 1px solid #d9d9d9; color: #000; padding: 2px 0; }
.tit_date p { display: inline-block; padding: 10px 15px 10px 15px; font-size: 0.9em; color: #fff; font-weight: bold; background: #335EAC; }
.tit_date div { text-align: right; }

.content .main_con .para .para_div { text-align: center; padding: 30px 0 0 0; }
.content .main_con .para .para_div ul { font-size: 0; }
.content .main_con .para .para_div ul li { display: inline-block; vertical-align: top; font-size: 0; margin-right: 5px; }
.content .main_con .para .para_div ul li.li a { padding: 0 5px; font-size: 13px; font-weight: bold; line-height: 17px; height: 19px; color: #727171; background: #e1e1e1; }
.content .main_con .para .para_div ul li.li a.on { color: #fff; background: #635f5f; }

div#pageZone { text-align: center; margin: 25px 0 25px 0; }
div#pageZone span.page a {display: inline-block; vertical-align: top; margin-right: 5px; padding:2px 8px; font-weight: 600; color: #727171; background: #e1e1e1; }
div#pageZone span.page .on { color: #fff; background: #635f5f; }
div#pageZone a { display: inline-block; vertical-align: top; margin-right: 5px;}
div#pageZone a img { display: inline-block; vertical-align: top; }

/* 고객센터 */
.content .main_con .list_tit .category { display: inline-block; vertical-align: top; }
.content .main_con .list_tit .category .tit { position: relative; display: inline-block; vertical-align: top; text-align: center; }
.content .main_con .list_tit .category .tit .txt { position: relative; display: block; background:#e1e1e1; color: #000; font-weight: 400; width: 110px; padding:8px 0; }
.content .main_con .list_tit .category .tit .txt_on { background: #537AC0; color: #fff; }
.content .main_con .list_tit .category .tit .txt_img { position: relative; display: inline-block; vertical-align: top; font-size:0; top:0; }
.content .main_con .list_tit .category .tit .txt_img>span { display:inline-block; background:url(../../images/icon_08.png) no-repeat center center; width:11px; height:8px; }

/* 달력 */
#ui-datepicker-div { width: 220px; }

/* 푸터 */
.footer { width: 100%; min-width: 900px; border-top: 2px solid #d7d7d7;}
.footer .footer_con { width:900px; margin:0 auto; }
.footer .footer_con .logo { position: relative; display: inline-block; vertical-align: top; margin: 20px; }
.footer .footer_con .txt_con { position: relative; width: 665px; display: inline-block; vertical-align: top; margin: 20px 0 30px 30px; }
.footer .footer_con .txt_con p { font-size: 14px; color: #656565; margin-bottom: 5px;}
.footer .footer_con .txt_con p.copy { margin:5px 0; font-size: 13px; color: #adadad; }
.footer .footer_con .txt_con a { display:inline-block; }






/* 18.08.09 박스형태 리스트 css 추가 */
ul#set-list-area li { float:left; }
ul#set-list-area li>a { padding:5px; margin:0 5px; }
ul#set-list-area li>a.on { color:#4663ca; }

body.list-box .content .main_con .l_body:after { content:" "; display:block; overflow:hidden; clear:both; }
body.list-box .content .main_con .l_body .list { 
	float:left; width:24.5%; margin-right:.5%; margin-bottom:5px; border: 1px solid #e6e6e6; padding:5px;
}
body.list-box .content .main_con .l_body .list:hover { box-shadow:0 0 10px rgba(0,0,0,.3); }
body.list-box .content .main_con .l_body .list:nth-child(4n) { margin-right:0; }
body.list-box .content .main_con .l_body .list ul { font-size:14px; }

body.list-box .content .main_con .list_st_01 .li_01 { width:0; height:0; overflow:hidden; }
body.list-box .content .main_con .list_st_01 .li_01 p { text-align: center; }
body.list-box .content .main_con .list_st_01 .li_02 { width:100%; }
body.list-box .content .main_con .list_st_01 .li_02 img { max-height:135px; vertical-align:middle; }
body.list-box .content .main_con .list_st_01 .li_03 { width:100%; }
body.list-box .content .main_con .list_st_01 .li_04 { width:100%; }
body.list-box .content .main_con .list_st_01 .li_05 { width:100%; }
body.list-box .content .main_con .list_st_01 .li_05 p { font-weight:600; }
body.list-box .content .main_con .list_st_01 .li_06 { width:100%; }
body.list-box .content .main_con .list_st_01 .li_07 { width:100%; }
body.list-box .content .main_con .list_st_01 .li_08 { width:100%; }

body.list-box .content .l_head_box { display:none; }
body.list-box .content .main_con .l_body .list ul li { display:block; }
body.list-box .content .main_con .l_body .list ul li p { padding: 2px; min-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
body.list-box .content .main_con .l_body .list ul li a { padding: 4px 2px; min-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
body.list-box .content .main_con .l_body .list ul li .visual_box { padding:0; display:table; width:100%; height:140px; }
body.list-box .content .main_con .l_body .list ul li .visual_box .visual { padding:0; max-width:100%; max-height:140px; min-height:140px; display:table-cell; vertical-align:middle; }



/*모바일*/
@media all and (min-width:0px) and (max-width:767px){
	/* 모바일 스타일
	input[type='text'], input[type='password'], input[type='tel'], input[type='number'], input[type='search'], input[type='email'], textarea {
	-webkit-border-radius: 0; -webkit-appearance: none; box-sizing: border-box; } */

	.wrap { position: relative; width: 100%; } /*170413 > overflow-x: hidden;*/
	.head { border-bottom: 2px solid #d0d0d0; }

	.left_menu { display:none; position: absolute; width: 70%; height: 100%; background: #fff; z-index: 10; }
	.left_menu .left_menu_dot { background: url("/shop/images/left_menu_dot.png") repeat-y; background-position: 0; position: absolute; right: -6px; width: 6px; height: 100%;}
	.left_menu .tit { position: relative; padding: 16px 16px;}
	.left_menu .tit .btn_login { position: relative; display: inline-block; font-size: 1em; font-weight: 500; padding: 5px 8px; border: 1px solid #d7d7d7; color: #fff; background:#2f5495; }
	.left_menu .tit .btn_mypage { position: relative; display: inline-block; font-size: 1em; font-weight: 500; padding: 5px 8px; border: 1px solid #d7d7d7; color: #fff; background:#2f5495; }
	.left_menu .tit .btn_join { position: relative; display: inline-block; font-size: 1em; font-weight: 500; padding: 5px 8px; border: 1px solid #d7d7d7; color: #fff; background:#2f5495; }
	.left_menu .tit .btn_menu_c { position: absolute; top: 16px; right: 16px; }
	.left_menu dl { margin: 0; }
	.left_menu dl dt { position: relative; font-size: 1.2em; font-weight: 500; padding: 10px 0 10px 20px; border-bottom: 1px solid #fff; background: #2F5495; }
	.left_menu dl dt.f { border-bottom: 1px solid #fff; }
	.left_menu dl dt a { font-size: 1em; font-weight: 500; color: #fff; }
	.left_menu dl dt .btn_active_ic { position: absolute; display: inline-block; top: 8px; right: 13px; }
	.left_menu dl dd { margin: 0; }
	.left_menu dl dd a { font-size: 1em; margin: 0; padding: 9px 0 9px 20px; border-bottom: 1px solid #e5e5e5; }

	.head_nav { display: none; }
	.head .head_con .btn_menu { display: inline-block; position: absolute; left: 10px; }
	.head .head_con .btn_menu a { position: relative; width: 40px; height: 40px; background: #446CB4; border: 1px solid #C5C5C5; }
	.head .head_con .btn_menu a p.f { width: 25px; height: 2px; margin: 0 auto; background: #fff; margin-top: 12px; }
	.head .head_con .btn_menu a p { width: 25px; height: 2px; margin: 0 auto; background: #fff; margin-top: 5px; }

	.head .head_con .logo { top: 16px; left: 56px; width: 88px; height: auto; }
	.head .head_con .search_form .search_inner { float: right; width: 50%; margin:0 10px 0 0; }
	.head .head_con .search_form .search_inner .input_text { box-sizing: border-box; padding: 0 45px 0 9px; width: 90%; }
	.head .head_con { width: 100%; min-width: 0;}
	.head .head_con .btn_login { display: none; }
	.head .head_con .btn_mypage { display: none; }
	.head .head_con .customer-name-view { display: none; }
	.head .head_con .btn_join { display:none; }
	.head .head_con .login_sta { display: none; }
	
	.content { width: 100%; min-width: 0; }
	.content .left_nav { display: none; }
	.content .main_con { width: 100%; margin: 0; }
	.content .main_con .top_nav { padding: 10px 10px; border-bottom: 2px solid #d0d0d0; }
	.content .main_con .top_nav ul li { font-weight: bold; }
	.content .main_con .banner { min-height:auto; }
	.content .main_con .list_tit .btn_srh { display: block; margin-top: 11px; padding: 8px 10px 8px 10px; text-align: center; }


	/* 메인 */
	.content .main_con .list_box > li { width: 50%; }
	.content .main_con .quick_box .quick_tit > li { width: 100%; }
	.content .main_con .product_box { margin: 2%; }
	.content .main_con .etc_div { display: block; border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; margin-top: 5px; margin-bottom: 100px; margin:2%; }
	.content .main_con .etc_div .etc_box { font-size: 0;}
	.content .main_con .etc_div .etc_box > li { display: inline-block; vertical-align: top; width: 50%; }
	.content .main_con .etc_div .etc_box > li .inner_box {  border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; font-size: 13px; }
	.content .main_con .etc_div .etc_box > li .inner_box p { padding: 10px 0; text-align: center; font-weight: bold; font-size: 1.1em; border-bottom: 2px solid #ffc4c4; }
	.content .main_con .etc_div .etc_box > li .inner_box ul { padding: 15px; text-align: center; color: #484848; min-height: 85px; }
	.content .main_con .etc_div .etc_box > li .inner_box ul li { font-size:0.9em; }
	.content .main_con .etc_div .etc_box > li .inner_box ul li.txt_02 { font-size: 1em; font-weight: bold; }
	.content .main_con .etc_div .etc_box > li .inner_box ul li.txt_03 { color: #f5554b; }
	.content .main_con .etc_div .etc_box > li .inner_box ul li.txt_04 { color: #f5554b; }
	.content .main_con .etc_div .etc_box > li .inner_box ul.l li { margin-top: 5px; }
	.content .main_con .etc_div .etc_box > li .inner_box ul.r li { margin-top: 2px; }

	/* 로그인 페이지 */
	.content .main_con .login_div { position: relative; margin: 0; padding:20px; width: auto; }
	.content .main_con .login_div .inner_div { position: relative; margin-top: 15px; border: 0; background: transparent; padding: 0; }
	.content .main_con .login_div .inner_div .core_div { display: block; }
	.content .main_con .login_div .inner_div .core_div .input_01 { width: 100%; padding: 8px 10px; box-sizing: border-box; font-size: 1.2em; background: #fff; }
	.content .main_con .login_div .inner_div .core_div .input_02 { width: 100%; padding: 8px 10px; box-sizing: border-box; font-size: 1.2em; background: #fff; }
	.content .main_con .login_div .inner_div .core_div table td .input-80 { width:70px; }
	.content .main_con .login_div .inner_div .btn_login { display: block; width: 100%; padding: 15px 0; margin: 20px 0 0 0; text-align: center; }

	/* 제품리스트 */
	.content .main_con .list_st { margin-top: 0; background: #f5f5f5; }
	.content .main_con .list_st_01 .li_01 { width:25%; }
	.content .main_con .list_st_01 .li_02 { width:40%; }
	.content .main_con .list_st_01 .li_03 { width:35%; }
	.content .main_con .list_st_01 .li_04 { width:25%; }
	.content .main_con .list_st_01 .li_05 { width:40%; }
	.content .main_con .list_st_01 .li_06 { width:35%; }
	.content .main_con .list_st_01 .l_body .list ul li p { margin: 10px; overflow: auto; }
	.content .main_con .list_st_01 .l_body .list ul li .datepicker{ text-align: center;}
	.content .main_con .list_st_01 .l_body .list ul li.li_06 .input_div { margin: 10px 0 10px 0; }

	/*.content .main_con .list_st_02 .chk_box { padding: 7.1px; width: 1px; border: 1px solid #c2c2c2; margin: 0 auto; }*/
	.content .main_con .list_st_02 .li_01 { width:20%; text-align: center; }
	.content .main_con .list_st_02 .li_02 { width:40%; text-align: center; }
	.content .main_con .list_st_02 .li_03 { width:40%; text-align: left; }
	.content .main_con .list_st_02 .li_04 { width:20%; text-align: center; }
	.content .main_con .list_st_02 .li_05 { width:40%; text-align: center; }
	.content .main_con .list_st_02 .li_06 { width:40%; text-align: center; }
	.content .main_con .list_st_02 .li_07 { width:60%; text-align: right; }
	.content .main_con .list_st_02 .li_08 { width:40%; text-align: center; }
	.content .main_con .list_st_02 .li_09 { width:40%; text-align: left; }

	.content .main_con .list_st_03 .li_01 { width:33%; text-align: center; }
	.content .main_con .list_st_03 .li_02 { width:67%; text-align: left; }
	.content .main_con .list_st_03 .li_03 { width:33%; text-align: center; }
	.content .main_con .list_st_03 .li_04 { width:35%; text-align: center; }
	.content .main_con .list_st_03 .li_05 { width:32%; text-align: right; }
	.content .main_con .list_st_03 .li_06 { width:33%; text-align: center; }
	.content .main_con .list_st_03 .li_07 { width:35%; text-align: center; }
	.content .main_con .list_st_03 .li_08 { width:32%; text-align: center; }

	.content .main_con .list_st_04 .li_01 { width:33%; text-align: center; }
	.content .main_con .list_st_04 .li_02 { width:34%; text-align: center; }
	.content .main_con .list_st_04 .li_03 { width:33%; text-align: center; }
	.content .main_con .list_st_04 .li_04 { width:33%; text-align: center; }
	.content .main_con .list_st_04 .li_05 { width:34%; text-align: center; }
	.content .main_con .list_st_04 .li_06 { width:33%; text-align: center; }
	.content .main_con .list_st_04 .li_07 { width:67%; text-align: center; }
	.content .main_con .list_st_04 .li_08 { width:33%; text-align: center; }
	.content .main_con .list_st_04 .li_09 { width:33%; text-align: center; }

	.content .main_con .list_st_05 .li_01 { width:10%; text-align: center; }
	.content .main_con .list_st_05 .li_02 { width:55%; text-align: left; }
	.content .main_con .list_st_05 .li_03 { width:25%; text-align: center; }
	.content .main_con .list_st_05 .li_04 { width:10%; text-align: center; }
	.content .main_con .list_st_05 .l_body .list ul li p { margin: 10px 5px 10px 5px; overflow: auto; }
	.content .main_con .list_st_05 .l_body .list .li_02 p { text-align: left; margin: 10px 5px 10px 5px; }
	.content .main_con .list_st_05 .l_body .list .li_02 p>a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	.content .main_con .list_st_06 .li_01 { width:20%; text-align: left; }
	.content .main_con .list_st_06 .li_02 { width:80%; text-align: left; }

	.content .main_con .list_st_07 .li_01 { width:9%; text-align: center; }
	.content .main_con .list_st_07 .li_02 { width:40%; text-align: left; }
	.content .main_con .list_st_07 .list .li_02 p>a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.content .main_con .list_st_07 .li_03 { width:23%; text-align: center; }
	.content .main_con .list_st_07 .li_04 { width:20%; text-align: center; }
	.content .main_con .list_st_07 .li_05 { width:8%; text-align: center; }
	.content .main_con .list_st_07 .l_body .list ul li p { margin: 10px 0; }
	.content .main_con .list_st_07 .l_body .list .li_02 p { margin: 10px 0; }

	.content .main_con .list_st_08 .li_01 { width:20%; text-align: left; }
	.content .main_con .list_st_08 .li_02 { width:80%; text-align: left; }
	.content .main_con .list_st_08 .l_body .list ul { border-bottom: 1px solid #c2c2c2; }
	.content .main_con .list_st_08 .l_body .list ul li p { margin:0; padding: 10px; line-height: 29px; }
	.content .main_con .list_st_08 .l_body .list ul li p .input_01 { font-size: 1em; margin: 0; padding: 5px; width: 100%; border: 1px solid #C2C2C2; box-sizing: border-box; }
	.content .main_con .list_st_08 .l_body .list ul li p .input_02 { font-size: 1em; margin: 0; padding: 5px; width: 100%; border: 1px solid #C2C2C2; box-sizing: border-box; }
	.content .main_con .list_st_08 .l_body .list ul li p .input_03 { font-size: 1em; margin: 0; padding: 5px; width: 100%; border: 1px solid #C2C2C2; box-sizing: border-box; }
	.content .main_con .list_st_08 .l_body .list ul li p .input_03{ resize: none; width: 100%; font-size: 1em; min-height: 150px; padding: 5px; border: 1px solid #C2C2C2; }
	.content .main_con .list_st_08 .l_body .list ul li p .input_04 { font-size: 1em; margin: 0; padding: 5px; width: 100%; border: 1px solid #C2C2C2; box-sizing: border-box; }

	.content .main_con .list_st_09 .li_01 { width:100%; }
	.content .main_con .list_st_09 .li_02 { width:64%; }
	.content .main_con .list_st_09 .li_03 { width:36%; }
	.content .main_con .list_st_09 .li_04 { width:23%; }
	.content .main_con .list_st_09 .li_05 { width:41%; text-align: right; }
	.content .main_con .list_st_09 .li_06 { width:36%; }
	.content .main_con .list_st_09 .li_07 { width:100%; }
	.content .main_con .list_st_09 .btn_del { width: 100%; }


	.content .main_con .l_head ul > li div { color: #5A5A5A; font-weight: bold; }
	.content .main_con .list_st_01 .l_body .list ul li.li_04 p { margin: 10px; }

	.content .main_con .list_st_01 .l_body .li_04 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_01 .l_body .li_05 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_01 .l_body .li_06 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_01 .l_body .li_07 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_01 .l_body .li_08 { border-top: 1px solid #e5e5e5; }

	.content .main_con .list_st_02 .l_body .li_04 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_02 .l_body .li_05 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_02 .l_body .li_06 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_02 .l_body .li_07 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_02 .l_body .li_08 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_02 .l_body .li_09 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_02 .l_body .list ul li p { margin: 12px 10px 10px 10px; }

	.content .main_con .list_st_03 .l_body .li_03 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_03 .l_body .li_04 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_03 .l_body .li_05 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_03 .l_body .li_06 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_03 .l_body .li_07 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_03 .l_body .li_08 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_03 .l_body .list ul li p { margin: 12px 10px 10px 10px; }

	.content .main_con .list_st_04 .l_body .li_03 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .li_04 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .li_05 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .li_06 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .li_07 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .li_08 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .li_09 { border-top: 1px solid #e5e5e5; }
	.content .main_con .list_st_04 .l_body .list ul li p { margin: 12px 10px 10px 10px; }


	.content .main_con .answer_tit { font-size: 1.2em; font-weight: bold; padding-bottom: 3px; background: #F5F5F5; padding-left: 10px; }

	.content .main_con .l_head_box { position: relative; padding: 10px 10px 0 10px; background: #f5f5f5; }
	.content .main_con .p_head_box { position: relative; padding: 10px; background: #f5f5f5; }
	.content .main_con .l_body .list { margin: 0 10px; }
	.content .main_con .p_body .list { margin: 10px; border-top: 1px solid #c2c2c2; }
	.content .main_con .l_body .list ul { background: #fff; }
	.content .main_con .l_body .list ul li .visual_box .visual { width: 72%; }
	.content .main_con .l_body .list ul li .input_div { margin: 8px 0 8px 0; }
	.content .main_con .l_body .list ul li .input_div_2 { margin: 8px 0 8px 0; text-align: left; }
	.content .main_con .l_body .list ul li .input_div_2 input { border:0; }
	.content .main_con .l_body .list .btn_set_div { display: block; position: relative; width: auto; text-align: center; bottom: 0; right: 0; 
													padding: 5px; height: 20px; background: #E4E4E4; text-align: center;}
	.content .main_con .l_body .list .btn_set { position: relative; display:inline-block; width:16px; height: 9px; bottom: 0; right: 0; 
												background: url("/shop/images/btn_open_02.png") no-repeat; }

	.content .main_con .btn_wrap { text-align: center; padding: 10px; }
	.content .main_con .btn_wrap .btn_01 { position: relative; display: block; background: #6d777f; }
	.content .main_con .btn_wrap .btn_01 a { padding: 15px; font-size: 1.1em; color: #fff; font-weight: bold; background: transparent; background-position: 8px 6px; }
	
	.content .main_con .table-responsive { border:0; }
	.content .main_con .addr_wrap table td input.input-m { width:100%; }
	.content .main_con .txt_wrap textarea { width: 96%; padding:2%; background:#fff; }

	.content .main_con .para .para_div { text-align: center; padding: 20px 0 10px 0; }
	.content .main_con .para .para_div ul { font-size: 0; }
	.content .main_con .para .para_div ul li { display: inline-block; vertical-align: top; font-size: 0; margin-right: 5px; }
	.content .main_con .para .para_div ul li.li a { padding: 0 5px; font-size: 13px; font-weight: bold; line-height: 17px; height: 19px; color: #727171; background: #e1e1e1; }
	.content .main_con .para .para_div ul li.li a.on { color: #fff; background: #635f5f; }

	/* 고객센터 */
	.content .main_con .list_tit .category { display: block; }
	.content .main_con .list_tit .category .tit { width: 49%; }
	.content .main_con .list_tit .category .tit .txt { width: auto; padding: 10px 0; }

	.content .main_con .btn_wrap .btn_st_01 { position: relative; width: 100%; display: inline-block; vertical-align: top; background: #6d777f; margin: 5px 0; }
	.content .main_con .btn_wrap .btn_st_01 button { width:100%; }
	.content .main_con .btn_wrap .btn_st_02 { position: relative; width: 100%; display: inline-block; vertical-align: top; background: #335EAC; margin: 5px 0; }
	.content .main_con .btn_wrap .btn_st_02 button { width:100%; }
	.content .main_con .btn_wrap .btn_st_03 { position: relative; width: 100%; display: inline-block; vertical-align: top; margin: 5px 0; text-align: right; }
	.content .main_con .btn_wrap .btn_st_03 input { background: transparent; outline: none; width: auto; height: 36px; padding:0 5px; line-height: 33px; 
	-webkit-border-radius: 0; -webkit-appearance: none; box-sizing: border-box; vertical-align: top; }

	.footer { min-width: 0; }
	.footer .footer_con { width: 100%; }
	.footer .footer_con .logo { display: block; margin: 10px 0; text-align: center; }
	.footer .footer_con .txt_con { position: relative; display: block; width: auto; vertical-align: top; margin: 0 20px 20px 20px; text-align: center; }
	.footer .footer_con .txt_con p { font-size: 0.7em; }
	.footer .footer_con .txt_con p.copy { font-size: 0.6em; }
	

	body.list-box .content .main_con .l_body .list { margin: 0; width:49.5%; background-color:#fff; }
	body.list-box .content .main_con .l_body .list:nth-child(2n) { margin-right:0; margin-bottom:5px; }
	body.list-box .content .main_con .p_body .list { margin: 0; border-top: 0; }
	body.list-box .content .main_con .l_body .list ul li .visual_box .visual { width: 100%; }
	body.list-box .content .main_con .l_body .list ul li p { margin:0; }
	body.list-box .content .main_con .list_st_01 .l_body .list ul li.li_04 p { margin:0; }
	body.list-box .content .main_con .list_st_01 .l_body .li_04 { border-top:0; }
}