@charset "euc-kr";
body{background:#fff;font-size:16px;letter-spacing:-1px;-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0;color:#575757;font-family:'³ª´®°íµñ',NanumGothic,'¸¼Àº °íµñ','Malgun Gothic','Droid Sans','Apple-Gothic','¾ÖÇðíµñ','Helvetica','Tahoma',dotum,'µ¸¿ò',gulim,'±¼¸²',sans-serif;}
select{margin:0;padding:0;color:#575757;font-family:'³ª´®°íµñ',NanumGothic,'¸¼Àº °íµñ','Malgun Gothic','Droid Sans','Apple-Gothic','¾ÖÇðíµñ','Helvetica','Tahoma',dotum,'µ¸¿ò',gulim,'±¼¸²',sans-serif, font-size:14px; font-weight:bold;}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="image"],input[type="tel"]{-webkit-appearance:none;-webkit-border-radius:0;}
/* input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;} */
@font-face {font-family:nanum; src:url(image/NanumGothic.eot)};

wrap,section,nav,header,footer{display:block; overflow-x: hidden;}
contents{display:block; margin:10px; overflow-x: hidden;}
/*table{border-spacing:0;border-collapse:collapse;}*/
form,fieldset,img{border:0 none;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;color:#3b3b3b;}
legend, .skip{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}

/* main Header */
#mHeadr{position:relative; height:54px; text-align:center; padding:16px 0 16px 0;}

/* main Banner */
/*.m_banner{position:relative;width:320px;height:100px;margin:0 auto 28px; background-color:#f5f5f5;}
.m_banner .bnWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.m_banner .bnWrap_img{display:block;width:320px;height:100px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.m_banner{width:360px;height:133px;} .m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.m_banner{width:360px;height:133px;}.m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.m_banner{width:600px;height:188px;}.m_banner .bnWrap img{width:600px;height:188px;}} */

/* main Banner */
.m_banner{position:relative;width:320px;height:100px;}
.m_banner .bnWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.m_banner .bnWrap_img{display:block;width:320px;height:100px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.m_banner{width:360px;height:133px;} .m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.m_banner{width:360px;height:133px;}.m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.m_banner{width:600px;height:188px;}.m_banner .bnWrap img{width:600px;height:188px;}}


/* .m_banner{position:relative;width:320px;height:100px;margin:0 auto 0px; background-color:#f5f5f5;}
.m_banner_bnWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.m_banner_bnWrap_img{display:block;width:320px;height:100px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.m_banner{width:360px;height:133px;} .m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.m_banner{width:360px;height:133px;}.m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.m_banner{width:600px;height:188px;}.m_banner .bnWrap img{width:600px;height:188px;}} */

/*.m_banner{position:relative;width:320px;height:100px;margin:0 auto 28px;}
.m_banner .bnWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.m_banner .bnWrap img{display:block;width:320px;height:100px;}
.m_banner .page{overflow:hidden;height:8px;text-align:center;font-size:0;line-height:0;}
.m_banner .page span{display:inline-block;overflow:hidden;width:8px;height:8px;margin:0 4px;background:#dbdee1;text-indent:-1000px;}
.m_banner .page span.on{background:#586273;}
.m_banner .prev, .m_banner .next{overflow:hidden;position:absolute;top:0;width:32px;height:100%;text-indent:-1000em;}
.m_banner .prev{left:0;}
.m_banner .next{right:0;}
.m_banner .prev:after, .m_banner .next:after {content:'';overflow:hidden;position:absolute;top:50%;width:14px;height:24px;margin-top:-12px;background:url('../image/headerIcons.png') no-repeat -40px -41px;}
.m_banner .prev:after{left:3px;}
.m_banner .next:after{right:3px;background-position:-55px -41px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.m_banner{width:360px;height:133px;} .m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.m_banner{width:360px;height:133px;}.m_banner .bnWrap img{width:360px;height:133px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.m_banner{width:400px;height:125px;}.m_banner .bnWrap img{width:400px;height:125px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.m_banner{width:600px;height:188px;}.m_banner .bnWrap img{width:600px;height:188px;}} */

/* main Lately? */
#m_lately_bar{width:100%; height:35px; background-color:#ededed; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:0px 0px 0xp 0px; vertical-align:middle;}
.ms_tt p.ms_ti{float:left; font-size:14px; font-weight:bold;line-height:1.54em; padding-left:12px; padding-top:8px;}
.ms_tt p.icon{float:right; font-size:12px; font-weight:normal; padding-right:15px; padding-top:12px;}
#lately_List{}
.lately_List li{height:24px; background:#f5f5f5; font-size:12px; font-weight:normal; color:#333; padding-left:15px; padding-top:8px; list-style-type:circle; list-style:inside; border-bottom:1px solid #ededed;}


.m_lately_bar{width:100%; height:35px; background-color:#ededed; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:0px 0px 0xp 0px; vertical-align:middle;}
.m_lately_bar td.ms_ti{float:left; font-size:14px; font-weight:bold;line-height:1.54em; padding-left:12px; padding-top:8px;padding-bottom:8px;}
.lately_List {height:24px; background:#f5f5f5; font-size:12px; font-weight:normal; color:#333; padding-left:15px; padding-top:8px; padding-bottom:8px;list-style-type:circle; list-style:inside; border-bottom:1px solid #ededed;}
.lately_List td.lately_List{height:24px; background:#f5f5f5; font-size:12px; font-weight:normal; color:#333; padding-left:15px; padding-top:8px; list-style-type:circle; list-style:inside; border-bottom:1px solid #ededed;}

.m_link{background-color:#ffc740; text-align:center; border-top:1px solid #999999; border:0;}
.m_link_btn{width:100%;height:102px; margin-bottom:10px;}
.m_link tr{height:120px; margin:auto;}
.m_link td{float:left;width:33.3%;height:70px; vertical-align:middle; padding-top:20px; padding-bottom:20px;}
.m_link td.ms_tx{height:25px;text-align:center;width:100%;}

.m_link_toggle{background-color:#ffc740; text-align:center; border-top:1px solid #999999; border:0;}
.m_link_toggle td{float:left;width:33.3%;vertical-align:middle; padding-top:20px; padding-bottom:20px;}
/* =================================== Inner Contents =========================================== */

/* header - Log & Log Info */
#header{position:relative; width:100%; height:63px; position:absolute; top:9px; bottom:14px; left:0; }
.header_logo{float:left; width:124px; text-align:center; border:0; }
.header_id{float:right;text-align:right; padding-right:10px; font-size:12px; font-weight:normal; line-height:1.34em; width:50%; word-spacing:0;}
.header_idtx{float:right;text-align:right; padding-right:10px; font-size:12px; font-weight:bold; line-height:1.34em;}

/* navigation */
nav{overflow:hidden;width:100%;}
#nav{position:relative;min-width:310px;height:45px;background:url('../images/main/gnb_bgpat.png') ; font-weight:normal;color:#FFF;}
#nav:before{content:'';position:absolute;top:0;left:0;height:1px;width:100%;background:#fff;}
#nav li{float:left;position:relative;width:25%;height:45px;}
#nav li:before{content:'';position:absolute;top:13px;left:0;width:1px;height:11px;background:#a92800;}
/*#nav li.g3{width:28%;}*/
#nav li a{display:block;overflow:hidden;height:38px;color:#ffffff;font-size:0.75em;font-weight:bold;line-height:3.1em;text-align:center;}
#nav li a:before{content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:3px;background:url(../../Images/Main/menuicon.png) no-repeat -99px 0;vertical-align:-4px;}
#nav .g1 a:before{display:inline-block;overflow:hidden;width:20px;height:16px;background:url(../Images/Main/menuicon.png) no-repeat -0px -5px;}
#nav .g2 a:before{display:inline-block;overflow:hidden;width:21px;height:17px;background:url(../Images/Main/menuicon.png) no-repeat -21px -3px;}
#nav .g3 a:before{display:inline-block;overflow:hidden;width:20px;height:15px;background:url(../Images/Main/menuicon.png) no-repeat -3px -30px;}
#nav .g4 a:before{display:inline-block;overflow:hidden;width:20px;height:16px;background:url(../Images/Main/menuicon.png) no-repeat -25px -30px;}
#nav .g4.on a{position:absolute;width:100%;padding:2px 8px 2px 0;margin-top:-2px;color:#fff;
background:#30333d;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#161a24), to(#3b3e46));background:-webkit-linear-gradient(#161a24, #3b3e46);background:-moz-linear-gradient(#161a24, #3b3e46);background:-ms-linear-gradient(#161a24, #3b3e46);background:-o-linear-gradient(#161a24, #3b3e46);background:linear-gradient(#161a24, #3b3e46);}
#nav .g4.on a:before{background-position:-132px -16px;}
#nav li .n{overflow:hidden;position:absolute;top:4px;width:14px;height:14px;margin-left:-4px;background:url('../../images/main/menuicon.png') no-repeat -147px -18px;text-indent:-1000px;}
.allview{display:none;position:relative;padding-bottom:14px;background:#3b3e46;color:#fff;}

#nav td a{display:block;overflow:hidden;height:38px;color:#ffffff;font-size:0.75em;font-weight:bold;line-height:3.1em;text-align:center;}



.nav{position:relative;width:100%;height:45px;background:url('../images/main/gnb_bgpat.png') ; font-weight:normal;color:#FFF;}
.nav td a{display:block;overflow:hidden;height:38px;color:#ffffff;font-size:1.0em;font-weight:bold;line-height:3.1em;text-align:center;}
.nav td a:before{content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:3px;background:url(../../Images/Main/menuicon.png) no-repeat -99px 0;vertical-align:-4px;}
.nav .g1 a:before{display:inline-block;overflow:hidden;width:20px;height:16px;background:url(../Images/Main/menuicon.png) no-repeat -0px -5px;}
.nav .g2 a:before{display:inline-block;overflow:hidden;width:21px;height:17px;background:url(../Images/Main/menuicon.png) no-repeat -21px -3px;}
.nav .g3 a:before{display:inline-block;overflow:hidden;width:20px;height:15px;background:url(../Images/Main/menuicon.png) no-repeat -3px -30px;}
.nav .g4 a:before{display:inline-block;overflow:hidden;width:20px;height:16px;background:url(../Images/Main/menuicon.png) no-repeat -25px -30px;}
.nav .g4.on a{position:absolute;width:100%;padding:2px 8px 2px 0;margin-top:-2px;color:#fff;
background:#30333d;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#161a24), to(#3b3e46));background:-webkit-linear-gradient(#161a24, #3b3e46);background:-moz-linear-gradient(#161a24, #3b3e46);background:-ms-linear-gradient(#161a24, #3b3e46);background:-o-linear-gradient(#161a24, #3b3e46);background:linear-gradient(#161a24, #3b3e46);}

/*sub Menu */
/*
#sNavi{ height:67px; padding:34px; background-color:#ededed; text-align:center; border-top:1px solid #999999; vertical-align:middle; padding-top:12px padding-bottom:4px;}
#sNavi_btn{width:100%;height:51px; margin-bottom:10px; font-size:12px; font-weight:normal;}
.sNavi_link ul{margin:auto;}
.sNavi_link li{float:left;width:20%;height:22px; vertical-align:middle;}
.sNavi_tx li{height:30px;text-align:center;width:100%; font-size:12px; font-weight:normal;}
*/

.sNavi{width:100%; height:55px; padding:14px 0 0 0; background-color:#ededed; text-align:center; border-bottom:1px solid #999999; vertical-align:middle; padding-top:12px; padding-bottom:4px; font-size:12px; font-weight:normal; color:#f1592a;}
.sNavi_btn{width:100%; margin-bottom:10px;}
.sNavi td{vertical-align:middle; text-align:center; width:10px}
.sNavi td.ms_tx{height:25px;text-align:center;width:100%; font-size:12px; font-weight:normal;}
.sNavi td.ms_txa{height:25px;text-align:center;width:100%; font-size:12px; font-weight:normal; color:#f1592a}

/* ======================================================================= board =============================================================================================== */
/* board List */
/*
#board_list{background:#ffffff;}
.board_list li{height:37px; background:#ffffff; font-size:12px; font-weight:normal; color:#151515; line-height:1.54em; padding-top:12px; border-bottom:1px solid #d0d0d0;}
.board_list p.pm_ti{float:left; font-size:12px; font-weight:normal;line-height:1.54em; padding-left:15px; padding-top:8px;}
.board_list p.more{float:right; font-size:12px; font-weight:normal; padding-right:15px; padding-top:12px;}
*/
#board_list{background:#ffffff;}
.board_list{height:38px; border-bottom:1px solid #cccccc;}
.board_list p.pm_ti{float:left; font-size:12px; font-weight:normal;line-height:1.54em;  padding-top:8px;}
.board_list p.pm_tib{float:left; font-size:12px; font-weight:bold;line-height:1.54em;  padding-top:8px;}
.board_list p.more{float:right; font-size:12px; font-weight:normal;  padding-top:12px;}
.board_list p.icon{float:right; font-size:12px; font-weight:normal;  padding-top:12px;}

/* board Read */
#board_read_head{background:#e0e0e0; border-bottom:1px solid #999999; padding:10px;}
.board_read_head_title{font-size:14px; font-weight:bold;line-height:1.54em;}
.board_read_head_date{font-size:12px; font-weight:normal;line-height:1.54em;}
#board_read{background:#ffffff; font-size:14px; font-weight:normal;line-height:1.64em;}

/* board article reference */
#board_read_article{background:#f5f5f5; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:15px; font-size:12px; font-weight:normal;line-height:1.64em;}
.board_read_article{background:#f5f5f5; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:15px; font-size:12px; font-weight:normal;line-height:1.64em;}
.board_read_article_title{font-size:12px; font-weight:bold;line-height:1.64em;}
.board_read_article_address{font-size:12px; font-weight:normal;line-height:1.64em;}

/* board KAKAO Button*/
#board_kakao{background:#ffffff; padding:10px;}

/* board List Button*/
#board_btn{background:#ffffff; padding:0 0 10px 0; text-align:center;}

/* paging */
.arrowBg .elmBg {
	background-position: right -120px; padding-right: 12px;
}
.arrowBg1 .elmBg3 {
	background-position: -243px -475px; padding-left: 12px;
}
.arrowBg2 .elmBg3 {
	background-position: right 5px; padding-right: 14px;
}
.delete .elmBg3 {
	background-position: left -222px; padding-left: 11px;
}
.wish .elmBg3 {
	background-position: left -100px; padding-left: 18px; background-size: 200px 400px;
}
.abroad .elmBg3 {
	background-position: left -320px; padding-left: 13px;
}
.moreView .elmBg {
	background-position: right -9px; padding-right: 10px; display: inline-block;
}
.prevPage .btn {
	margin: -5px 0px;
}
.paging {
	width: 100%; text-align: center; margin-top : 5px;
}
.paging a {
	margin: 0px 3px; border: 1px solid rgb(221, 221, 221); width: 38px; height: 38px; font-size: 13px; font-weight: bold; display: inline-block; background-color: rgb(255, 255, 255);
}
.paging span {
	width: 38px; height: 38px; color: rgb(136, 136, 136); vertical-align: middle; display: table-cell;
}

.paging img {
	width: 38px; height: 38px; color: rgb(136, 136, 136); vertical-align: middle; display: table-cell;
}
.paging a.arrow {
	border: 1px solid rgb(204, 204, 204); background-color: rgb(204, 204, 204);
}
.paging span.current {
	color: rgb(68, 68, 68); background-color: rgb(255, 187, 0);
}
.paging a span.elmBg {
	text-indent: -9999px; overflow: hidden;
}
.paging a span.prev {
	background-position: -281px -154px;
}
.paging a span.next {
	background-position: -229px -154px;
}

/* ======================================================================= grade =============================================================================================== */
/* grade Title */
.gradeTitle{height:30px; background:#ededed; border-bottom:1px solid #999999; font-size:14px; font-weight:bold; color:#f1592a; text-align:center; padding-top:12px;}

/* grade Main Image */
#gradeMV{border-bottom:1px solid #999999;}
.gradeMV{position:relative;width:320px;height:128px;margin:0 auto 0px;}
.gradeMV .mvWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.gradeMV .mvWrap img{display:block;width:320px;height:128px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.gradeMV{width:360px;height:144px;} .gradeMV .mvWrap img{width:360px;height:144px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.gradeMV{width:360px;height:144px;}.gradeMV .mvWrap img{width:360px;height:144px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.gradeMV{width:400px;height:160px;}.gradeMV .mvWrap img{width:400px;height:160px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.gradeMV{width:400px;height:160px;}.gradeMV .mvWrap img{width:400px;height:160px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.gradeMV{width:600px;height:256px;}.gradeMV .mvWrap img{width:600px;height:256px;}}


/* grade List Title */
.grade_m_list{background:#e0e0e0; border:1px solid #999999;}
#grade_m_list{height:40px; border-bottom:1px solid #999999;}
.grade_m_list_icon{float:left; font-size:12px; font-weight:normal; padding-left:10px; padding-top:12px;}
/* .grade_m_list_icon{display:inline-block;overflow:hidden;width:50px; height:56px;background:url(../image/gradeListIcon.png) no-repeat 10px 12px;} */
.grade_m_list p.gm_ti{float:left; font-size:14px; font-weight:normal;line-height:1.54em;  padding-top:8px; padding-left:5px;}
.grade_m_list p.gm_tib{float:left; font-size:14px; font-weight:bold;line-height:1.54em;  padding-top:8px; padding-left:5px;}
.grade_m_list p.more{float:right; font-size:12px; font-weight:normal;  padding-top:12px;}
.grade_m_list p.icon{float:right; font-size:12px; font-weight:normal; padding-right:15px; padding-top:12px;}
.grade_m_list td{float:left; vertical-align:middle; font-size:14px; font-weight:bold;line-height:1.54em; }
.grade_m_list td.gm_tib{float:left; font-size:14px; font-weight:bold;line-height:1.54em;  padding-top:8px; padding-left:5px;}


/* grade List Button */
#grade_s_list{background:#ffffff;}
.grade_s_list{height:36px; border-bottom:1px solid #d0d0d0;}
.grade_s_list_icon{float:left; font-size:12px; font-weight:normal; padding-left:27px; padding-top:12px;}
/* .grade_m_list_icon{display:inline-block;overflow:hidden;width:50px; height:56px;background:url(../image/gradeListIcon.png) no-repeat 10px 12px;} */
.grade_s_list p.gs_ti{float:left; font-size:14px; font-weight:normal;line-height:1.54em;  padding-top:8px; padding-left:5px;}
.grade_s_list p.gs_tib{float:left; font-size:14px; font-weight:bold;line-height:1.54em;  padding-top:8px; padding-left:5px;}
.grade_s_list p.more{float:right; font-size:12px; font-weight:normal;  padding-top:12px;}
.grade_s_list p.icon{float:right; font-size:12px; font-weight:normal; padding-right:15px; padding-top:12px;}


/* grade Contents */
.gradeCont{ padding:10px; border-bottom:1px solid #d0d0d0;}
.gradeRank{ padding:17px; background-color:#e0e0e0; border:1px solid #d0d0d0; font-size:14px; font-weight:normal;line-height:1.84em;}
.gradeRank2{ padding:17px; background-color:#e0e0e0; font-size:14px; font-weight:normal;line-height:1.84em;}
/* .gradeRank_title{font-size:14px; font-weight:bold;line-height:1.54em;  padding-top:8px; padding-left:17px;} */
.gradeRank_view{font-size:12px; font-weight:normal;line-height:2.0em;  padding-top:8px; padding-left:17px;}
.gradeRank_search{}

/* ======================================================================= manual =============================================================================================== */
/* manual Title */
#manualTitle{height:30px; background:#ededed; border-bottom:1px solid #999999; font-size:14px; font-weight:bold; color:#f1592a; text-align:center; padding-top:12px;}
.manualTitle{height:30px; background:#ededed; border-bottom:1px solid #999999; font-size:14px; font-weight:bold; color:#f1592a; text-align:center; padding-top:12px;}

/* manual Main Image */
#manualMV{border-bottom:1px solid #999999;}
.manualMV{position:relative;width:320px;height:128px;margin:0 auto 0px;}
.manualMV .mvWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.manualMV .mvWrap img{display:block;width:320px;height:128px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.manualMV{width:360px;height:144px;} .manualMV .mvWrap img{width:360px;height:144px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.manualMV{width:360px;height:144px;}.manualMV .mvWrap img{width:360px;height:144px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.manualMV{width:400px;height:160px;}.manualMV .mvWrap img{width:400px;height:160px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.manualMV{width:400px;height:160px;}.manualMV .mvWrap img{width:400px;height:160px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.manualMV{width:600px;height:256px;}.manualMV .mvWrap img{width:600px;height:256px;}}


/* manual List Title */
#manual_m_list{background:#e0e0e0;}
.manual_m_list{background:#e0e0e0;}
#manual_m_list{height:40px; border-bottom:1px solid #999999;}
.manual_m_list_icon{float:left; font-size:12px; font-weight:normal; padding-left:10px; padding-top:12px;}
/* .grade_m_list_icon{display:inline-block;overflow:hidden;width:50px; height:56px;background:url(../image/gradeListIcon.png) no-repeat 10px 12px;} */
.manual_m_list p.mm_ti{float:left; font-size:14px; font-weight:normal;line-height:1.54em;  padding-top:8px; padding-left:5px;}
.manual_m_list p.mm_tib{float:left; font-size:14px; font-weight:bold;line-height:1.54em;  padding-top:8px; padding-left:5px;}
.manual_m_list p.mm_tir{float:left; font-size:14px; font-weight:bold; color:#ff3c00; line-height:1.54em;  padding-top:8px; padding-left:5px;}
.manual_m_list p.more{float:right; font-size:12px; font-weight:normal;  padding-top:12px;}
.manual_m_list p.icon{float:right; font-size:12px; font-weight:normal; padding-right:15px; padding-top:12px;}

.manual_m_list .manual_m_td{height:40px; border-bottom:1px solid #999999;}
.manual_m_list_title{font-size:12px; font-weight:normal; padding-left:13px; padding-top:12px;}

/* manual Select Menu */
.manualSmenu{background-color:#ffffff;}
.manualSmenu td{ height:26px; border-bottom:1px solid #d0d0d0; padding-left:36px; padding-top:10px;}

/* manual Contents */
#manualCont{ padding:10px; border-bottom:1px solid #d0d0d0; font-size:12px; font-weight:normal;}
.manualCont{ padding:10px; border-bottom:1px solid #d0d0d0; font-size:12px; font-weight:normal;}
.manualUnit{ width:100%;border:1px solid #999999;font-size:12px; font-weight:normal;}
.manualUnit td.Title{ height:25px; border:1px solid #999999; font-weight:bold; vertical-align:middle; background-color:#f7ebb9;}
.manualUnit tr.UnitTitle{ cursor:pointer;border:1px solid #999999;}
.manualUnit td.Unit{ height:35px; padding-left:5px; border:1px solid #999999; vertical-align:middle;}

.manualCont2{background-color:#ffffff;}

/* manual Choice List Title */
.manual_Choice_Title{height:30px; border-bottom:1px solid #999999; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#a92800; line-height:1.54em; padding-top:8px; text-align:center;}

/* manual Choice Read Page Title */
.manualList{ padding:10px;  font-size:12px; font-weight:normal; text-align:center;}
.manual_Read_Title{height:30px; border-bottom:1px solid #999999; background-color:#fff3bf; font-size:14px; font-weight:bold; color:#a92800; line-height:1.54em; padding-top:8px; text-align:center;}

/* List Button*/
#mboard_btn{background:#f5f5f5; padding:10px 0 10px 0; text-align:center;}


/* ======================================================================= Category =============================================================================================== */


/* Category List Title */
/* #Category{background-color:#151515;}
.Category_list{height:35px; }
.Category_list li{border-bottom:1px solid #d0d0d0; padding-left:20px; padding-top:5px;}
.Category_list p.cm_tib{float:left; font-size:14px; font-weight:bold; color:#ffffff; line-height:1.54em;  padding-top:8px; padding-left:5px;}
.Category_list p.ficon{float:left; font-size:12px; font-weight:normal; padding-left:10px; padding-top:12px;}
.Category_list p.icon{float:right; font-size:12px; font-weight:normal; padding-right:15px; padding-top:12px;} */

.CategoryMenu{background-color:#151515;}
.CategoryMenu td{ border-bottom:1px solid #4f4f4f; padding-left:26px; padding-top:12px; padding-bottom:12px; font-size:14px; font-weight:bold; color:#ffffff;}
.CategoryMenu td ficon{float:left; font-size:12px; font-weight:normal; padding-right:20px;}
.CategoryMenu td icon{float:right; font-size:12px; font-weight:normal; padding-right:15px;}
.CategoryMenu td a{color:#fff;font-size:13px; font-weight:bold; }
.CategoryMenu_s { background-color:#464646;}
.CategoryMenu_s td{ height:32px; border-bottom:1px solid #4f4f4f; padding-left:46px; padding-top:12px; font-size:14px; font-weight:bold; color:#ffffff;}
.CategoryMenu_s td a{display:block; overflow:auto;height:33px;color:#fff;}
.CategoryMenu_s p.ficon{float:left; font-size:12px; font-weight:normal; padding-right:10px;}
.Moreicon{float:right; font-size:12px; font-weight:normal; padding-right:15px;}
/* ======================================================================= Information Shared =============================================================================================== */
.infoArea{font-size:14px; font-weight:normal;line-height:1.54em; padding:10px;}
/* manual Main Image */
#infoMV{border-bottom:1px solid #999999;}
.infoMV{position:relative;width:320px;height:128px;margin:0 auto 0px;}
.infoMV .mvWrap{position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto 10px;}
.infoMV .mvWrap img{display:block;width:320px;height:128px;}
@media screen and (min-width : 360px) and (min-device-height:720px) {.infoMV{width:360px;height:144px;} .infoMV .mvWrap img{width:360px;height:144px;}}
@media screen and (min-width : 360px) and (orientation: portrait) {.infoMV{width:360px;height:144px;}.infoMV .mvWrap img{width:360px;height:144px;}}
@media screen and (min-width : 400px) and (min-device-height:800px) {.infoMV{width:400px;height:160px;}.infoMV .mvWrap img{width:400px;height:160px;}}
@media screen and (min-width : 400px) and (orientation: portrait) {.infoMV{width:400px;height:160px;}.infoMV .mvWrap img{width:400px;height:160px;}}
@media screen and (min-width : 600px) and (min-height:600px) {.infoMV{width:600px;height:256px;}.infoMV .mvWrap img{width:600px;height:256px;}}



/* text */
.pagetitleDott{font-size:14px; font-weight:bold; color:#467cda; line-height:1.54em;}
.goodsSeltitleDott{font-size:14px; font-weight:bold; color:#467cda; line-height:1.54em;}
.matName{font-size:12px; font-weight:bold; color:#467cda;}
.blueTx{font-size:12px; font-weight:normal; color:#467cda;}
.blueTxBold{font-size:12px; font-weight:bold; color:#467cda;}
.orangeTx{font-size:12px; font-weight:normal; color:#f1592a;}
.boldTx{font-size:12px; font-weight:bold; color:#333333;}
.codePrt{font-size:10px; font-weight:normal; color:#575757;}
.sheets1{font-size:12px; font-weight:bold; color:#467cda;}
.sheets2{font-size:11px; font-weight:normal; color:#575757;}
.labels{font-size:10px; font-weight:normal; color:#575757;}
.paymentPrice{font-size:16px; font-weight:bold; color:#ff0000;}
.normalTx{font-size:12px; font-weight:normal; color:#151515; line-height:2em;}
.smallTx{font-size:11px; font-weight:normal; color:#151515;}
.tinyTx{font-size:10px; font-weight:normal; color:#999999;}


/* Login */

.logBox {padding:15px 15px 10px 15px; border:2px solid #e5e5e5;}
.logBoxOutter {padding:10px 10px 10px 10px; border:0px;}


/* page Title1 */
#page_Title{height:38px; border-bottom:1px solid #cccccc; background:#ffffff;}
.page_Title{height:38px; border-bottom:1px solid #cccccc;}
.page_Title p.pt_ti{float:left; font-size:16px; font-weight:bold;line-height:1.54em; padding-left:15px; padding-top:8px;}
.page_Title p.more{float:right; font-size:14px; font-weight:normal; padding-right:15px; padding-top:12px;}

/* page Title2 */
#page_Title2{height:33px; background:#ffffff;}
.page_Title2{height:33px; }
.page_Title2 p.pt_ti{float:left; font-size:16px; font-weight:bold;line-height:1.54em; padding-left:15px; padding-top:8px;}
.page_Title2 p.more{float:right; font-size:14px; font-weight:normal; padding-right:15px; padding-top:12px;}



/*foot Menu */
.fmenu{height:33px;background:#2b2d34;}
.fmenu tr{height:33px;margin:auto;}
.fmenu td{float:left;width:33.3%;height:33px;}
.fmenu td a{display:block;height:33px;border-left:1px solid #55575d;color:#fff;font-size:1.1em;line-height:2.75em;text-align:center;}
.fmenu tr td:first-child a{border-left:none;}
.foot{padding:20px; text-align:left; font-size:12px; font-weight:normal;line-height:1.54em; background-color:#f5f5f5;}

/* ³»Á¤º¸ - Â÷·®Á¤º¸ */
.myinfo {font-size:14px; font-weight:normal; border: solid 1px; border-color: #ffc000; border-collapse: collapse; margin:auto;}
table.myinfo{ border-collapse: collapse;}
td.myinfoLeft{border:1px solid #d0d0d0; background-color:#f5f5f5; padding-left:5px;height:35px; margin:auto;}
td.myinfoCenter {
	border: 1px solid #d0d0d0;
	background-color: #f5f5f5;
	height: 35px;
	margin: auto;
	text-align: center;
}

td.myinfoRight{border:1px solid #d0d0d0; background-color:#ffffff;padding-left:5px;height:35px; margin:auto;}
td.myinfoCenter2 {
	border: 1px solid #d0d0d0;
	background-color: #ffffff;
	height: 35px;
	margin: auto;
	text-align: center;
}

/* ³»Á¤º¸ - ¼­ºñ½º¸®½ºÆ® */
.myService {font-size:12px; font-weight:normal; border: solid 1px; border-color: #999999; border-collapse: collapse; margin:auto;}
table.mySer{ border-collapse: collapse;}
td.mySerLeft{border:1px solid #d0d0d0; width:20%; height:26px; margin:auto; text-align:center; vertical-align:middle;}
td.mySerCenter{border:1px solid #d0d0d0; width:60%; height:26px; margin:auto; text-align:center; vertical-align:middle;}
td.mySerRight{border:1px solid #d0d0d0; width:20%; height:26px; margin:auto; text-align:center; vertical-align:middle;}

/* ³»Á¤º¸ - ÀÛ¾÷ »ó¼¼³»¿ª */
.myWorks {font-size:12px; font-weight:normal; border: solid 1px; border-color: #bbbbbb; border-collapse: collapse; margin:auto;}
panel.myWorks{ border-collapse: collapse;}
table.myWorks{ border-collapse: collapse;}
td.myWorksLeft{border:1px solid #d0d0d0; width:20%; height:26px; margin:auto; text-align:center; vertical-align:middle;}
td.myWorksCenter{border:1px solid #d0d0d0; width:60%; height:26px; margin:auto; text-align:left; vertical-align:middle; padding-left:5px;}
td.myWorksRight{border:1px solid #d0d0d0; width:20%; height:26px; margin:auto; text-align:right; vertical-align:middle; padding-right:5px;}
td.myWorksAll{border:1px solid #d0d0d0; width:100%; height:26px; margin:auto; text-align:center; vertical-align:middle;}

/* ³»Á¤º¸ - Æ®¸®±¸Á¶ */
.myTree{ padding:10px;}

/* ÀÚÀ¯°Ô½ÃÆÇ ±Û¾²±â */
.fbWri {font-size:12px; font-weight:normal; border: solid 1px; border-color: #ffc000; border-collapse: collapse; margin:auto;}
table.fbWri{ border-collapse: collapse;}
td.fbWriLeft{border:1px solid #d0d0d0; background-color:#f5f5f5; padding:10px; width:20%; height:26px; margin:auto; text-align:center;}
td.fbWriRight{border:1px solid #d0d0d0; background-color:#ffffff;padding:10px; width:80%; height:26px; margin:auto; text-align:center;}

/* ==================================================== slide show ========================================================= */