@charset "utf-8";
/* 마린스포츠 통합 스타일 - base+common 통합 (style.css @import 체인 제거).
   board.css 는 게시판 페이지 이식 시 병합 예정. lghausys/jQuery 잔재 없음. */

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:none; outline:none;}
a{outline:none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em, optgroup{font-style:normal;}
li img, object ,img{vertical-align:middle;}
input, select, textarea, form img{vertical-align:middle;}
p{line-height:18px; text-align:justify;}




/* anchor */
a{color:#666666; text-decoration:none;}
a:hover, a:active, a:focus{color:#666666;}
html, body {margin:0; padding:0; width:100%; height:100%;}

.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}


.right{text-align:right !important;}
.center{text-align:center !important;}

.mr_none{margin-right:0 !important;}
.bg_none{background:none !important;}
.center{text-align:center !important; }




body{
 margin:0px;padding:0px;font-size:12px;color:#666666;font-family:돋움,seoul,helvetica,verdana;
 line-height:1.25; background:#999999;}
 



.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt9{margin-top:9px;}
.mt10{margin-top:10px;}
.mt11{margin-top:11px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt17{margin-top:17px;}
.mt18{margin-top:18px;}
.mt19{margin-top:19px;}
.mt20{margin-top:20px;}
.mt21{margin-top:21px;}
.mt22{margin-top:22px;}
.mt23{margin-top:23px;}
.mt24{margin-top:24px;}
.mt25{margin-top:25px;}
.mt26{margin-top:26px;}
.mt27{margin-top:27px;}
.mt28{margin-top:28px;}
.mt29{margin-top:29px;}
.mt30{margin-top:30px;}
.mt31{margin-top:31px;}
.mt32{margin-top:32px;}
.mt33{margin-top:33px;}
.mt34{margin-top:34px;}
.mt35{margin-top:35px;}
.mt36{margin-top:36px;}
.mt37{margin-top:37px;}
.mt38{margin-top:38px;}
.mt39{margin-top:39px;}
.mt40{margin-top:40px;}
.mt41{margin-top:41px;}
.mt42{margin-top:42px;}
.mt43{margin-top:43px;}
.mt44{margin-top:44px;}
.mt45{margin-top:45px;}
.mt46{margin-top:46px;}
.mt47{margin-top:47px;}
.mt48{margin-top:48px;}
.mt49{margin-top:49px;}
.mt50{margin-top:50px;}
.mt51{margin-top:51px;}
.mt52{margin-top:52px;}
.mt53{margin-top:53px;}
.mt54{margin-top:54px;}
.mt55{margin-top:55px;}
.mt56{margin-top:56px;}
.mt57{margin-top:57px;}
.mt58{margin-top:58px;}
.mt59{margin-top:59px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt97{margin-top:97px;}

.mb5{margin-bottom:6px;}
.mb6{margin-bottom:6px;}
.mb7{margin-bottom:7px;}
.mb8{margin-bottom:8px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb11{margin-bottom:11px;}
.mb12{margin-bottom:12px;}
.mb13{margin-bottom:13px;}
.mb14{margin-bottom:14px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb17{margin-bottom:17px;}
.mb18{margin-bottom:18px;}
.mb19{margin-bottom:19px;}
.mb20{margin-bottom:20px;}
.mb21{margin-bottom:21px;}
.mb22{margin-bottom:22px;}
.mb23{margin-bottom:23px;}
.mb24{margin-bottom:24px;}
.mb25{margin-bottom:25px;}
.mb26{margin-bottom:26px;}
.mb27{margin-bottom:27px;}
.mb28{margin-bottom:28px;}
.mb29{margin-bottom:29px;}
.mb30{margin-bottom:30px;}
.mb31{margin-bottom:31px;}
.mb32{margin-bottom:32px;}
.mb33{margin-bottom:33px;}
.mb34{margin-bottom:34px;}
.mb35{margin-bottom:35px;}
.mb36{margin-bottom:36px;}
.mb37{margin-bottom:37px;}
.mb38{margin-bottom:38px;}
.mb39{margin-bottom:39px;}
.mb40{margin-bottom:40px;}
.mb41{margin-bottom:41px;}
.mb42{margin-bottom:42px;}
.mb43{margin-bottom:43px;}
.mb44{margin-bottom:44px;}
.mb45{margin-bottom:45px;}
.mb46{margin-bottom:46px;}
.mb47{margin-bottom:47px;}
.mb48{margin-bottom:48px;}
.mb49{margin-bottom:49px;}
.mb50{margin-bottom:50px;}
.mb51{margin-bottom:51px;}
.mb52{margin-bottom:52px;}
.mb53{margin-bottom:53px;}
.mb54{margin-bottom:54px;}
.mb55{margin-bottom:55px;}
.mb56{margin-bottom:56px;}
.mb57{margin-bottom:57px;}
.mb58{margin-bottom:58px;}
.mb59{margin-bottom:59px;}
.mb60{margin-bottom:60px;}
.mb66{margin-bottom:66px;}
.mb80{margin-bottom:80px;}

.mr10{margin-right:10px;}
.mr30{margin-right:30px;}
.mr40{margin-right:30px;}
.mr50{margin-right:50px;}

.mL5{margin-left:05px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}



.w10{ width:10px;}
.w15{ width:15px;}
.w20{ width:20px;}
.w25{ width:25px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w450{ width:450px;}
.w460{ width:460px;}
.w500{ width:500px;}
.w600{ width:600px;}





.ir_text{position:absolute;z-index:-1;top:-9999em;left:-9999em;text-indent: -9999em}

/* Layout
-------------------------*/
.prBg{position:absolute;left:0;top:844px;height:666px;width:100%;background:none repeat-x;zoom:1;overflow:hidden}
.blackLine1{height:28px;position:absolute; left:0;top:100px;width:100%;background-color:#77787b;}
.blackLine{height:28px;position:absolute; left:0;top:100px;width:100%; height:35px; background:none repeat-x;color:#666;}
.subBg{width:100%;position:absolute;left:0;top:397px;background:none repeat-x #e8ebf0;}
.sbh534{height:534px;}
.sbh562{height:562px;}
.sbh676{height:676px;}
.sbh747{height:747px;}
.sbh766{height:766px;}
.sbh781{height:781px;}
.sbh792{height:792px;}
.sbh831{height:831px;}
.sbh848{height:848px;}
.sbh1018{height:1018px;}
.sbh1057{height:1057px;}
.sbh1069{height:1069px;}
.sbh1075{height:1075px;}
.sbh1388{height:1388px;}
.sbh1402{height:1402px;}
.sbh1543{height:1543px;}
.sbh1590{height:1750px;}

#wrap{margin:0px auto; width:1250px; background:#FFF;  position:relative;  z-index:0;}
#contentsWrap{ width:980px; background:#fff;  margin:auto; position:relative; margin-top:20px;}


/* �������-----------------------*/
#menu_bg{position:absolute; left:0;top:100px; width:100%; height:35px; background:url(../images/bgbg.gif) repeat-x; z-index:1;}/*�׺�BG��*/
#header{ width:980px; position:relative;zoom:1; margin:auto;  height:135px; z-index:20}/*���������*/
#header:after{content:"";clear:both;display:block}

/* ����޴�*/
#header .topMenu{float:right;overflow:hidden;margin-top:18px}
#header .topMenu li, #header .utill li{float:left;}
#header .topMenu li{background:url(../images/header_menuTopLine.gif) left 9px no-repeat}
#header .topMenu li.first{background:none}
#header .topMenu li a {float:left;display:block;height:17px;padding:6px 10px 0 10px}
#header .topMenu li a:hover { color:#3665d7;}

#header h1.logo {position: absolute; top: 20px; left:0px; width: 102px; height: 72px;}
#header .utill {position:absolute;right:0;top:52px; right:10px; z-index:100;}
#header .utill .link{float:left;overflow:hidden;padding:0 9px 0 9px;margin-top:6px;height:9px;border-right:solid 1px #ddd;}
#header .utill .formArea{padding-left:7px;width:193px;height:22px}
#header .utill .field{display:block;float:left;margin-right:3px;width:142px;height:16px;padding:0 5px 0 3px;border:3px solid #d4d4d4;font-size:11px}
#header .utill .btn{display:block;float:left;}
#header .utill .language{position:relative;}
#header .utill .language a.default{display:block;width:109px;height:20px;border:solid 1px #8d8f90;background:none no-repeat right top #b6b7b9;font-weight:bold;margin-left:20px;color:#fff;text-indent:10px;line-height:20px}
#header .utill .language a.on{background-position:right -20px}
#header .utill .language ul{display:none;width:109px;position:absolute; left:20px;top:21px;border:solid 1px #8d8f90;z-index:100;background-color:#fff;}
#header .utill .language ul li{float:none;zoom:1}
#header .utill .language ul li a{display:block;font:bold 12px Arial;letter-spacing:0;text-indent:10px;line-height:20px}
#header .utill .language ul li a:hover,#header .utill .language ul li a:focus{background-color:#ccc;color:#fff}
/********end*************/





/* �������׺�ȳ�-------------*/
#gnb{position:absolute;left:0;top:100px;}
#gnb li {float:left; position:relative; }
#gnb li a {float:left; width:196px; display:block; height:30px; background:url(../images/bg_gnb.gif) no-repeat;}/*�׺���*/
#gnb li ol {display:none; position:absolute; top:30px;left:0; width:164px; padding:11px 15px 10px 15px; border:solid 1px #77787b; border-top:0;background-color:#fff;}
#gnb li ol li a{width:164px;height:26px; background:url(../images/bg_depth2.gif) no-repeat;}
/********end*************/





/* ��ܸ޴�-----------------------*/
#gnb li.menu1 a{background-position:0 0}
#gnb li.menu1 a.on{background-position:0px -30px}
#gnb li.menu1_1 a{background-position:0px 0px}
#gnb li.menu1_2 a{background-position:0px -26px}
#gnb li.menu1_3 a{background-position:0px -52px}
#gnb li.menu1_4 a{background-position:0px -78px}
#gnb li.menu1_1 a:hover{background-position:0px -104px}
#gnb li.menu1_2 a:hover{background-position:0px -130px}
#gnb li.menu1_3 a:hover{background-position:0px -156px}
#gnb li.menu1_4 a:hover{background-position:0px -182px}


#gnb li.menu2 a{background-position:-196px 0}
#gnb li.menu2 a.on{background-position:-196px -30px}
#gnb li.menu2_1 a{background-position:-160px 0px}
#gnb li.menu2_2 a{background-position:-160px -26px}
#gnb li.menu2_3 a{background-position:-160px -52px}
#gnb li.menu2_4 a{background-position:-160px -78px}
#gnb li.menu2_5 a{background-position:-160px -104px}
#gnb li.menu2_6 a{background-position:-160px -130px}

#gnb li.menu2_1 a:hover{background-position:-160px -156px}
#gnb li.menu2_2 a:hover{background-position:-160px -182px}
#gnb li.menu2_3 a:hover{background-position:-160px -208px}
#gnb li.menu2_4 a:hover{background-position:-160px -234px}
#gnb li.menu2_5 a:hover{background-position:-160px -260px}
#gnb li.menu2_6 a:hover{background-position:-160px -286px}


#gnb li.menu3 a{background-position:-392px 0}
#gnb li.menu3 a.on{background-position:-392px -30px}
#gnb li.menu3_1 a{background-position:-320px 0px}
#gnb li.menu3_2 a{background-position:-320px -26px}
#gnb li.menu3_1 a:hover{background-position:-320px -52px}
#gnb li.menu3_2 a:hover{background-position:-320px -78px}


#gnb li.menu4 a{background-position:-588px 0}
#gnb li.menu4 a.on{background-position:-588px -30px}
#gnb li.menu4_1 a{background-position:-480px 0px}
#gnb li.menu4_2 a{background-position:-480px -26px}
#gnb li.menu4_1 a:hover{background-position:-480px -52px}
#gnb li.menu4_2 a:hover{background-position:-480px -78px}


#gnb li.menu5 a{background-position:-784px 0}
#gnb li.menu5 a.on{background-position:-784px -30px}
#gnb li.menu5_1 a{background-position:-666px 0px}
#gnb li.menu5_2 a{background-position:-666px -26px}
#gnb li.menu5_1 a:hover{background-position:-666px -52px}
#gnb li.menu5_2 a:hover{background-position:-666px -78px}
/********end*************/







/*******������������������*************/
#visual {position:relative;width:980px;height:405px; margin-top:20px;}
#visual .wrap_rolling {position:absolute;top:0;left:0;width:980px;height:445px}
#visual .wrap_rolling .box_control {overflow:hidden;position:absolute;top:337px;left:920px;z-index:100}
#visual .wrap_rolling .box_control .btn_control {display:block;width:100px;height:100px; }
#visual .list_rolling {overflow:hidden;width:100%;height:100%}

#visual .list_rolling .btn_order {overflow:hidden;float:left;position:relative;top:330px;left:625px;z-index:10;width:85px;height:49px;margin-left:10px;background:url(../images/thumbnail.png) no-repeat 0 0;text-indent:-9999px}

#visual .list_rolling .btn_visual1 {background-position:0 0}
#visual .list_rolling .btn_visual2 {background-position:0 -54px}
#visual .list_rolling .btn_visual3 {background-position:0 -109px}
#visual .list_rolling .btn_visual1.active {background-position:-92px 0}
#visual .list_rolling .btn_visual2.active {background-position:-92px -54px}
#visual .list_rolling .btn_visual3.active {background-position:-92px -108px}

#visual .btn_type1 .btn_visual1 {background-position:-0 -0px}
#visual .btn_type1 .btn_visual2 {background-position:-0 -54px}
#visual .btn_type1 .btn_visual3 {background-position:-0 -108px}

#visual .btn_type1 .btn_visual1.active {background-position:-92px -0px}
#visual .btn_type1 .btn_visual2.active {background-position:-92px -54px}
#visual .btn_type1 .btn_visual3.active {background-position:-92px -108px}
/********end*************/





#contentsWrap #nav{ position:absolute; padding-bottom:11px;zoom:1;letter-spacing:0; right:0px; margin-top:10px;}
#contentsWrap #nav:after{content:"";clear:both;display:block}
#contentsWrap #nav li{float:left;padding:0px 12px;border-left:1px solid #d5d5d5;}
#contentsWrap #nav li a{display:block;float:left;height:19px;font-size:11px;line-height:21px;}
#contentsWrap #nav li.home{background:none;padding:0;border-left:0}
#contentsWrap #nav li.home a{background:none;padding:0 4px}
#contentsWrap #nav li.home a .ir_text{position:static;left:auto;top:auto;z-index:auto;text-indent:0;font-size:11px;line-height:21px}
#contentsWrap #nav li .current{font-weight:bold}

#contentsWrap:after{content:"";clear:both;display:block}







/****LNB**********/
#lnb-wrap{float:left;margin-right:32px}
#lnb{width:173px;}
#lnb .list a { display:block; width:173px; height:48px; border-bottom: solid 1px #C7C7C7;}

#lnb h2.m1 {display:block; width:173px; height:69px; background:url(../images/bg_lnbDefaulf.gif) no-repeat -363px -0px; }
#lnb.m1 a { background:url(../images/bg_lnbDefaulf.gif) no-repeat -363px -0px;}/* SR Now ��׶���-----*/
#lnb .list .m1_1 a{background-position:-363px -69px;}
#lnb .list .m1_2 a{background-position:-363px -118px;}
#lnb .list .m1_3 a{background-position:-363px -167px;}
#lnb .list .m1_4 a{background-position:-363px -216px;}
#lnb .list .m1_1 a.on{background-position:-536px -69px;}
#lnb .list .m1_2 a.on{background-position:-536px -118px;}
#lnb .list .m1_3 a.on{background-position:-536px -167px;}
#lnb .list .m1_4 a.on{background-position:-536px -216px;}
#lnb .list .m1_1 a.hover{background-position:-536px -69px;}
#lnb .list .m1_2 a:hover{background-position:-536px -118px;}
#lnb .list .m1_3 a:hover{background-position:-536px -167px;}
#lnb .list .m1_4 a:hover{background-position:-536px -216px;}


#lnb h2.m2 {display:block; width:173px; height:69px; background:url(../images/bg_lnbDefaulf.gif) no-repeat -0px -0px; }
#lnb.m2 a { background:url(../images/bg_lnbDefaulf.gif) no-repeat -173px -0px;}/* products ��׶���-----*/
#lnb .list .m2_1 a{background-position:-0px -69px;}
#lnb .list .m2_2 a{background-position:-0px -118px;}
#lnb .list .m2_3 a{background-position:-0px -167px;}
#lnb .list .m2_4 a{background-position:-0px -216px;}
#lnb .list .m2_5 a{background-position:-0px -265px;}
#lnb .list .m2_6 a{background-position:-0px -314px;}
#lnb .list .m2_7 a{background-position:-0px -363px;}
#lnb .list .m2_8 a{background-position:-0px -412px;}
#lnb .list .m2_9 a{background-position:-0px -461px;}
#lnb .list .m2_10 a{background-position:-0px -510px;}
#lnb .list .m2_1 a.on{background-position:-173px -69px;}
#lnb .list .m2_2 a.on{background-position:-173px -118px;}
#lnb .list .m2_3 a.on{background-position:-173px -167px;}
#lnb .list .m2_4 a.on{background-position:-173px -216px;}
#lnb .list .m2_5 a.on{background-position:-173px -265px;}
#lnb .list .m2_6 a.on{background-position:-173px -314px;}
#lnb .list .m2_7 a.on{background-position:-173px -363px;}
#lnb .list .m2_8 a.on{background-position:-173px -412px;}
#lnb .list .m2_9 a.on{background-position:-173px -461px;}
#lnb .list .m2_10 a.on{background-position:-173px -510px;}
#lnb .list .m2_1 a.hover{background-position:-173px -69px;}
#lnb .list .m2_2 a:hover{background-position:-173px -118px;}
#lnb .list .m2_3 a:hover{background-position:-173px -167px;}
#lnb .list .m2_4 a:hover{background-position:-173px -216px;}
#lnb .list .m2_5 a:hover{background-position:-173px -265px;}
#lnb .list .m2_6 a:hover{background-position:-173px -314px;}
#lnb .list .m2_7 a:hover{background-position:-173px -363px;}
#lnb .list .m2_8 a:hover{background-position:-173px -412px;}
#lnb .list .m2_9 a:hover{background-position:-173px -461px;}
#lnb .list .m2_10 a:hover{background-position:-173px -510px;}


#lnb h2.m3 {display:block; width:173px; height:69px; background:url(../images/bg_lnbDefaulf.gif) no-repeat -722px -0px; }
#lnb.m3 a { background:url(../images/bg_lnbDefaulf.gif) no-repeat -894px -0px;}/* Request ��׶���-----*/
#lnb .list .m3_1 a{background-position:-722px -69px;}
#lnb .list .m3_2 a{background-position:-722px -118px;}
#lnb .list .m3_1 a.on{background-position:-894px -69px;}
#lnb .list .m3_2 a.on{background-position:-894px -118px;}
#lnb .list .m3_1 a.hover{background-position:-894px -69px;}
#lnb .list .m3_2 a:hover{background-position:-894px -118px;}


#lnb h2.m4 {display:block; width:173px; height:69px; background:url(../images/bg_lnbDefaulf.gif) no-repeat -1080px -0px; }
#lnb.m4 a { background:url(../images/bg_lnbDefaulf.gif) no-repeat -1253px -0px;}/* SR Story��׶���-----*/
#lnb .list .m4_1 a{background-position:-1080px -69px;}
#lnb .list .m4_2 a{background-position:-1080px -118px;}
#lnb .list .m4_1 a.on{background-position:-1253px -69px;}
#lnb .list .m4_2 a.on{background-position:-1253px -118px;}
#lnb .list .m4_1 a.hover{background-position:-1253px -69px;}
#lnb .list .m4_2 a:hover{background-position:-1253px -118px;}


#lnb h2.m5 {display:block; width:173px; height:69px; background:url(../images/bg_lnbDefaulf.gif) no-repeat -1439px -0px; }
#lnb.m5 a { background:url(../images/bg_lnbDefaulf.gif) no-repeat -1611px -0px;}/* SR Gallery ��׶���-----*/
#lnb .list .m5_1 a{background-position:-1439px -69px;}
#lnb .list .m5_2 a{background-position:-1439px -118px;}
#lnb .list .m5_1 a.on{background-position:-1611px -69px;}
#lnb .list .m5_2 a.on{background-position:-1611px -118px;}
#lnb .list .m5_1 a.hover{background-position:-1611px -69px;}
#lnb .list .m5_2 a:hover{background-position:-1611px -118px;}


#lnb h2.m6 {display:block; width:173px; height:69px; background:url(../images/bg_lnbDefaulf.gif) no-repeat -1795px -0px; }
#lnb.m6 a { background:url(../images/bg_lnbDefaulf.gif) no-repeat -1968px -0px;}/* SR Gallery ��׶���-----*/
#lnb .list .m6_1 a{background-position:-1795px -69px;}
#lnb .list .m6_2 a{background-position:-1795px -118px;}
#lnb .list .m6_3 a{background-position:-1795px -167px;}
#lnb .list .m6_4 a{background-position:-1795px -216px;}
#lnb .list .m6_5 a{background-position:-1795px -265px;}
#lnb .list .m6_1 a.on{background-position:-1968px -69px;}
#lnb .list .m6_2 a.on{background-position:-1968px -118px;}
#lnb .list .m6_3 a.on{background-position:-1968px -167px;}
#lnb .list .m6_4 a.on{background-position:-1968px -216px;}
#lnb .list .m6_5 a.on{background-position:-1968px -265px;}
#lnb .list .m6_1 a.hover{background-position:-1968px -69px;}
#lnb .list .m6_2 a:hover{background-position:-1968px -118px;}
#lnb .list .m6_3 a:hover{background-position:-1968px -167px;}
#lnb .list .m6_4 a:hover{background-position:-1968px -216px;}
#lnb .list .m6_5 a:hover{background-position:-1968px -265px;}
/********end*************/




/****����������**********/
#content{ width:775px; float:right; margin-top:17px;}/*����*/
#content h2.con_tit01_01 { background:url(../images/contens_tit.gif) no-repeat -0px -9px; width:775px; height:94px;}/*�ð�����*/
#content h2.con_tit01_02 { background:url(../images/contens_tit.gif) no-repeat -0px -104px; width:775px; height:94px;}/*��������*/
#content h2.con_tit01_03 { background:url(../images/contens_tit.gif) no-repeat -0px -198px; width:775px; height:94px;}/*�����ڷ�*/
#content h2.con_tit01_04 { background:url(../images/contens_tit.gif) no-repeat -0px -292px; width:775px; height:94px;}/*�����ڷ�*/


#content h2.con_tit02_01 { background:url(../images/contens_tit.gif) no-repeat -0px -386px; width:775px; height:43px;}/*�ð���������*/
#content h2.con_tit02_02 { background:url(../images/contens_tit.gif) no-repeat -0px -481px; width:775px; height:43px;}/*�ð�����*/
#content h2.con_tit02_03 { background:url(../images/contens_tit.gif) no-repeat -0px -575px; width:775px; height:43px;}/*�ð�����*/
#content h2.con_tit02_04 { background:url(../images/contens_tit.gif) no-repeat -0px -670px; width:775px; height:43px;}/*�ð�����*/
#content h2.con_tit02_05 { background:url(../images/contens_tit.gif) no-repeat -0px -764px; width:775px; height:43px;}/*�ð�����*/
#content h2.con_tit02_06 { background:url(../images/contens_tit.gif) no-repeat -0px -861px; width:775px; height:43px;}/*�ð�����*/


#content h2.con_tit03_01 { background:url(../images/contens_tit.gif) no-repeat -0px -955px; width:775px; height:94px;}/*�ð���������*/
#content h2.con_tit03_02 { background:url(../images/contens_tit.gif) no-repeat -0px -1050px; width:775px; height:94px;}/*�ð�����*/

#content h2.con_tit04_01 { background:url(../images/contens_tit.gif) no-repeat -0px -1145px; width:775px; height:94px;}/*SRTech*/
#content h2.con_tit04_02 { background:url(../images/contens_tit.gif) no-repeat -0px -1240px; width:775px; height:94px;}/*�ð�Story*/

#content h2.con_tit05_01 { background:url(../images/contens_tit.gif) no-repeat -0px -1335px; width:775px; height:94px;}/*PHOTO*/
#content h2.con_tit05_02 { background:url(../images/contens_tit.gif) no-repeat -0px -1430px; width:775px; height:94px;}/*Movies*/

#content h2.con_tit06_01 { background:url(../images/contens_tit.gif) no-repeat -0px -1526px; width:775px; height:94px;}/*About SR*/

/********end*************/




/****���μ�����**********/
.main_vspace {height:40px; width:980px; clear:both; margin:auto;}/*���ΰ����ֱ�**/
.section_m01 { position:relative; clear:both; }

.section_m01 .blog_box { float:left; width:180px;height:250px;background:url(../images/bg_dotVer.gif) repeat-y right;  padding:35px 18px 0 18px;}
.section_m01 .blog_box p.thumbnail img { border:solid 1px #d7d4d4; width:180px; height:113px; }
.section_m01 .blog_box p.thumbnail a {  width:180px; height:113px; }
.section_m01 .blog_box h1 a { color:#4867b2; font-size:14px; display:block; margin:10px 0px;}
.section_m01 .blog_box p.text a { font-size:11px; width:180px; line-height:14px; color:#393939;}
.section_m01 .blog_box p.text a:hover { color:#4867b2;}
.section_m01 .blog_box p.more a { margin-top:15px; display:block; width:37px; height:14px;  text-indent:-9999px;  background:none -195px -101px;}

.section_m01 .board_box { float:left; position:relative; padding:20px 0 0 0;  width:332px; }
.section_m01 h1.tit { position:absolute; font-size:14px; top:10px; left:20px; color:#000; }
.section_m01 .board_box .area {  width:290px; margin:0 0 0 20px;}
.section_m01 .board_box .area h2.tit { color:#666666; font-size:12px; font-weight:bold; display:block; float:left;}
.section_m01 .board_box .area  p.more a { display:block; width:37px; height:14px;  text-indent:-9999px;  background:url(../images/sp_comment.png) -195px -101px;  float:right;}
.section_m01 .board_box .area  ul { width:305px; padding-top:25px; }
.section_m01 .board_box .area  ul li { clear:both; background:url(../images/dot_2.gif) no-repeat 0px 6px; padding-left:7px; height:18px;}
.section_m01 .board_box .area  ul li .day { font-size:11px; color:#999;}
.section_m01 .board_box .area  ul li .ellipsis a { padding-left:10px; font-size:11px; color:#666;}
.section_m01 .board_box .area  ul li .ellipsis a:hover { color:#4867b2;}
.section_m01 .board_box .line { width:290px; height:1px; background:#efefef; display:block; margin:15px 0 20px 15px;}
.section_m01 .banner{ float:right; margin:25px 0 50px 0;}
.section_m01 .banner li { float:left; padding-left:10px;}

.section_m02 { background:#e6e9ee;  width:945px; overflow:auto; padding-left:35px; padding-bottom:15px;  }
.section_m02 ul { margin:0 0 0 5px;}
.section_m02 ul li{ float:left; padding:0 25px 25px 0;}
.section_m02 .tit { margin-top:20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; height:50px; font-weight:bold; display:inline-block; width:930px;}
.section_m02 .tit span.text01{ font-size:30px; color:#4b5570; float:left; padding-left:5px;}
.section_m02 .tit span.text02{ font-size:24px; color:#798199;  width:100px; height:20px; margin:20px 0 0 10px; padding-top:10px;}


.section_m02 .area{float:left; width:287px; border-top:solid 6px #dde2e8; margin:0 25px 0 0; overflow:hidden; padding-top:10px;}
.section_m02 .area .fn{height:309px; width:288px;}
.section_m02 .area .notProd {margin:23px 0;}
.section_m02 .area h3 { font-size:20px; color:#393939; height:35px; font-family: Arial;text-align:center;}
.section_m02 .area .vThumb{padding-bottom:5px}
.section_m02 .area button{margin:0;padding:0;display:block;width:12px;height:6px;border:0;background:url(../images/prArrow.gif) no-repeat;cursor:pointer}
.section_m02 .area .prev{margin:8px 0 9px 54px}
.section_m02 .area .next{margin:8px 0 13px 54px;background-position:0px -6px}
.section_m02 .area ul{}
.section_m02 .area li{overflow:hidden;zoom:1;margin-bottom:8px;width:288px;}
.section_m02 .area li .thumb img {float:left;margin-right:16px; width:120px; height:95px;}
.section_m02 .area li .con{float:left;width:152px;}
.section_m02 .area li .con strong a {display:block; padding-top:15px; color:#000; font-weight:bold; color:#3a5189; font-weight:bold;}
.section_m02 .area li .con em{display:block; padding-top:5px; color:#747373; line-height:15px;  font-size:11px; letter-spacing:-1px;}
.section_m02 .area li .con em a:hover { color:#4867b2; }
/********end*************/
 


/****ȸ��Ұ�*********/
.contactas { border:solid 3px #e9ebee; width:650px; margin:auto;}
.address{ margin:auto; width:650px;}
.address ul{ margin:30px 0 100px 0; list-style:disc; }
.address ul li { height:30px;}
.address ul li span{ font-weight:bold;}

/* ����Ʈ�� */
.sitemapbox {width:680px; margin:auto; padding-bottom:80px; overflow:hidden;}
.sitemapbox .listbox { width:200px; float:left; margin-right:25px;}
.sitemapbox .listbox p { display:block; background:#f7f7f7; font-weight:bold; font-size:14px; border-top: solid #5080e1 2px; border-bottom:solid 1px #b2b2b2; padding:5px 20px; }
.sitemapbox .listbox p a {  font-weight:bold; color:#2561da;}
.sitemapbox .listbox ul li  { border-bottom:solid 1px #dadada; padding:5px 20px;}
.sitemapbox .listbox ul li a { color:#666; }
.sitemapbox .listbox ul li a:hover { color:#0055ff; }
/********end*************/


/****���佽���̵�**********/
.slide_wrap { padding-bottom:60px; width:755px; margin-left:5px;}
.roomvisual_roll {width:100%; position:relative;}
.roomvisual_roll .flex-viewport ul.slides li {float: left; display: block;}/****����ū��**********/
.roomthum .flex-viewport ul.slides li { 108px; float: left; display: block;}/****������**********/
.roomthum {width:100%; clear:both; padding:10px 0; position:relative;}
.roomthum ul { display:block; overflow:hidden;}
.roomthum ul li {float:left; margin-left:1px; display:block;}
.roomthum ul li a img {opacity:0.5;}
.roomthum ul li a.active img {opacity:1 !important;}
.roomthum ul li:first-child {margin-left:0;}
.roomthum ul li a {display:block; position:relative; width:112px; height:76px;}
.roomthum ul li a div {position:absolute; top:-200px; left:0; background:none; width:108px; height:70px; }
.roomthum ul li a.active div {top:0; background:none no-repeat 0 0;}
.roomthum ul li.flex-active-slide div {top:0; background:none no-repeat 0 0;}
.roomthum ul li.flex-active-slide img { opacity:1;}
p.btn_roominfo { text-align:right; clear:both; padding:0;}

@media print{
	body { background:#fff;}
     #header {display: none;}
	 #footer {display: none;}  
	 .roomthum {display: none;}
	 .flex-direction-nav {display: none;}
	 p.func_top, p.btn_top {display: none;}
	 .youtube_area {display: none;}
	 .info_table { margin-top:50px; clear:both;}
	 p.btn_roominfo {display: none;}
	 .slide_wrap { padding-bottom:0;}
	 .contents_wrap { padding:0;}
	 .contents_wrap h2 {}
	 .sns_util {display: none;}
  } 

         

/****������ ��**********/
div.benefit {width:100%;}
div.benefit div {}
div.benefit ul.tab {font-size:16px; height:49px; border-bottom:solid 1px #CCC; }
div.benefit ul.tab li {text-align:center; float:left; font-weight:bold; padding-right:3px;  }
div.benefit ul.tab li a {padding:14px 13px; background:#fff; display:block; color:#000; border-left:solid 1px #CCC; border-top:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; }
div.benefit ul.tab li a.on { padding:14px 13px;background:#0066CC; display:block; color:#fff;  border:solid 1px #0066CC;  }
/********end*************/


#ALL{
	margin:80px auto;
	width:980px;
	height:145px;
	background:#e6e9ee;
	position:relative;}
#tit { position:absolute; top:-45px; left:30px; font-family:"��������",Malgun Gothic,"��������",Nanum Gothhic,'����',dotum,AppleGothic,sans-serif; letter-spacing:-1px; height:50px; font-weight:bold; display:inline-block; width:930px;}
#tit span.text01{ font-size:30px; color:#4b5570; float:left; padding-left:5px;}
#tit span.text02{ font-size:22px; color:#798199;  width:100px; height:20px; margin:5px 0 0 10px; position:absolute;  }	
#Prev{
	position:absolute;
	top:55px;
	left:-12px;
	cursor:pointer;}
#Next{
	position:absolute;
	top:55px;
	right:-12px;
	cursor:pointer;}
#contentss{
	width:100%;
	height:100%;
	overflow:hidden;}
#allpage .page{
	width:920px;
	height:100px;
	padding:15px 0 15px 20px;
	list-style-type:none;
	float:left;}
#allpage .page li{
	float:left;
	margin-right:18px;}
#allpage .page li img{
	border:none;}




/* �λ縻 */
#content .boxlist_01 { width:550px; margin-left:70px;}
#content .boxlist_01 dl { padding-bottom:20px;  font-size:12px; }
#content .boxlist_01 dl dt { font-weight:bold; color:#0081ef;}
#content .boxlist_01 dl dt span.hp { color:#000;}
#content .boxlist_01 dl dd { padding-left:15px; padding-top:5px;}
#content .boxlist_01 dl p.line { background:url(../images/bg_zumsun.gif) repeat-x; height:2px; margin-top:20px;}

/* ��Ʋ���� */
#content .benefit  { width:750px; margin-top:10px; margin-left:10px;}
#content .benefit  dl { padding-bottom:20px;  font-size:14px; }
#content .benefit  dl dt { font-weight:bold; color:#f26122; font-size:15px;width:750px; background:#FFF; }
#content .benefit  dl dt span.hp { color:#0081ef; padding-left:10px; }
#content .benefit  dl dd { font-size:13px; padding-bottom:7px;  padding-top:7px; font-weight:bold; padding-left:20px;}
#content .benefit  dl dd.tit { clear:both; display:inline-block; width:100%; height:60px;}
#content .benefit  dl dd.pd { padding-left:15px;}
#content .benefit  dl dd.pd { padding-left:20px;}
#content .benefit  dl p.line { background:url(../images/bg_zumsun.gif) repeat-x; height:2px; margin-top:20px; clear:both; overflow:hidden;}

#content .benefit  ul.pd {}
#content .benefit  ul.pd li { margin:0 0 20px 20px;}





#footer { width:980px; clear:both; margin:auto;}





.rd_box{ border:solid 1px #ccc; width:160px; height:110px; background:#fffbec;}
.lnb_more	{position:relative; width:126px; margin:22px 16px 17px 16px; overflow:hidden;}
.lnb_more	.tit	{margin-bottom:5px; background:none no-repeat 0 0; color:#486d9b; height:18px; padding-top:5px; margin-left:5px; font-size:14px; font-family:'NanumGothicBold',sans-serif;}
.lnb_more	.tit.recruit	{padding-left:21px; background-position:0 2px;}
.lnb_more	.tit.news	{padding-left:23px; background-position:0px -38px;}
.lnb_more	.tit.promo	{padding-left:22px; background-position:0 -92px;}
.lnb_more	.list_wrap	{position:relative; width:126px; height:81px; overflow:hidden;}
.lnb_more	.list_wrap	ul	{position:absolute; left:0; top:0; width:380px; height:62px; overflow:hidden;}
.lnb_more	.list_wrap	ul	li	{float:left; width:126px;}
.lnb_more	.list_wrap	ul	li	a	{display:block; color:#484d53; font-size:14px; font-family:'NanumGothicBold',sans-serif;}
.lnb_more	.list_wrap	ul	li	a:hover, .lnb_more	.list_wrap	ul	li	a:focus	{color:#486d9b; text-decoration:underline}
.lnb_more	.list_wrap	ul	li	a > div	 {margin-top:4px; color:#71777d; font-size:12px; line-height:18px;}
.lnb_more	.list_wrap	ul	li	a > div.date	{width:80px;}
.lnb_more	.btn_list	{margin-top:4px;}
.lnb_more	.btn_list	span	{display:inline-block; vertical-align:top;}
.lnb_more	.btn_list	span	a	{display:inline-block; width:14px; height:14px;}
.lnb_more	.btn_list	.num	{width:35px; text-align:center; color:#71777d; font-size:12px; line-height:18px;}
.lnb_more	.btn_list	.num	strong	{color:#486d9b; font-family:'NanumGothicBold',sans-serif;}
.lnb_more	.btn_list	.pre	{width:14px; height:14px; margin-top:3px; background:none no-repeat 0 0;}
.lnb_more	.btn_list	.next	{width:14px; height:14px; margin-top:3px; background:none no-repeat -16px 0;}



/* ===== 메인 슬라이더 (iframe/jQuery SlidesJS → 바닐라 재구현) ===== */
.ms-slider{position:relative;width:980px;margin:0 auto;}
.ms-slides{position:relative;width:980px;height:445px;overflow:hidden;background:#fff;}
.ms-slide{position:absolute;top:0;left:0;width:980px;height:445px;object-fit:cover;opacity:0;transition:opacity .6s ease;}
.ms-slide.is-active{opacity:1;}
.ms-controls{overflow:hidden;padding-left:10px;}
.ms-controls > button{background:url('/assets/btns-next-prev.png') no-repeat;border:0;padding:0;margin:6px 5px 0 15px;cursor:pointer;display:block;float:left;width:12px;height:18px;overflow:hidden;text-indent:-9999px;}
.ms-controls .ms-prev{background-position:0 0;}
.ms-controls .ms-prev:hover{background-position:0 -18px;}
.ms-controls .ms-next{background-position:-12px 0;margin-right:10px;}
.ms-controls .ms-next:hover{background-position:-12px -18px;}
.ms-controls .ms-toggle.is-playing{width:18px;background-position:-41px 0;}      /* 재생중 → 정지 아이콘 */
.ms-controls .ms-toggle.is-playing:hover{background-position:-41px -18px;}
.ms-controls .ms-toggle.is-paused{width:15px;background-position:-25px 0;}       /* 정지중 → 시작 아이콘 */
.ms-controls .ms-toggle.is-paused:hover{background-position:-25px -18px;}
/* 페이지네이션 점 (원본 pagination.png 스프라이트 13x13) */
.ms-pagination{margin:7px 15px 0 0;float:right;list-style:none;padding:0;}
.ms-pagination li{float:left;margin:0 1px;}
.ms-pagination button{display:block;width:13px;height:13px;padding:0;border:0;cursor:pointer;overflow:hidden;text-indent:-9999px;background:url('/assets/pagination.png') no-repeat 0 0;}
.ms-pagination button.is-active{background-position:0 -13px;}
.ms-pagination button:hover{background-position:0 -26px;}
