/* Default Style */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html, body {width:100%;}
body {min-width:980px; background:url(../images/common/bg_body.gif) repeat-x; color:#3c3c3c; font-size:13px;}

article, aside, hgroup, header, footer, figure, figcaption, nav, section {
 display: block;
}

/*select,input[type=text],input[type=submit],input[type=button] {-webkit-appearance: none;}*/

ul, ol, li {list-style:none;}
/*a,em,span,strong {vertical-align:middle;}
td *, div *, li *, span *, p * {vertical-align: middle;}*/

img, hr {border:none;}
img {vertical-align:top; border:0px;}

/* Link Style */
a {color:#3c3c3c; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

/* Table Style */
/*table {width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed;}*/
table {border-collapse:separate; border-spacing:0; table-layout:fixed;}
table td img {vertical-align:middle;}

/* Tag all font-size set */
b,h1,h2,h3,h4,h5,h6,th, strong {
 font-weight:normal;
 font-family:tssB;
}
body,p,div,ul,li,dl,dd,ol,fieldset,textarea,input,select,table,td,address,cite {
 font-family:tss;
}
a,em,span {
 font-family:inherit;
 color:inherit;
 font-size:inherit;
 line-height:inherit;
}

/* From Style */
textarea {padding:5px; border:solid 1px #d9d9d9; background-color:#fff; color:#666; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; resize:none;}
input {vertical-align:middle;}
input.txt {height:25px; padding:0 5px; border:solid 1px #d9d9d9; background-color:#fff; font-size:12px; line-height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input.chk {}
input.radio {margin:-1px 3px 0 0;}
input[type=button] {cursor:pointer;}
button {border:0; color:#666; vertical-align:middle; font-family:tss; cursor:pointer}

select {height:25px; padding:0 0px 0px 5px; border:solid 1px #d9d9d9; background-color:#fff; font-size:12px; line-height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
@media screen and (max-width: 980px) {
	div.selectDiv {
		width:100%;
	}
}

@media screen and (min-width: 980px) {
div.selectDiv {
	float:left;
    position: relative;
    background: url(jquery.selectBox-arrow.gif) 95% center no-repeat; /* 화살표 이미지 */
    border:solid 1px #d9d9d9;
    border-radius: 5px;
}
div.selectDiv select {
    /*width: 100%;
    height: 40px;
    min-height: 40px;
    line-height: 40px;*/
    padding: 0 0px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}

div.selectDiv label {
    position: absolute;
    font-size: 12px;
    color: #666;
    height:100%;
    margin-left: 5px;
}
}

hr, caption {display:none;}
address,cite,em {font-style:normal;}
fieldset {border:0; padding:0;}
legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px;}

label {cursor:pointer;}

/* Hide Set */
.hide {overflow:hidden; position:absolute; left:-1000% !important; top:0; width:1px; height:1px; font-size:0.1%; line-height:0.1%;}

/* layout */
#wrap {position:relative; z-index:1;}
header {position:relative; z-index:2; width:980px; height:120px; margin:0 auto; background:url(../images/common/bg_body.gif) repeat-x;}
header h1 {position:absolute; top:0; left:0; z-index:4; width:155px; height:118px; border-bottom:2px solid #529bcc; background-color:#fff;}
header h1 a {display:inline-block; width:155px; height:106px; padding-top:12px; text-align:center;}
article {position:relative; z-index:1;}
footer {height:340px; background:#3c3c3c; color:#9e9e9e;overflow: hidden;}
footer .inner_footer {position:relative; width:980px; margin:0 auto; padding:60px 0 0 325px; box-sizing:border-box}
footer h1 {position:absolute; top:50px; left:0;}
footer h1 a {display:inline-block;}
footer .botmenu {overflow:hidden;}
footer .botmenu > li {float:left; width:163px;}
footer .botmenu li strong {display:block; padding-bottom:15px; background:url(../images/common/line_botmenu.gif) no-repeat 0 100%; font-size:17px; line-height:18px;}
footer .botmenu li ul {margin-top:15px;}
footer .botmenu li ul li {padding:5px 0;}
footer .botmenu li ul li.tel {padding:0; font-size:20px; font-family:tssB;}
footer .botmenu li.sitelink li {padding:2px 0;}
footer address {margin-top:65px; font-size:11px; line-height:14px;}
footer .btn_top {position:absolute; top:-60px; right:-60px;width:45px; height:45px; background:url(../images/btn/btn_top.gif) no-repeat 50% 50%; text-indent:-99999px;}

#container {/*overflow:hidden;*/ position:relative; z-index:1; width:980px; margin:0 auto; padding-top:40px;padding-bottom:40px;}
#container.zindex3 {z-index:3;}
#container:after {content:""; clear:both; display:block;}
#contents {position:relative; z-index:1; width:100%; padding:60px 0 80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#contents .guide {min-height:500px;}
h2 {overflow:hidden; position:absolute; left:-1000% !important; top:0; width:1px; height:1px; font-size:0.1%; line-height:0.1%}

.utilwrap {height:36px; padding-top:24px; text-align:right; font-size:0;}
.utilwrap > *{display:inline-block; vertical-align:middle;}
.utilwrap .langbox {margin-right:15px; padding-right:13px; background:url(../images/common/bg_langbox.png) no-repeat 100% 50%;height:23px;}
.utilwrap .langbox span {display:block; height:23px; color:#a7a7a7; font-size:11px; line-height:23px;}
.utilwrap .member {padding:0 8px; border-width:0 1px; border-style:solid; border-color:#ccd5e0;margin-left: 10px;}
.utilwrap .member a {display:inline-block; padding:2px 8px 0; color:#a7a7a7; font-size:12px; font-family:tss; line-height:13px;font-weight: bold;}
.utilwrap .member a.pcmode {display:none;}
.utilwrap .snsbox {margin:0 20px 0 15px;}
.utilwrap .snsbox a {display:inline-block; width:23px; height:23px; margin-left:3px; background-repeat:no-repeat; background-position:50% 50%; text-align:left; text-indent:-99999px;}
.utilwrap .snsbox a.fb {background-image:url(../images/icon/icon_fb.png);}
.utilwrap .snsbox a.tw {background-image:url(../images/icon/icon_tw.png);}
.utilwrap .snsbox a.rss {background-image:url(../images/icon/icon_rss.png);}
.utilwrap fieldset input.txt {width:185px; height:23px; border:0; background:#f2f2f2; line-height:23px;}
.utilwrap fieldset button.btn_sch {width:40px; height:23px; background:#7f7f7f; color:#fff; font-size:12px;}

.gnb {position:relative; z-index:3; width:980px; height:60px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gnb .tit {display:none;}
.gnb > ul {position:absolute; top:0; width:980px; padding:0 0 0 200px; background:#529bcc url(../images/common/bg_gnb_off.gif) no-repeat 100% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gnb > ul > li {float:left;}
.gnb > ul > li > a {padding:0 21px 0 23px; background:url(../images/common/line_gnb.gif) no-repeat 0 50%; color:#fff; text-decoration:none; font-size:17px; line-height:60px;}
.gnb > ul > li:first-child > a {background:none;}
.gnb > ul > li > a:hover,
.gnb > ul > li.on > a {color:#002f6d;}
.gnb ul li a {display:block;}
.gnb ul li .submenu {display:none; position:absolute; top:88px; width:130px;}
.gnb.active ul li .submenu > strong {display:block; padding:0 0 15px 13px; border-bottom:1px solid #529bcc; color:#529bcc; font-size:15px; line-height:16px;}
.gnb.active ul li .submenu > ul {min-height:430px; margin-top:15px; border-left:1px solid #e5e5e5;}
.gnb.active ul li .submenu > ul li a {padding-left:13px;}
.gnb.active ul li .submenu > ul > li > a {padding:8px 0 8px 13px; color:#122649; text-decoration:none; font-size:14px; font-family:tssB; line-height:18px;}
.gnb.active ul li .submenu > ul > li > a:hover {background-color:#9fd5fa;}
.gnb.active ul li .submenu > ul > li > ul {margin-bottom:15px;}
.gnb.active ul li .submenu > ul > li > ul li {margin-top:3px;}
.gnb.active ul li .submenu > ul > li > ul li:first-child {margin-top:0;}
.gnb.active ul li .submenu > ul > li > ul li a {color:#468bb9; font-size:12px;}
.gnb.active ul li .submenu > ul > li > ul li a:hover {font-family:tssB;}
.gnb.active ul li.tm_01 .submenu {left:35px; width:115px;}
.gnb.active ul li.tm_01 .submenu strong {padding-left:0;}
.gnb.active ul li.tm_01 .submenu ul {border-left:0;}
.gnb.active ul li.tm_01 .submenu ul li a {padding-left:0;}
.gnb.active ul li.tm_02 .submenu {left:150px;}
.gnb.active ul li.tm_03 .submenu {left:280px;}
.gnb.active ul li.tm_04 .submenu {left:410px;}
.gnb.active ul li.tm_05 .submenu {left:540px;}
.gnb.active ul li.tm_06 .submenu {left:670px;}
.gnb.active ul li.tm_07 .submenu {left:800px; width:145px;}
.gnb.active {height:600px; border-width:0 1px 1px;  border-style:solid; border-color:#dfdfdf; background-color:#fff;}
.gnb.active > ul {left:-1px; border-bottom:1px solid #dfdfdf; background-image:url(../images/common/bg_gnb_on.gif);}
.gnb.active .submenu {display:block;}

.btn_gnb {display:none; position:fixed; top:3px; right:50%; z-index:2; width:36px; height:36px; margin-right:-372px; background:url(../images/btn/btn_gnb.gif) no-repeat 50% 50%; background-size:18px 14px; text-indent:-99999px;}
#main .btn_gnb {top:18px; right:18px; margin:0; background:#529bcc url(../images/btn/btn_gnb_02.gif) no-repeat 50% 50%; background-size:18px 14px;}
.btn_close {position:fixed; top:0; left:0; z-index:3; width:46px; height:46px; background:url(../images/btn/btn_close.png) no-repeat 50% 50%; background-size:20px 21px; text-indent:-99999px;}

/* 모바일일경우 */
.gnbview {overflow:hidden;}
.gnbview #wrap {overflow:hidden;}
.gnbview header {overflow:hidden; z-index:3; width:100%; height:100%;}
.gnbview .utilwrap {position:fixed; bottom:0; right:0; z-index:100; width:270px; height:auto; padding-top:0; background:#fff; text-align:center;}
.gnbview .utilwrap .langbox {display:none;}
.gnbview .utilwrap .member {display:block; border:0;}
.gnbview .utilwrap .member a {position:relative; width:33.3%; padding:10px 0; color:#222d3b;}
.gnbview .utilwrap .member a:before {position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background-color:#e1e1e1; content:'';}
.gnbview .utilwrap .member a.pcmode {display:inline-block; border-right:0;}
.gnbview .utilwrap .member a.pcmode:before {background:none;}
.gnbview .utilwrap .snsbox {display:block; margin:0; background-color:#222d3b;}
.gnbview .utilwrap .snsbox a {width:33.3%; height:45px; margin-left:0;}
.gnbview .utilwrap .snsbox a.fb {background-color:#01b4fe; background-image:url(../images/icon/icon_fb_m.png); background-size:9px 19px;}
.gnbview .utilwrap .snsbox a.tw {background-image:url(../images/icon/icon_tw_m.png); background-size:20px 17px;}
.gnbview .utilwrap .snsbox a.rss {background-image:url(../images/icon/icon_rss_m.png); background-size:16px 16px;}
.gnbview .utilwrap fieldset {display:none;}
.gnbview .gnb {display:inline-block; position:relative; z-index:3; width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gnbview .gnb .tit {display:block; padding:14px 20px 13px; border-bottom:2px solid #649bc8; background:#fff; color:#58a5da; font-size:15px; line-height:17px; text-align:left;}
.gnbview .gnb > ul {position:relative; width:100%; padding:0; border-bottom:1px solid #b2b2b2; background:#fff; text-align:left;}
.gnbview .gnb > ul > li > a {background:url(../images/common/bg_gnb_m_off.png) no-repeat 95% 50%; background-size:18px 18px;}
.gnbview .gnb ul li {float:none; border-top:1px solid #b2b2b2;}
.gnbview .gnb ul li:first-child {border-top:0;}
.gnbview .gnb ul li a {padding:14px 20px 13px; color:#222d3b; font-size:15px; line-height:17px;}
.gnbview .gnb ul li .submenu {display:none; position:static; width:auto;}
.gnbview .gnb ul li .submenu > strong {display:none;}
.gnbview .gnb ul li .submenu ul ul {display:none;}
.gnbview .gnb ul li .submenu > ul > li {border-color:#529bcc; background:#edf5fa;}
.gnbview .gnb ul li .submenu > ul > li > a {padding-left:30px; text-decoration:none;}
.gnbview .gnb ul li.on {border-top:0; background:#529bcc; color:#fff;}
.gnbview .gnb > ul > li.on > a {background-image:url(../images/common/bg_gnb_m_on.png); color:#fff;}

.path {padding-bottom:13px; font-size:12px; line-height:14px; border-bottom:1px solid #e0e0e0;}
.path > * {display:inline-block; vertical-align:middle;}
.path > span {color:#454b55;}
.path .home,
.path .mlist {margin-right:15px; padding-right:20px; background:url(../images/common/bg_path.gif) no-repeat 100% 40%;}
.path .home a {padding-left:20px; background:url(../images/icon/icon_home.gif) no-repeat 0 0; color:#858585;}
.path .mlist {position:static; z-index:1; height:13px;}
.path .mlist * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.path .mlist a.selected {display:block; height:13px; padding:0 20px 0 0; background:url(../images/common/bg_path_off.png) no-repeat 100% 5px;}
.path .mlist a.selected:hover,
.path .mlist a.selected:focus,
.path .mlist a.selected:active {color:#858585; text-decoration:none;}
.path .mlist ul {display:none; position:absolute; left:-12px; top:17px; width:auto; padding:5px 0 10px; border:1px solid #bebebe; background:#fff; box-shadow:0 1px 1px 0 #bebebe;}
/*.path .mlist ul li a {display:block; min-width:115px; padding:5px 10px; text-decoration:none; font-size:12px; line-height:13px;}*/
.path .mlist ul li {display:block; min-width:115px; padding:5px 10px; text-decoration:none; font-size:12px; line-height:13px;}
.path .mlist ul li:hover {color:#39579a; font-family:tssB;}
.path .mlist.on {position:relative; z-index:2}
.path .mlist.on a.selected {color:#39579a; background-image:url(../images/common/bg_path_on.png); font-family:tssB;}
.path .mlist.on ul {display:block;}

.statebar {overflow:hidden; margin-top:10px; font-size:0;}
.statebar * {vertical-align:middle;}
.statebar .btnbox {float:left;}
.statebar .btnbox button {margin-left:5px;}
.statebar .btnbox span button {margin-left:5px;}
.statebar .share {float:right; height:19px; color:#7d7b7c; font-size:12px;}
.statebar .share em {display:table-cell; height:19px;}
.statebar .share em img {margin-left:19px;}
.statebar .share em span  {display:inline-block; margin-left:7px; line-height:19px;}

#quick {position:absolute; top:320px; right:0; z-index:2;}
#quick ul li {padding:0 13px; background-color:#e1e7ec;}
#quick ul li a {display:block; width:80px; height:49px; padding-left:25px; border-bottom:1px solid #cbd3db; background-repeat:no-repeat; background-position:0 50%; color:#6b7e8c; text-decoration:none; font-size:11px; font-family:tssB; line-height:50px;}
#quick ul li:hover {margin-left:-10px; background-color:#529bcc;}
#quick ul li:hover a {height:50px; border-bottom:0; color:#fff;}
#quick ul li.qm_01 a {background-image:url(../images/common/bg_quick_off_01.png);}
#quick ul li.qm_01:hover a {background-image:url(../images/common/bg_quick_on_01.png);}
#quick ul li.qm_02 a {background-image:url(../images/common/bg_quick_off_02.png);}
#quick ul li.qm_02:hover a {background-image:url(../images/common/bg_quick_on_02.png);}
#quick ul li.qm_03 a {background-image:url(../images/common/bg_quick_off_03.png);}
#quick ul li.qm_03:hover a {background-image:url(../images/common/bg_quick_on_03.png);}
#quick ul li.qm_04 a {background-image:url(../images/common/bg_quick_off_04.png);}
#quick ul li.qm_04:hover a {background-image:url(../images/common/bg_quick_on_04.png);}
#quick ul li.qm_05 a {background-image:url(../images/common/bg_quick_off_05.png);}
#quick ul li.qm_05:hover a {background-image:url(../images/common/bg_quick_on_05.png);}
#quick ul li.qm_06 a {border-bottom:0; background-image:url(../images/common/bg_quick_off_06.png);}
#quick ul li.qm_06:hover a {background-image:url(../images/common/bg_quick_on_06.png);}

/* etc */
.trplayer {position:fixed; right:0; top:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70);}
.trplayerw {overflow:auto; position:fixed; right:0; top:0; z-index:3; width:100%; height:100%;-webkit-overflow-scrolling:touch;}
.inner_header.trplayerw {width:270px; background:#fff; text-align:right;}
.bgsize {-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);}

.tit {display:block; margin-top:40px; padding-bottom:10px; color:#58a5da; font-size:18px; font-family:tssB; line-height:20px;}
.tit:first-child {margin-top:0;}
.stit {display:block; margin:25px 0 10px; color:#39579a; font-size:16px; line-height:17px;}

.sharebox {display:none; height:18px;}
.sharebox span {vertical-align:top; font-size:0;}
.sharebox span a {display:inline-block; width:15px; margin-left:15px; vertical-align:middle; text-align:center; line-height:0;}

.pagination {clear:both; width:100%; padding:30px 0 0; overflow:hidden; text-align:center}
.pagination * {vertical-align:middle}
.pagination span {display:inline-block; margin:0 30px;}
.pagination span a {display:inline-block; margin:0; padding:0 6px; color:#959595; font-size:12px;}
.pagination span a:hover,
.pagination span a:focus,
.pagination span a:active,
.pagination span a.on {color:#002f6d; text-decoration:none}

.pagination_m {display:none; clear:both; width:100%; padding:30px 0 0; overflow:hidden; text-align:center;}
.pagination_m * {vertical-align:middle}
.pagination_m span {margin:0 15px; color:#959595; font-size:15px;}
.pagination_m span a {color:#002f6d; line-height:25px;}
.pagination_m button {width:25px; height:25px; border:1px solid #c9d3e0; box-sizing:border-box}
.pagination_m button:hover {border-color:#002f6d;}

.prelist {border-width:2px 0; border-style:solid; border-color:#8bbddf; font-size:12px;}
.prelist p {position:relative; padding:16px 0; vertical-align:middle;}
.prelist p a {color:#529bcc;}
.prelist p a:hover {color:#39579a;}
.prelist p .subject a {color:#4d4d4d; font-size:18px;}
.prelist p .subject em {margin-left:7px; color:#58a5da;font-size:16px;}
.prelist p .subject span {position:relative; margin-left:7px; padding-left:8px; color:#999;}
.prelist p .subject span:before {position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#999; content:'';}
.prelist p .link {float:right; padding-right:25px;}
.prelist .prev .link {background:url(../images/common/arr_prev_off.gif) no-repeat 100% 50%;}
.prelist .prev .link:hover {background-image:url(../images/common/arr_prev_on.gif);}
.prelist .next .link {background:url(../images/common/arr_next_off.gif) no-repeat 100% 50%;}
.prelist .next .link:hover {background-image:url(../images/common/arr_next_on.gif);}
.prelist .next {border-top:1px solid #e5e5e5;}

.cxquantity {display:inline-block; position:relative;}
.cxquantity .updown {position:absolute; top:0px; right:5px;}
.cxquantity .up,
.cxquantity .down {display:block; width:11px; height:11px; color:#9e9e9e; text-align:center; font-size:8px;line-height:15px; cursor:pointer;}
.cxquantity .updown .up:hover,
.cxquantity .updown .down:hover {color:#505050;}
.cxquantity .updown .up:before {content:'▲';}
.cxquantity .updown .down:before {content:'▼';}

.toolbox {display:inline-block; position:relative; z-index:1;}
.toolbox > b {color:#62a695; cursor:pointer;}
.toolbox .boxwrap {display:none; position:absolute; top:27px; left:-3px; width:360px; padding:15px; border:3px solid #74c4b0; background:#fafafa; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.toolbox .boxwrap .btn_close_02 {position:absolute; top:5px; right:5px; width:16px; height:15px; background:url(../images/btn/btn_toolclose.png) no-repeat 0 0; text-indent:-99999px;}
.toolbox .boxwrap .subject {display:block; color:#4d4d4d; font-size:14px;}
.toolbox .boxwrap .txt {margin-top:15px; color:#666; font-size:12px;}
.toolbox .boxwrap:after {position:absolute; top:-14px; left:10px; width:14px; height:11px; background:url(../images/contents/arr_toolbox.png) no-repeat 0 0; content:'';}
.toolbox .boxwrap .btn_blue {width:100px;}
.toolbox.on {z-index:2;}
.toolbox.on .boxwrap {display:block;}
.toolbox.right .boxwrap {left:-70px;}
.toolbox.right .boxwrap:after {left:80px;}

/* button */
.btnright {clear:both; width:100%; padding:25px 0 0 0; text-align:right; font-size:0;}
.btnright button {margin:0 0 0 4px}
.btnright button:first-child {margin:0 !important}
.btncenter {clear:both; width:100%; padding:25px 0 0 0; text-align:center; font-size:0;}
.btncenter button {margin:0 0 0 4px}
.btncenter button:first-child {margin:0 !important}
.btnjustify {clear:both; width:100%; padding:25px 0 0 0; text-align:left; font-size:0;n}
.btnjustify button {margin:0 0 0 4px}
.btnjustify button:first-child {margin:0 !important}
.btnjustify span {display:block; float:right}

button span {display:inline-block;}
button.btn_first {width:15px; height:15px; background:url(../images/common/page_first_off.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_first:hover {background:url(../images/common/page_first_on.png) no-repeat 50% 50%;}
button.btn_prev {width:15px; height:15px; margin-left:5px; background:url(../images/common/page_prev_off.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_prev:hover {background:url(../images/common/page_prev_on.png) no-repeat 50% 50%;}
button.btn_next {width:15px; height:15px; margin-right:5px; background:url(../images/common/page_next_off.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_next:hover {background:url(../images/common/page_next_on.png) no-repeat 50% 50%;}
button.btn_end {width:15px; height:15px; background:url(../images/common/page_end_off.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_end:hover {background:url(../images/common/page_end_on.png) no-repeat 50% 50%;}

button.btn_prev_02 {width:15px; height:15px; margin-left:5px; background:url(../images/common/page_prev_off_02.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_prev_02:hover {background:url(../images/common/page_prev_on_02.png) no-repeat 50% 50%;}
button.btn_next_02 {width:15px; height:15px; margin-right:5px; background:url(../images/common/page_next_off_02.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_next_02:hover {background:url(../images/common/page_next_on_02.png) no-repeat 50% 50%;}

button.btn_prev_03 {width:24px; height:36px; background:url(../images/btn/btn_prev_off.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_prev_03:hover {background:url(../images/btn/btn_prev_on.png) no-repeat 50% 50%;}
button.btn_next_03 {width:24px; height:36px; background:url(../images/btn/btn_next_off.png) no-repeat 50% 50%; text-indent:-99999px;}
button.btn_next_03:hover {background:url(../images/btn/btn_next_on.png) no-repeat 50% 50%;}

button.btn_prev_04 {position:absolute; top:250px; left:0; width:40px; height:40px; background:url(../images/btn/btn_video_left.png) no-repeat 0 0; text-indent:-99999px;}
button.btn_prev_04:hover {background-image:url(../images/btn/btn_video_lefton.png)}
button.btn_next_04 {position:absolute; top:250px; right:0; width:40px; height:40px; background:url(../images/btn/btn_video_right.png) no-repeat 0 0; text-indent:-99999px;}
button.btn_next_04:hover {background-image:url(../images/btn/btn_video_righton.png)}

button.btn_han {width:13px; height:15px; background:url(../images/btn/btn_han.png) no-repeat 0 50%; text-indent:-99999px;display:none;}
button.btn_plus {width:15px; height:15px; background:url(../images/btn/btn_plus.png) no-repeat 0 50%; text-indent:-99999px;display:none;}
button.btn_minus {width:15px; height:15px; background:url(../images/btn/btn_minus.png) no-repeat 0 50%; text-indent:-99999px;display:none;}
button.btn_print {width:auto; height:19px; padding-left:20px; background:url(../images/btn/btn_print.png) no-repeat 0 50%; color:#666; font-size:12px; letter-spacing:-0.5px;}
button.btn_copy {width:auto; height:19px; padding-left:20px; background:url(../images/btn/btn_copy.png) no-repeat 0 50%; color:#666; font-size:12px; letter-spacing:-0.5px;}
button.btn_blue {width:80px; height:38px; background:#529bcc; color:#fff; font-size:15px !important;}
button.btn_blue_02 {width:130px; height:38px; background:#529bcc; color:#fff; font-size:15px;}
button.btn_blue_03 {width:250px; height:38px; background:#529bcc; color:#fff; font-size:15px;}
button.btn_blue_04 {width:100px; height:25px; background:#529bcc; color:#fff; font-size:12px;}
button.btn_gray {width:130px; height:38px; background:#7f7f7f; color:#fff; font-size:15px;}
button.btn_gray_02 {width:80px; height:25px; background:#7f7f7f; color:#fff; font-size:12px;}
button.list span {padding-left:25px; background:url(../images/btn/btn_list.gif) no-repeat 0 50%;}
button.btn_play {width:70px; height:70px; background:url(../images/btn/btn_play.png) no-repeat 0 50%; text-indent:-99999px;}

/* table */
table .thwidth {width:130px;}
table .thwidth_02 {width:150px;}

table.boardview {border-bottom:1px solid #ccc; font-size:12px;}
table.boardview th,
table.boardview td {padding:10px 20px; border-top:1px solid #e5e5e5;}
table.boardview tr:first-child th,
table.boardview tr:first-child td {border-top:1px solid #b2b2b2;}
table.boardview th {background:#f9f9f9; color:#4d4d4d; text-align:left;}
table.boardview td {background:#fff; color:#666;}
table.boardview.st02 th {color:#39579a; font-family:tssB;}

table.boardview_02 {border-width:1px 0; border-style:solid; border-color:#ccc; text-align:center; font-size:12px;}
table.boardview_02 th,
table.boardview_02 td {padding:10px 0; }
table.boardview_02 th {background:#f9f9f9; color:#39579a;}
table.boardview_02 td {border-top:1px solid #e5e5e5; vertical-align:top;}
table.boardview_02 .nob td {border-top:0;}

table.boardwrite {border-width:2px 0 1px; border-style:solid; border-color:#8bbddf transparent #ccc; font-size:12px;}
table.boardwrite * {vertical-align:middle;}
table.boardwrite th,
table.boardwrite td {padding:7px 15px; border-top:1px solid #e5e5e5;}
table.boardwrite tr:first-child th,
table.boardwrite tr:first-child td {border-top:0;}
table.boardwrite th {background:#f9f9f9; color:#4d4d4d; text-align:left;}
table.boardwrite td {background:#fff; color:#666; font-size:0;}
table.boardwrite td textarea {width:100%; height:120px;}
table.boardwrite td input.txt {width:200px;}
table.boardwrite td .desc {display:inline-block; margin-left:10px; font-size:12px;}
table.boardwrite td .bar {display:inline-block; width:15px; text-align:center; font-size:12px; line-height:25px;}
table.boardwrite td.date div {display:inline-block;}
table.boardwrite td.date div em {padding:0 10px 0 2px; font-size:13px;}
table.boardwrite td.date div input.txt {width:80px;}
table.boardwrite td.people {font-size:13px;}
table.boardwrite td.people input.txt {width:95px; margin:0 5px 0 10px;}
table.boardwrite td.phone select {width:100px;}
table.boardwrite td.phone input.txt {width:100px;}
table.boardwrite td.address input.txt {width:500px;}
table.boardwrite td.address .zipcode {display:inline-block; position:relative; margin-right:10px; padding-right:85px;}
table.boardwrite td.address .zipcode input.txt {width:100px;}
table.boardwrite td.address .zipcode .btn_gray {position:absolute; top:0; right:0; width:80px; height:25px; font-size:13px;}
table.boardwrite td.address_02 {padding-top:0; border-top:0;}
table.boardwrite td .rdset {padding:5px 0;}
table.boardwrite td .rdset label {display:inline-block; margin-left:30px; font-size:13px;}
table.boardwrite td .rdset label:first-child {margin-left:0;}
table.boardwrite td .juminset {display:inline-block;}
table.boardwrite td .juminset input.txt {width:185px;}
table.boardwrite td .juminset .bar {width:30px;}
table.boardwrite td input.st02 {width:400px;}
table.boardwrite td input.st03 {width:330px;}
table.boardwrite td .inpbox input.txt {margin-right:5px;}
table.boardwrite.w100 input.txt {width:100%;}
table.boardwrite.w50 input.txt {width:50%;}

table.calendarlist {border-bottom:1px solid #e5e5e5;}
table.calendarlist thead {background:#99caff;}
table.calendarlist thead th {padding:10px 0;}
table.calendarlist td {border-top:1px solid #f7f7f7; vertical-align:top; font-size:12px; line-height:15px;}
table.calendarlist td div {position:relative; overflow:hidden;height:100px; padding:8px 8px 8px 33px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
table.calendarlist td em {display:block; position:absolute; top:2px; left:2px; width:25px; height:25px; text-align:center; line-height:27px;}
table.calendarlist td .cal_time {display:block;padding-top: 5px;font-weight: bold;color: #58a5da}
table.calendarlist td.sun {border-left:1px solid #e5e5e5;}
table.calendarlist td.holiday em,
table.calendarlist td.sun em {color:#e95c6d;}
table.calendarlist td.sat {border-right:1px solid #e5e5e5;}
table.calendarlist td.sat em {color:#448ccb;}
table.calendarlist td.today em {background:url(../images/contents/bg_cal_today.png) no-repeat; color:#fff;}
table.calendarlist td.dim div {opacity:0.5; filter:alpha(opacity=50);}

/*사료목록 사진구성*/
.select_st1 {height:25px; padding-left:10px; border:#d9d9d9 1px solid; font-size:12px; color:#666; line-height:23px;}
.input_st1 {height:23px; padding-left:10px; border:#d9d9d9 1px solid; font-size:12px; color:#666; line-height:23px;}

/* modal */
body.modal {overflow:hidden}
.modalpop {overflow:hidden; position:absolute; left:50%; top:50%; z-index:101; border:1px solid #cbcbcb; background:#fff;}
.modalwrap {width:700px; min-width:320px; padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.modalpop .btn_modalclose {position:absolute; top:0; right:0; width:30px; height:30px; background:url(../images/btn/btn_modalclose.png) no-repeat 50% 50%; text-indent:-99999px;}
.modalwrap.news {width:520px;}
body.a-width .modalpop {left:0 !important; margin-left:0 !important;}
body.a-width .modalwrap {width:100%; padding:10px;}
body.a-height .modalpop {top:0 !important; margin-top:0 !important;}