@charset "utf-8";

html {overflow-y:scroll; height:100%;}

/* btn */
.btn {
	display:inline-block;
	line-height:normal;
	box-sizing:border-box;
}
.btn01 {
	padding:0 30px;
	box-sizing:border-box;
	height:46px;
	line-height:46px;
	color:#fff;
	font-family:'Dotum';
	font-weight:bold;
	text-align:center;
	border:1px solid #009bdb;
	background:#009bdb;
}

/* text */
.text01 {padding:0 0 0 15px; line-height:normal; color:#2a2a2b; font-size:13px; font-weight:bold; background:url('../images/common/bg_text01.png') no-repeat 0 2px;}
.textCont {color:#666; line-height:20px;}

/* etc */
.mainMenuLeft {float:left; width:196px; font-size:0;}
.mainMenuRight {float:right; width:783px; font-size:0;}
.mainMenuBottom {font-size:0;}
.mainList {padding:22px 20px; width:392px; box-sizing:border-box; border-right:1px solid #d9d9d9;}
.mainList li {position:relative; padding:3px 0;}
.mainList li .text {padding:0 0 0 10px; background:url('../images/common/dot_main.png') no-repeat 0 7px;}
.mainList li .text a {color:#767676; font-size:13px;}
.mainList li .text a:hover {text-decoration:underline;}
.mainList li .date {position:absolute; top:3px; right:0; color:#8a8a8a;}
.mainVisual {position:relative;}
.mainVisual .btnView {position:absolute; left:50%; bottom:30px; margin-left:-75px;}
.mainVisual .rollBtn {position:absolute; right:0; bottom:40px;}
.micon {height:219px; text-align:center; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.micon a {display:inline-block; margin:15px 0 0 0; padding:55px 0 0 0; width:90px; text-align:center; color:#696969; font-weight:bold;}
.micon a.st1 {background:url('../images/common/micon_01.png') no-repeat center 2px;}
.micon a.st1:hover {background:url('../images/common/micon_01on.png') no-repeat center 2px;}
.micon a.st2 {background:url('../images/common/micon_02.png') no-repeat center 2px;}
.micon a.st2:hover {background:url('../images/common/micon_02on.png') no-repeat center 2px;}
.micon a.st3 {background:url('../images/common/micon_03.png') no-repeat center 2px;}
.micon a.st3:hover {background:url('../images/common/micon_03on.png') no-repeat center 2px;}
.micon a.st4 {background:url('../images/common/micon_04.png') no-repeat center 2px;}
.micon a.st4:hover {background:url('../images/common/micon_04on.png') no-repeat center 2px;}
.iconMenu {display:inline-block; padding:25px 0 0 0; width:391px; box-sizing:border-box; height:219px; text-align:center; border-right:1px solid #d9d9d9;}
.iconMenu a {display:inline-block; margin:0px 0 0 0; padding:120px 0 0 0; width:120px; line-height:25px; text-align:center; color:#696969; font-weight:bold;}
.iconMenu a.st01 {background:url('../images/common/i_01.png') no-repeat center 2px;}
.iconMenu a.st01:hover {background:url('../images/common/i_01on.png') no-repeat center 2px;}
.iconMenu a.st02 {background:url('../images/common/i_02.png') no-repeat center 2px;}
.iconMenu a.st02:hover {background:url('../images/common/i_02on.png') no-repeat center 2px;}
.iconMenu a.st03 {background:url('../images/common/i_03.png') no-repeat center 2px;}
.iconMenu a.st03:hover {background:url('../images/common/i_03on.png') no-repeat center 2px;}
.bx-wrapper {position:relative;  padding:12px 0px 12px 0px;}
.bx-prev {position:absolute; top:17px; left:-20px; display:inline-block; width:18px; height:18px; text-indent:-9999px; background:url('../images/common/btn_prev.png') no-repeat 0 0;}
.bx-next {position:absolute; top:17px; right:-20px; display:inline-block; width:18px; height:18px; text-indent:-9999px; background:url('../images/common/btn_next.png') no-repeat 0 0;}
.mainS {display:inline-block; padding:52px 0 0 25px; box-sizing:border-box; width:391px; height:197px; font-size:0; background:url('../images/common/bg_s.png') no-repeat 0 0;}
.mainS > div {display:inline-block; width:180px;}
.mainS > div > a {display:inline-block; margin:8px 0 0 0; width:100%;}
/* °Ô½ÃÆÇ ¹öÆ° ·Ñ¿À¹ö ½ÃÀÛ */
.mainMenuBtn {display:inline-block; font-size:0;}
.mainMenuBtn li {display:inline-block;}
.mainMenuBtn li a {display:inline-block; box-sizing:border-box; padding:0 10px; height:29px; line-height:27px; border:1px solid #bebebe; border-left:none; color:#434343; background:#fff;}
.mainMenuBtn li:first-child a {border-left:1px solid #bebebe;}
.mainMenuBtn li.on a,
.mainMenuBtn li a:hover {color:#fff; background:#696969;}
/* °Ô½ÃÆÇ ¹öÆ° ·Ñ¿À¹ö ³¡ */