@charset "utf-8";

/*/////////////////////////////
PC 모드 추가 CSS 
/////////////////////////////*/

/*////// Main //////*/

/* Main Scroll */
.flash_banner { position: relative; width:1160px; min-width:1160px; height:210px; margin:0 auto; overflow:hidden; }
.flash_banner .btn_left { position: absolute; top:70px; left:0; width:45px; height:50px; z-index:3; }
.flash_banner .flash_banner_body { position: relative; width:100%; height:210px; overflow: hidden; }
.flash_banner  .btn { cursor: hand; }
.flash_banner .flash_banner_body ul { display:block; position: relative; width:100%; height:210px; margin:0px; padding:0px; overflow: hidden; zoom*1; }
.flash_banner .flash_banner_body li { float: left; display:block; position: relative; margin:0 10px; padding:0px; overflow: hidden; }
.flash_banner .flash_banner_body li img { display:inline-block; width:270px; height:174px; margin:0px; padding:0px; border:0px; }
.flash_banner .flash_banner_body li span { display:block; width:100%; height:40px; line-height:40px; font-size:14px; color:#333; text-align:center; }
.flash_banner .btn_right { position: absolute; top:70px; right:0; width:45px; height:50px; z-index:3; }

/* Main Visual*/
.flick_banner { position: relative; width:100%; height: 440px; min-height: 440px; overflow:hidden; }
.flick_view { position:absolute; top:0; left:0; width:100%; height:440px; min-height: 440px; z-index:2; }
.flick_view ul, .flick_view li { float:left; width:100%; height:440px; }
.flick_view li span { display:block; position:absolute; top:0; left:50%; margin-left:-580px; width:1160px; min-width:1160px; height:440px; z-index:3; }
.flick_view a { position:absolute; bottom:0; left:0; }

.flick_pg { position:absolute; top:420px; left:50%; width:200px; height:20px; margin-left:-100px; text-align:center; border:0px solid #222; z-index:4; }
.flick_pg a { display:inline-block; overflow:hidden; }
.flick_pg span { display:block; width:20px;height:20px; background:url('/image/main/vpage_off.png') center top no-repeat; overflow:hidden; }
.flick_pg .on .n1,.flick_pg .n1:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_pg .on .n2,.flick_pg .n2:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_pg .on .n3,.flick_pg .n3:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_pg .on .n4,.flick_pg .n4:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_pg .on .n5,.flick_pg .n5:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_pg .on .n6,.flick_pg .n6:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_pg .on .n7,.flick_pg .n7:hover { background:url('/image/main/vpage_on.png') center top no-repeat; }
.flick_arr { position:absolute; top:190px; left:50%; width:1160px; height:50px; margin-left:-580px; z-index:4; }
.flick_prev, .flick_next { position:absolute; width:45px; height:50px; }
.flick_prev { left:0; background:url('/image/main/vpage_L.png') center top no-repeat; }
.flick_next { right:0; background:url('/image/main/vpage_R.png') center top no-repeat; }
.blind { visibility:hidden; }

/* Main Tab */
.tab_box { position:relative; width:1160px; min-width:1160px; margin:30px auto 40px; }
div.tabs { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:left; }
div.tabs span { margin:0px; }
div.tabs span a { display: inline-block; width:230px; height:42px; line-height:42px; font-size:17px; color:#333; text-align:center; border:1px solid #c0c0c0; }
div.tabs span a:hover { color:#333; background:#F1F1ED; }	
div.tabs span.active a { color:#fff; font-weight:600; background:#FF8B1E; border:1px solid #FF8B1E; }
.tab_container { position:relative; width:100%; margin:25px 0; background:#fff; }
.tab_content { position:relative; padding:0px; }
.tabPr { position:relative; width:100%; overflow:hidden; }
.tabPr_L { float:left; display:block; width:216px; margin-right:20px; }
.tabPr_L:last-child { margin-right:0px; }
.tabPr_img { display:block; }
.tabPr_txt { margin:10px 0 0; }
.tabPr_no { display:block; font-size:16px; color:#111; text-align:center; }
.tabPr_prc { display:block; font-size:15px; font-weight:600; color:#47568D; text-align:center; }
.tabPr_btn { display:block; margin:7px 0 0; text-align:center; }
.tabPr_btn span a { display:inline-block; margin:0 3px; padding:1px 6px; font-size:12px; color:#666; border:1px solid #aaa; }
.tabPr_btn span a:hover { color:#fff; border:1px solid #888; background:#888; }

/* Main Fit */
.fitPr { position:relative; width:1160px; min-width:1160px; margin:30px auto 10px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#ffffff; }
.fitPr span { display:inline-block; margin:25px 6px 25px 6px; padding:6px; border:1px solid #E3E3E3; background:#fff; border:1px solid #ddd}
.fitPr span.fitPr_T { display:block; margin:0; padding:0px 0 5px 0; font-size:13px; font-weight:600; color:#666; border:0; background:#fff; border:1px solid #ddd}

/* Main Side Rolling New */
.mainSide .spot { position:relative; width:1160px; min-width:1160px; height:420px; margin:0 auto; text-align:right; }
.mainSide .spot_images {overflow:hidden; height:420px; }
.mainSide .spot_images .spot_image1,
.mainSide .spot_images .spot_image2,
.mainSide .spot_images .spot_image3,
.mainSide .spot_images .spot_image4,
.mainSide .spot_images .spot_image5,
.mainSide .spot_images .spot_image6 { position:absolute; top:0; right:0; z-index:100; width:100%; height:420px; text-align:right; }
.mainSide .spot_images .spot_image2,
.mainSide .spot_images .spot_image3,
.mainSide .spot_images .spot_image4,
.mainSide .spot_images .spot_image5,
.mainSide .spot_images .spot_image6 { opacity:0; filter:alpha(opacity=0); }
.mainSide .spot_images .image { height:420px; text-align:right; }
.mainSide .spot_images .image div { position:relative; width:910px;*width:910px; height:420px; margin-left:250px; }
:root .mainSide .spot_images .image div { width:910px; }
.mainSide .mainshow { z-index:1 !important }
.mainSide .spot_static { position:absolute; top:0; left:0; z-index:1000; width:250px; height:420px; }
.mainSide .spot_static .page { position:absolute; top:0; left:0; z-index:2000; }
.mainSide .spot_static .page a { display:block; width:250px; height:69px; line-height:70px; font-size:17px; font-weight:600; color:#222; text-align:center; border-bottom:1px solid #ccc; background:#EEEEEE; cursor:pointer; _cursor:hand; }
.mainSide .spot_static .page a.on { color:#fff; background:#4E5887; }	
.mainSide .spot_static .page a:hover { color:#fff; background:#7987CA; }								

/* Main Side Rolling */
.sldBox { position:relative; width:1158px; min-width:1158px; margin:0 auto; padding:10px 0; border:1px solid #DDDDDD; border-top:0; }
.slider { position:relative; width:687px; min-width:687px; margin: 0 auto; float:left; margin-left:60px;}

.slider2 { position:relative; width:333px; min-width:333px; margin: 0 auto; border:1px solid #000000; margin-left:60px; }

.slider span { display:block; margin:8px 0; font-size:14px; color:#444; text-align:center; }
.slick-slide { margin: 0 0 0 8px; }
.slick-prev:before, .slick-next:before { color: black; }

.wapRoll { position:relative; width:1160px; min-width:1160px; height:420px; margin:30px auto 40px; background:#fff; }
.wapRoll .btn_left_area { float:left; position:absolute; width:250px; height:auto; z-index:1000;} /*border:1px #ffffff solid;overflow:hidden;*/
.wapRoll .btn_left_area ul { float:left; position:relative; width:250px; height:auto; }
.wapRoll .btn_left_area li { float:left; display:block; position:relative; width:250px; height:69px; line-height:69px; font-size:17px; font-weight:600; color:#222; text-align:center; border-bottom:1px solid #fff; background:#eee; cursor:pointer; }
.wapRoll .btn_left_area li.active { float:left; position:relative; width:250px; height:69px; cursor:pointer; }
.wapRoll .btn_left_area .bottomover { float:left; position:absolute; width:250px;height:69px; color:#fff; background:#4E5887; filter:alpha(opacity=0); }
.wapRoll .wappopbody { float:right; position:relative; width:910px; height:420px; overflow:hidden; }
.wapRoll .wappopbody .wrapper-li { float:left; position:absolute; width:910px; height:420px; }

/* Main Cate */
.catePr { position:relative; width:1160px; min-width:1160px; margin:10px auto; overflow:hidden; }
.catePr1 { position:relative; width:1160px; min-width:1160px; margin:10px auto; overflow:hidden; }

.catePr_L { float:left; display:block; width:176px; margin-right:20px; margin-bottom:20px; }
.catePr_L:last-child { margin-right:0px; }

.catePr_L_tmp { float:left; display:block; width:274px; margin-right:20px; margin-bottom:20px; }
.catePr_L_tmp:last-child { margin-right:0px; }


.catePr_img { display:block; text-align:center; }
.catePr_txt { margin:10px 0 0; }
.catePr_no { display:block; font-size:14px; color:#111; text-align:center; }
.catePr_prc { display:block; font-size:13px; font-weight:600; color:#47568D; text-align:center;  line-height:15px;}
.catePr_btn { display:block; margin:7px 0 0; text-align:center; }
.catePr_btn span a { display:inline-block; margin:0 3px; padding:1px 6px; font-size:12px; color:#666; border:1px solid #aaa; }
.catePr_btn span a:hover { color:#fff; border:1px solid #888; background:#888; }

/* Make Pr */
.makePr { position:relative; width:1160px; min-width:1160px; margin:30px auto 0px; overflow:hidden; }
.makePr_L { float:left; display:block; width:269px; margin-right:28px; margin-bottom:30px; }
.makePr_L:last-child { margin-right:0px; }
.makePr_img { display:block; text-align:center; }
.makePr_txt { margin:10px 0 0; font-size:14px; color:#666; text-align:center; }

/* 메인공통*/
.mainTit { position:relative; width:1160px; margin:20px auto 17px; font-family: 'NanumBarunGothic'; font-size:26px; font-weight:400; color:#444; text-align:center; }
.mainTit0 { position:relative; width:1160px; margin:20px auto 0px; font-family: 'NanumBarunGothic'; font-size:26px; font-weight:400; color:#444; text-align:center; }
.mainTit > strong { font-weight:600; color:#111; }
.mainTit span { display:block; margin:0px 0 0; font-size:13px; font-weight:400; color:#888; }
span.strB { display:inline-block; padding:2px 12px 1px; font-size:14px; font-weight:600; color:#fff; border:2px solid #353535; border-radius:10px; background:#353535; }
.mainTit_C { position:relative; width:1160px; height:27px; margin:20px auto 17px;  font-family: 'NanumBarunGothic'; font-size:23px; font-weight:500;  text-align:center; border-top:2px solid #2C2C2C; color:#000000; padding:20px 20px 5px 20px; }
.TColor1 { background:#01B1EC url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor2 { background:#FF509D url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor3 { background:#B1C037 url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor4 { background:#73BFCD url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor5 { background:#79B872 url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor6 { background:#B8CA2A url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor7 { background:#E580EA url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor8 { background:#6E97D5 url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor9 { background:#FD7373 url('/image/main/cate_tit_bg.png') left top no-repeat; }
.TColor10 { background:#169DCA url('/image/main/cate_tit_bg.png') left top no-repeat; }
.mainTit_C span { display:inline-block; height:80px; padding:15px 0 0; font-family: 'NanumBarunGothic'; font-size:26px; font-weight:600; color:#fff; text-align:center; line-height:0; border:0px solid #444; }
.mainTit_C span.Csmt { display:block; margin-top:-8px; font-size:13px; font-weight:400; color:#fff; text-align:center; opacity: 0.85; }
.hr { position:relative; width:1160px; height:1px; margin:10px auto 20px; background:#ccc; }
.mainBan { position:relative; width:1160px; min-width:1160px; margin:10px auto 40px; overflow:hidden; }

/* 카테고리목록 */
.cateMn { position:relative; min-width:1160px; margin:30px 0px 15px; font-size:0; border-bottom:1px solid #D0D0D0; overflow:hidden; }
.cateMn span a { display:inline-block; padding:8px 20px; font-size:15px; font-weight:600; color:#666; }
.cateMn span a:hover { color:#111; }
.cateMn span.on a { display:inline-block; padding:8px 20px; font-size:15px; color:#111; background:url('/image/common/cateMn_on.png') left bottom repeat-x; }
.cateList { position:relative; min-width:1160px; overflow:hidden; }
.cateList_T { position:relative; min-width:1160px; margin:0 0 15px; overflow:hidden; }
.cateTit { float:left; font-size:13px; color:#666; }
.cateSort { float:right; }
.cateSort span a { display:inline-block; margin-left:5px; padding-left:10px; font-size:12px; font-weight:400; color:#666; background:url('/image/common/sort_line.jpg') left center no-repeat; }
.cateSort span:first-child a { background:none; }
.cateList_B { position:relative; min-width:1160px; margin:15px 0; font-size:0; text-align:center; border:0px solid #222; overflow:hidden; }
.cateList_B span { display:inline-block; margin:0 2px; }
.cateList_B span.pnum a { display:inline-block; width:28px; height:27px; line-height:27px; margin:0 2px; font-size:14px; color:#666; text-align:center; border:1px solid #ccc; }

/* 카테고리상세보기 */
.cateView {}
.cateView_H, .cateView_D, .cateView_B { position:relative; min-width:1160px; margin:30px 0; overflow:hidden; }
.cateView_warning { margin:0 0 30px; text-align:center; }
.cateView_H_L { float:left; display:block; width:550px; }
.cateView_H_R { float:right; display:block; width:550px; }
.cateView_H_R > ul > li { display:block; border-top:1px dotted #999; }
.cateView_H_R > ul > li > span { display:inline-block; padding:8px 0 7px; color:#333; }
.cateView_tit { width:120px; font-weight:600; color:#111; }
.cateView_sns img { max-width:25px; }
.cateView_prc { font-weight:600; color:#F11616; }
.cateView_H_Btn { margin:40px 0; padding:0; font-size:0; }
.cateView_H_Btn span { display:inline-block; margin-right:10px; padding:10px 0px; font-size:18px; font-weight:600; color:#fff; }
.cateView_H_Btn span a { color:#fff; }
.cateView_H_Btn span:nth-child(1) {  }
.cateView_H_Btn span:nth-child(2) {  }
.cateView_H_Btn span:nth-child(3) {  }
.cateView_D {  }
.cateView_D_H, .cateView_D_C, .cateView_D_B { margin:0 0 30px; text-align:center; }
.cateView_B { margin:40px 0; text-align:center; }
.cateView_B span { display:inline-block; margin-right:10px; padding:10px 50px; font-size:18px; font-weight:600; color:#fff; background:#333; }
.cateView_B span a { color:#fff; }

/* 공통*/
.subTit { position: relative; margin: 20px 0; padding-top:6px; font-size:1.429em; font-weight:600; color:#000; line-height: 1.4em; background: url('/image/sub/subTit_deco.jpg') left top no-repeat; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }
.redstr { display: inline-block; margin:8px 0 0; font-weight:600; color:red; }

/* Sub */
.guideBox { position:relative; min-width:1160px; margin:0 0 30px; padding:0 0 20px; border-bottom:1px dotted #999; overflow:hidden; }
.guideBox:last-child { border:0; }
.guideBox_L { float:left; display:block; width:240px; }
.guideBox_R { float:left; display:block; width:920px; }


/* 테이블타입 */
.tbTp1 { position: relative; display: inline-block; width: 100%; margin: 0 0 30px; }
.tbTp2 { position: relative; display: block; width: 100%; margin: 0 0 20px; }
.tbTp3 { position: relative; display: block; width: 100%; margin: 0 0 20px; }
table.Tp1 { width:100%; line-height:1.5em; border-top:2px solid #555; }
table.Tp1 caption { position:absolute; visibility:hidden; font-size:0; }
table.Tp1 th, table.Tp1 td { vertical-align:middle; }
table.Tp1 thead th { padding:9px 10px 8px; font-size:1em; font-weight:600; color:#222; text-align:center; border-right:1px solid #bbb; border-bottom:1px solid #aaa; background:#EDEDED; }
table.Tp1 thead th:last-child { border-right:0px; }
table.Tp1 thead td { padding:9px 10px 8px; font-size:1em; color:#555555; background:#FEF0ED; border-bottom:1px solid #FFD9D1;  }
table.Tp1 tbody th { padding:7px 20px 6px; font-size:1em; font-weight:400; color:#222; text-align:center; background:#F7F7F7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.Tp1 tbody td { padding:7px 20px 6px; font-size:1em; text-align:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
table.Tp1 tbody td:last-child { border-right:0px; }
table.Tp1 tbody tr.ctr { text-align:center; }
table.Tp1 tbody td.tb_ctr { text-align:center; }
table.Tp1 tbody th.tb_lft { text-align:left; }


/********************************************/
.mg20 { height:20px; }