@charset "utf-8";

/*   =======================  index  ===========================  */
.wrap {position:relative;min-width:1030px;min-height:660px;width:100%;height:100%;text-align:center;display:block;background:url(/wcms/images/main/bg.jpg) no-repeat 0 0;background-size: 100%;}
.mContentArea {position:absolute;top:60%;left:80%;max-width:1030px;max-height:660px;margin:-330px 0 0 -515px;display:block;}
.mContentArea h1 {font-family: 'Nanum Square',sans-serif;font-size: 24px;font-weight: 900;color: #f7842d;letter-spacing: 12px;text-align: left;/*text-indent:-9999px;background:url(/wcms/images/main/wcms_logo.png) no-repeat 0 0;*/}
.loginArea	{display:block;padding: 40px 0 0 0;}
.loginArea fieldset	{position:relative;width:765px;padding:290px 0 0;display:block;background:url(/wcms/images/main/logLegend.png) no-repeat 0 0;}
.loginArea ul{margin:0 0 15px;display:table;}
.loginArea ul li{display: inline-block;border-bottom: 1px solid #8a8f96;width: 300px;height: 50px;margin-right: 10px;}
.loginArea ul li label{font-size: 14px;color: #fff;position:relative;padding:0 0 0 85px;display:block;}
.loginArea ul li label span{position:absolute;top:0;left:0;line-height:50px;font-size:14px;color:#666;letter-spacing:-0.05em;font-family:'NanumGothic',sans-serif;}
.loginArea ul li label input{position: absolute;top: 0;left: 0;width:100%;height:50px;line-height: 50px;padding:0 20px 0 30px;box-sizing:border-box;border: 0;background: none;}
.loginArea ul li label input:-webkit-autofill,
.loginArea ul li label input:-webkit-autofill:hover,
.loginArea ul li label input:-webkit-autofill:focus,
.loginArea ul li label input:-webkit-autofill:active {
transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
.loginArea .saveId {text-align: left;}
.loginArea .saveId label span{font-size: 14px;color: #fff;font-family:'NanumGothic',sans-serif;}
.loginArea .loginBtn{position:absolute;top:290px;right:0;width:140px;height:50px; line-height: 50px;display:block;;background:#000;border-radius: 25px;font-size: 14px;color: #fff;}
.mFoot{position:absolute;top:-999999px;overflow:hidden}

/*   =======================  header  ===========================  */
#header {width:100%;position:fixed;top:0;left:0;height:40px;background:#000000;*zoom:1}
#header:after {display:block;clear:both;content:""}
#header h1 {float:left;margin:12px 0 0 15px}
#header h1 img {vertical-align:top;}
#header .util {float:right;padding:8px 0 0;margin-right:10px;}
#header .util ul {float:left;margin-right:20px;}
#header .util li {float:left;color:#fff;font-size:13px}
#header .util .util1 {margin-right:20px;padding:2px 0 0 20px;background:url(/wcms/images/btn/ico_util1.png) no-repeat 0 6px}
#header .util .util2 {margin-left:10px;padding-left:18px;background:url(/wcms/images/btn/ico_util2.png) no-repeat 0 6px}
#header .util > a {float:left;margin:2px 5px 0;padding-left:17px;font-weight:600;color:#fff;font-size:13px;background:url(/wcms/images/btn/ico_util_login.png) no-repeat 0 5px;*margin-top:-3px;*line-height:44px;*background-position:0px 5px}

/*   =======================  leftArea  ===========================  */
div.leftArea	{position:fixed;width:100%;left:0;top:0;margin:40px 0 0;padding:0;}
div.leftArea div.openFrame	{width:14px;height:40px;position:absolute;right:-14px;top:0;cursor:pointer;text-indent:-9999px;}
div.leftArea div.closeFrame	{width:14px;height:40px;position:absolute;right:-14px;top:0;cursor:pointer;text-indent:-9999px;}
div.leftArea div.leftContents	{display:block;margin:0;text-align:center;*zoom:1}
div.leftArea div.leftContents:after{content:"";display:block;clear:both;}

div.leftArea div.leftContents ul.treeview	{/* float:left; */text-align: center;position:relative;margin:0;width:100%;background:#333;display:block;/* padding-left:40px; */}
div.leftArea div.leftContents ul.treeview>li{/* float:left; */margin:0;padding:8px 0;width:140px;border:0px solid #fff;color:#fff;font-size:13px;display:inline-block;}
div.leftArea div.leftContents ul.treeview>li:hover {background: #fff;color: #000;text-decoration: underline;}
div.leftArea div.leftContents ul.treeview li ul{display: none;position:absolute;top:30px;left:0;right:0;margin-top:5px;padding:0 30px 5px;background:#f7f7f7;font-weight:normal;text-align:center}
div.leftArea div.leftContents ul.treeview li ul li{display:inline-block;position:relative;margin:3px 0;padding:0 14px;color:#666;font-size:12px;}
div.leftArea div.leftContents ul.treeview li ul li:after{content:"";display:block;position:absolute;top:6px;right:0;height:10px;width:1px;background:#666;}
div.leftArea div.leftContents ul.treeview li ul li:last-child:after{display: none;}

div.leftArea div.leftContents ul.treeview	>li.on{background:#fff;color:#333;font-weight:bold;text-decoration:underline;}
div.leftArea div.leftContents ul.treeview	>li.on ul {display: block;}
div.leftArea div.leftContents ul.treeview	>li.on ul li.on a{color:#000;text-decoration:underline;}
div.leftArea div.leftContents .filetree span.folder,div.leftArea div.leftContents .filetree span.file {background: none;}
div.leftArea div.leftContents .filetree span.folder,div.leftArea div.leftContents .filetree span.file {padding: 0 10px;}
div.leftArea div.leftContents .treeview ul {margin: 0;}

/* #left_menu_100{padding-left:20px;}
#left_menu_200{padding-left:160px;}
#left_menu_300{padding-left:300px;}
#left_menu_400{padding-left:440px;}
#left_menu_500{padding-left:580px;}
#left_menu_600{padding-left:720px;}
#left_menu_700{padding-left:720px;}
#left_menu_800{padding-left:860px;}
#left_menu_900{padding-left:1000px;}
#left_menu_1000{padding-left:1140px;}
#left_menu_2000{padding-left:250px;}
#left_menu_2100{padding-left:490px;}
#left_menu_2200{padding-left:580px;}
#left_menu_2300{padding-left:620px;}
#left_menu_2400{padding-left:1100px;}
#left_menu_2500{padding-left:890px;}
#left_menu_4000{padding-left:900px;}
#left_menu_4100{padding-left:980px;} */

div.leftArea h1	{height:128px;text-align:center;border-bottom:1px dotted #9c9c9c;}
div.leftArea h1 a	{line-height:128px;display:block;}
div.leftArea h1 a img	{line-height:128px;}

/*   =======================  leftArea type1  ===========================  */
div.leftArea.type1 {min-width: 1230px;}
div.leftArea.type1 div.openFrame {width:14px;height:40px;position:absolute;right:-14px;top:0;cursor:pointer;text-indent:-9999px;}
div.leftArea.type1 div.closeFrame {width:14px;height:40px;position:absolute;right:-14px;top:0;cursor:pointer;text-indent:-9999px;}
div.leftArea.type1 div.leftContents	{display:block;margin:0;text-align:center;*zoom:1}
div.leftArea.type1 div.leftContents:after {content:"";display:block;clear:both;}

div.leftArea.type1 div.leftContents ul.treeview	{display:block;position:relative;text-align: left;width:100%;background:#f8f8f8;margin:0;border-bottom: 1px solid #ccc;}
div.leftArea.type1 div.leftContents ul.treeview>li {display:inline-block;font-size:12px;font-weight: normal;letter-spacing: -0.05em;color:#666;text-align: center;width:100px;border-right: 1px solid #ccc;padding: 0;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover>span {color: #fff;text-decoration: none;}

div.leftArea.type1 div.leftContents ul.treeview>li>a {display: block;padding: 42px 0 5px;box-sizing: border-box;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(1)>a {background: url(/wcms/images/btn/type1_gnb01_system.png) no-repeat center 8px;background-size: 30px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(2)>a {background: url(/wcms/images/btn/type1_gnb02_company.png) no-repeat center 9px;background-size: 25px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(3)>a {background: url(/wcms/images/btn/type1_gnb03_copartner.png) no-repeat center 13px;background-size: 38px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(4)>a {background: url(/wcms/images/btn/type1_gnb04_consulting.png) no-repeat center 8px;background-size: 33px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(5)>a {background: url(/wcms/images/btn/type1_gnb05_order.png) no-repeat center 12px;background-size: 50px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(6)>a {background: url(/wcms/images/btn/type1_gnb06_control.png) no-repeat center 13px;background-size: 51px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(7)>a {background: url(/wcms/images/btn/type1_gnb07_result.png) no-repeat center 8px;background-size: 26px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(8)>a {background: url(/wcms/images/btn/type1_gnb08_eco.png) no-repeat center 8px;background-size: 28px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(9)>a {background: url(/wcms/images/btn/type1_gnb13_event.png) no-repeat center 12px;background-size: 23px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(10)>a {background: url(/wcms/images/btn/type1_gnb09_member.png) no-repeat center 11px;background-size: 23px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(11)>a {background: url(/wcms/images/btn/type1_gnb10_site.png) no-repeat center 8px;background-size: 33px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(12)>a {background: url(/wcms/images/btn/type1_gnb11_sms.png) no-repeat center 7px;background-size: 31px;}
div.leftArea.type1 div.leftContents ul.treeview>li:nth-child(13)>a {background: url(/wcms/images/btn/type1_gnb12_push.png) no-repeat center 7px;background-size: 25px;}

div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(1)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(1)>a {background: url(/wcms/images/btn/type1_gnb01_system_on.png) no-repeat center 8px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(2)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(2)>a {background: url(/wcms/images/btn/type1_gnb02_company_on.png) no-repeat center 9px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(3)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(3)>a {background: url(/wcms/images/btn/type1_gnb03_copartner_on.png) no-repeat center 13px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(4)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(4)>a {background: url(/wcms/images/btn/type1_gnb04_consulting_on.png) no-repeat center 8px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(5)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(5)>a {background: url(/wcms/images/btn/type1_gnb05_order_on.png) no-repeat center 12px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(6)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(6)>a {background: url(/wcms/images/btn/type1_gnb06_control_on.png) no-repeat center 13px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(7)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(7)>a {background: url(/wcms/images/btn/type1_gnb07_result_on.png) no-repeat center 8px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(8)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(8)>a {background: url(/wcms/images/btn/type1_gnb08_eco_on.png) no-repeat center 8px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(9)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(9)>a {background: url(/wcms/images/btn/type1_gnb13_event_on.png) no-repeat center 13px #c22126;background-size: 23px;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(10)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(10)>a {background: url(/wcms/images/btn/type1_gnb09_member_on.png) no-repeat center 12px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(11)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(11)>a {background: url(/wcms/images/btn/type1_gnb10_site_on.png) no-repeat center 8px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(12)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(12)>a {background: url(/wcms/images/btn/type1_gnb11_sms_on.png) no-repeat center 8px #c22126;}
div.leftArea.type1 div.leftContents ul.treeview>li:hover:nth-child(13)>a,
div.leftArea.type1 div.leftContents ul.treeview>li.on:nth-child(13)>a {background: url(/wcms/images/btn/type1_gnb12_push_on.png) no-repeat center 7px #c22126;}


div.leftArea.type1 div.leftContents ul.treeview li ul{top:75px;left:0;right:0;font-weight:normal;text-align: left;color: #999;letter-spacing: -0.05em;margin-top:0;padding:0 10px;background:#fff;border-bottom: 1px solid #ccc;overflow: hidden;}
div.leftArea.type1 div.leftContents ul.treeview li ul li{float: left;position:relative;margin: 0;padding:0;font-size:12px;background:#eee;border-top: 1px solid #ccc;border-right: 1px solid #ccc;height: 23px;line-height: 23px;}
div.leftArea.type1 div.leftContents ul.treeview li ul li a {display: block;padding: 0 10px;box-sizing: border-box;}
div.leftArea.type1 div.leftContents ul.treeview li ul li.on {}
div.leftArea.type1 div.leftContents ul.treeview li ul li:first-child {border-left: 1px solid #ccc;}
div.leftArea.type1 div.leftContents ul.treeview li ul li:after{display: none;}
div.leftArea.type1 div.leftContents ul.treeview li ul li a {color:#666;}
div.leftArea.type1 div.leftContents ul.treeview li ul li:hover,
div.leftArea.type1 div.leftContents ul.treeview li ul li.on {background:#333;}
div.leftArea.type1 div.leftContents ul.treeview li ul li:hover a,
div.leftArea.type1 div.leftContents ul.treeview li ul li.on a {text-decoration: none;color: #fff;}
div.leftArea.type1 div.leftContents ul.treeview a.selected {background: none;}
div.leftArea.type1 div.leftContents ul.treeview	>li:hover > a,
div.leftArea.type1 div.leftContents ul.treeview	>li.on > a{color:#fff;text-decoration: none;}
div.leftArea.type1 div.leftContents ul.treeview	>li.on ul li.on a{text-decoration: none;}
div.leftArea.type1 div.leftContents ul.treeview	>li.on ul li.on:hover a{color:#fff;}
div.leftArea.type1 div.leftContents .filetree span.folder,div.leftArea div.leftContents .filetree span.file {padding: 0;}

/*   =======================  rightArea  ===========================  */
div.rightArea	{position:fixed;width:100px;height:100%;right:0;top:0;margin:0 0 0 -140px;padding:0 0 0 10px;background:#dd5e1f;}
div.openQuick	{width:12px;height:40px;text-align:left;position:absolute;left:0;top:0;margin:30px 0 0 -22px;background:url(/wcms/images/btn/openTop.png) no-repeat right 0;text-indent:-9999px;cursor:pointer;}
div.closeQuick	{width:12px;height:40px;text-align:left;position:absolute;left:0;top:0;margin:30px 0 0 -22px;background:url(/wcms/images/btn/closeTop.png) no-repeat right 0;text-indent:-9999px;cursor:pointer;}
div.rightTop	{position:absolute;left:0;top:0;width:100%;height:30px;text-align:center;border-bottom:2px solid #dd5e1f;overflow:hidden;display:block;}
div.rightTop a	{width:100%;height:0;line-height:0px;color:#fff;font-weight:600;display:block;background:#454545;}
div.rightTop a.closeTop	{width:100px;height:30px;line-height:30px;overflow:hidden;display:block;text-align:left;padding:0 0 0 45px;background:#454545;}
div.rightTop a.openTop	{width:100px;height:30px;line-height:30px;display:block;text-align:left;padding:0 0 0 45px;background:#dd5e1f;}
div.rightContents	{position:relative;width:100%;height:100%;padding:32px 0 0 0;color:#fff;display:block;}
div.rightContents div.logo	{width:100px;text-align:left;margin:20px 0 0;padding:0 0 0 0px;line-height:20px;}
div.rightContents div.logo h2	{padding:0 0 0 30px;font-size:12px;color:#333333;line-height:22px;font-weight:400;background:url(/wcms/images/default/quick_my.gif) no-repeat left 4px;color:#fff;}
div.rightContents div.name	{width:100px;text-align:left;margin:10px 0;padding:0 0 0 0px;line-height:20px;color:#fff;}
div.rightContents div.logoutBtn	{width:100px;text-align:left;margin:20px 0;padding:0 0 0 0px;}
div.rightContents div.logoutBtn input	{color:#dd5e1f;font-weight:600;width:83px;height:24px;border:1px solid #dd5e1f;background:#fff;}
div.rightContents div.logoutBtn a	{width:83px;text-align:center;line-height:30px;display:inline-block;border:1px solid #dd5e1f;background:#fff;color:#dd5e1f;font-weight:600;}
div.rightContents div.logoutBtnSmall	{display:none;width:40px;text-align:left;margin:20px 0;padding:0 0 0 0px;}
div.rightContents div.logoutBtnSmall input	{color:#dd5e1f;font-weight:600;font-size:8px;width:24px;height:24px;border:1px solid #dd5e1f;background:#fff;}
div.rightContents div.logoutBtnSmall a	{width:24px;font-size:8px;text-align:center;line-height:24px;display:inline-block;border:1px solid #dd5e1f;background:#fff;color:#dd5e1f;font-weight:600;}
div.rightContents div.shortcuts	{width:100px;text-align:left;margin:20px 0;color:#333333;}
div.rightContents div.shortcuts h2	{padding:0 0 0 30px;margin:0 0 10px;font-size:12px;font-weight:400;line-height:22px;background:url(/wcms/images/default/quick_shortCuts.gif) no-repeat left 3px;color:#fff;}
div.rightContents div.shortcuts ul	{width:100px;display:block;}
div.rightContents div.shortcuts ul li	{width:83px;text-align:center;height:30px;display:block;margin:0 0 10px;}
div.rightContents div.shortcuts ul li a		{width:83px;text-align:center;line-height:30px;display:inline-block;border:1px solid #dd5e1f;background:#fff;color:#f57135;font-weight:600;}

div.rightFoot	{position:absolute;left:0;bottom:0;width:100%;height:70px;text-align:center;border-top:1px solid #dd5e1f;}
div.rightFoot a	{line-height:30px;color:#fff;font-weight:600;background:#dd5e1f;display:block;}

/*   =======================  contents  ===========================  */
/* layout */
div.contents	{position:relative;padding: 0 0 20px;margin: 170px 20px 0;*overflow-x:hidden;*overflow-y:auto;display:block;min-width: 1200px;}
div.contentsPop	{position:relative;width:97%;min-width: 500px;margin:0 auto;padding-top: 20px;overflow:hidden;display:block;}
div.nodata		{min-height:200px;line-height:200px;text-align:center;display:block;}

div.contents p	{color:#555;margin:0 0 10px;}
.pageInfo{position:relative;color:#555;margin:0 0 10px;}
.pageInfo .txt{position:absolute;top:0;right:0;}

/* topArea */
div.topArea{position:relative;text-align:left;display:block;}
div.topArea h2{color:#ec661b;line-height:20px;font-size:20px;font-weight:bold;margin:0 0 20px;display:inline-block}
div.topArea h3{color:#333;line-height:25px;font-size:15px;font-weight:bold;margin:0 0 20px 20px;padding:0 0 0 20px;border-left:1px solid #d5d5d5;display:inline-block;}
div.topArea .rtBtnArea{bottom:20px;}

div.topAreaPop{position:relative;text-align:left;display:block;}
div.topAreaPop h2{color:#ec661b;line-height:24px;font-size:20px;font-weight:bold;padding:10px 0 10px;border-bottom:1px dotted #d5d5d5;display:block;}
div.topAreaPop h3{color:#ec661b;line-height:16px;font-size:16px;font-weight:bold;padding:0;margin:10px 0 10px;display:block;}

/* titArea */
.titArea	{position: relative;width:100%;height:30px;text-align:left;margin:10px 0 10px;overflow:hidden;display:block;}
.titArea h4	{height:20px;font-size:14px;font-weight:bold;margin:10px 0 0;overflow:hidden;display:inline-block;}
.titArea h4 span.point	{font-weight:normal;}
.titArea .btn	{overflow:hidden;display:inline-block;}
.titArea img	{vertical-align:middle;}
.sTitle 		{font-size:16px;font-weight:bold;margin:15px 0 0;color:#fe8503;overflow:hidden;display:inline-block;}

/* titArea */
.stitArea	{position: relative;width:100%;height:30px;text-align:left;margin:15px 0 -5px;overflow:hidden;display:block;}
.stitArea h4	{height:20px;font-size:14px;font-weight:bold;margin:10px 0 0;overflow:hidden;display:inline-block;}
.stitArea h4 span.point	{font-weight:normal;}
.stitArea .btn	{overflow:hidden;display:inline-block;}
.stitArea img	{vertical-align:middle;}

/* tabArea */
div.tabArea {position:relative;margin:5px 0 5px;width:100%;text-align:left;overflow:hidden;display:block;}
div.tabArea p {float:left;position:relative;width:50%;}
div.tabArea .buttonTB {font-size:11px;line-height:22px;*line-height:22px;width:100%;height:35px;padding:0 2px;color:#fff;background:#656565;text-align:center;display:inline-block;}
div.tabArea .buttonTB_on {font-size:11px;line-height:22px;*line-height:22px;width:100%;height:35px;padding:0 2px;color:#fff;background:#207245;text-align:center;display:inline-block;}

/* main */
div.mainLeftArea	{float:left;}
div.mainRightArea	{float:right;}
div.mainLeftArea h3,div.mainRightArea h3	{color:#724a3e;line-height:16px;font-size:12px;font-weight:600;padding:0 0 0 8px;margin:10px 0 10px;background:url(/wcms/images/default/h3_mark.png) no-repeat 0 8px;}

.mBoardLlist	{ float:left;position:relative;width:90%;margin:0 10px 0 10px;padding:0; overflow:hidden;display:block;}
.mBoardLlist p.title	{ float:left;position:relative;width:50%;margin:0;padding:0;border-bottom:1px solid #724a3e;overflow:hidden;display:block;}
.mBoardLlist p.date	{ float:left;position:relative;width:50%;margin:0;padding:0;border-bottom:1px solid #724a3e;overflow:hidden;display:block;}

.pageInfo_l	{float:left;position:relative;margin:5px 0;padding:0;display:block;}
.pageInfo_r	{float:right;position:relative;margin:5px 0;padding:0;display:block;}

/* smsArea */
.smsArea	{ position:relative;width:230px;margin:0 0 5px;overflow:hidden;display:block;}
.smsArea p	{ border-bottom:1px dotted #999;padding:5px 0 8px;margin:0 0 15px;}
.smsArea textarea	{ float:left;}
.smsArea span.byte	{ position:absolute;bottom:0;right:0;display:inline-block;}

.masonry_area{width:100%;position:relative;padding:0 0 20px;display:block;}
.masonry_list{position:relative;margin:0 0 30px;width:100%;}
.masonry_list .container{margin:0 -5px;display:block;}
.masonry_list .object{float:left;position:relative;width:20%;padding:0 5px 10px;box-sizing:border-box;}
.masonry_list .object a{display:block;position:relative;border:1px solid #ccc;}
.masonry_list .object .type_icon{position:absolute;top:5px;right:5px;width:30px;height:30px;text-indent:-99999px;display:block;}
.masonry_list .object .type_icon.type_txt{background:#999 url(/images/review/mb_list_type_txt.png) no-repeat 50% 50%;background-size:12px;}
.masonry_list .object .type_icon.type_photo{background:#999 url(/images/review/mb_list_type_photo.png) no-repeat 50% 50%;background-size:15px;}
.masonry_list .object .main_img{display:block;background:#fff;border-bottom:1px solid #ccc;}
.masonry_list .object .main_img img{width:100%;height:auto;}
.masonry_list .object .srmy{position:relative;text-align:left;padding:10px;}
.masonry_list .object .srmy .mb_write_icon{position:absolute;top:10px;right:10px;width:20px;height:20px;text-indent:-9999px;display:block;background:url(/images/review/mb_mobile_icon.png) no-repeat 50% 50%;background-size:11px;}
.masonry_list .object .srmy hgroup{color:#333;font-size:14px;line-height:18px;margin:0 0 10px;}
.masonry_list .object .srmy.write_mb hgroup{margin-right:20px;}
.masonry_list .object .srmy .con{color:#333;font-size:12px;line-height:16px;max-height:32px;overflow:hidden;}
.masonry_list .object .srmy .user{position:relative;margin:15px 0 0;padding:10px 75px 0 0;border-top:1px solid #ccc;}
.masonry_list .object .srmy .user .id{color:#333;font-size:12px;line-height:16px;}
.masonry_list .object .srmy .user .star_rating{position:absolute;top:10px;right:0;}
.masonry_list .object.nodata{width:100% !important;padding:0 !important;}
.masonry_area .btn_area {display:block;width:100%;}
.masonry_area .btn_area button {width:100%;height:25px;background:#000;color:#fff;}

#sns_list .masonry_list .object {}
#sns_list .masonry_list .object a {border:none;}
#sns_list .masonry_list .object .main_img {border:1px solid #ccc;}
#sns_list .masonry_list .object .srmy {border:1px solid #ccc;border-top:none;}
#sns_list .masonry_list .object .srmy hgroup img {display:inline-block;width:44px;margin:0 6px 0 0;}
#sns_list .masonry_list .object .srmy hgroup span {font-weight:600;font-size:14px;color:#4087cc;}
#sns_list .masonry_list .obwject .srmy .con {height:34px;}

.masonry_area .inamax-element + label.check{position:relative;top:-40px;left:-295px;font-size:0;line-height:0;width:0;height:0;display:inline-block;}
.masonry_area .inamax-element + label.check input{width:20px;height:20px;}
.masonry_area .inamax-element-author{float:none;width:auto;padding:9px 10px 11px 30px;display:block;left:0;right:0;overflow:hidden;}

/* prviewArea */
.prviewArea	{position:relative;padding:1px 0 20px;display:block;}
.prviewArea	.tit_big 		{position:relative;padding:10px 0 5px;font-size:18px;font-weight:800;display:block;color: #333;letter-spacing: -0.05em;}
.prviewArea	.tit_middle		{position:relative;padding:10px 0 5px;font-size:14px;font-weight:800;display:block;color: #333;letter-spacing: -0.05em;}
.prviewArea	.tit_small		{position:relative;padding:20px 0 10px;font-size:13px;font-weight:800;display:block;color: #cc463a;letter-spacing: -0.05em;}
.prviewArea	.con_content	{position:relative;padding:5px 0;display:block;color: #333;letter-spacing: -0.05em;line-height: 1.7em;}
.prviewArea	.con_note		{position:relative;padding: 10px 0 5px 45px;font-size:11px;display:block;color: #4c6186;line-height: 1.7em;background: url(/wcms/images/btn/ico_note.png) no-repeat 0 12px;}
.prviewArea	.con_note b {font-weight: 800;}
.prviewArea	.con_tip		{position:relative;padding: 10px 0 5px 45px;font-size:11px;font-weight: 600;display:block;color: #4c6186;line-height: 1.7em;background: url(/wcms/images/btn/icon_tip.png) no-repeat 0 12px;}
.prviewArea	.con_tip .tit {display: block;font-weight: 800;color: #cc463a;border-bottom: 1px solid #555;padding-bottom: 4px;margin-bottom: 10px;}
/*.prviewArea	.con_tip .con {display: none;} 2018-07-18 왜 display:none인지..?*/
.prviewArea	.img_con		{position:relative;padding:15px 0;text-align:center;font-weight:bold;display:block;color: #333;line-height: 1.7em;}
.prviewArea	.table			{position:relative;padding:5px 0;display:block;color: #333;}
.prviewArea	.url			{position:relative;display:block;margin-bottom: 10px;}
.prviewArea	.url .tit {font-weight: 600;color: #4c6186;}
.prviewArea	.url .con a {font-weight: 600;color: #111;}

/* modifyArea - 상태변경 */
.modifyArea	{ position:relative;width:100%;margin:15px 0 0;padding:10px 0 10px;border-top:2px solid #414141;background-color:#f5f5f5;overflow:hidden;display:block;}
.modifyArea input	{ vertical-align:middle;margin:0 3px 0 0;}

/*   =======================  layerPopup  ===========================  */
div.popContentsArea	{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/wcms/images/pop/layerPopBg.png) repeat 0 0;text-align:center;overflow:hidden;display:none;z-index:900;}

.popupSale	{position:fixed;top:50%;left:50%;width:400px;height:300px;margin:-150px 0 0 -220px;padding:0 20px;background:#fff;overflow:hidden;display:block;}
.popupExtra	{position:fixed;top:50%;left:50%;width:400px;height:300px;margin:-150px 0 0 -220px;padding:0 20px;background:#fff;overflow:hidden;display:block;}

/*  popupIDcheck  */
.idSrch	{border-top:1px dotted #d9d6cb;background:#f9f7f5;/* width:85%;*/padding:20px 0;margin:0 auto;text-align:center; }
.idSrch label	{font-weight:600;}
.idSrch input	{margin:0 5px 0;vertical-align:middle;}
.idSrch a	{vertical-align:middle;display:inline-block;}
.idAnswer	{position:relative;text-align:center;height:150px;margin:20px 0;border-top:1px solid #cecece;border-bottom:1px solid #cecece;overflow:hidden;display:block;}
.idAnswer .nodata	{min-height:150px;line-height:150px;}
.idAnswer .data	{position:absolute;top:50%;left:0;width:100%;margin:-30px 0 0;text-align:center;}
.idAnswer .data a	{border:3px double #d9d6cc;display:block;width:120px;height:20px;padding:12px 0;margin:5px auto;font-weight:600;color:#413000;}

/*   =======================  footer  ===========================  */
div.footerBox	{width:1000px;height:19px;position:relative;float:left;background:url(/wcms/images/default/bottom.jpg) no-repeat left top ;}
div.footer	{position:relative;width:100%;height:24px;background:#000000;}
div.footer p.footer	{width:1000px;height:24px;margin:0 auto;}
div.footer p.footer a	{width:1000px;height:24px;background:url(/wcms/images/main/footer.gif) no-repeat center 0;}
div.footer p.footer span	{position: absolute;top: -99999px;}

td.tLeft.pStyleIstd{padding:0}
div.contents .pStyleIstd table {width:100%;}
div.contents .pStyleIstd table tr{margin:0;border-bottom:1px dotted #999}
div.contents .pStyleIstd table tr:last-child{border-bottom:0}
div.contents .pStyleIstd table tr td.first{width:65%;width: calc( 100% - 400px );-webkit-width: calc( 100% - 400px );-moz-width: calc( 100% - 400px );-o-width: calc( 100% - 400px );text-align:left;}
div.contents .pStyleIstd table tr td{width:65px;border-right:1px dotted #999;box-sizing:border-box;padding:5px;;border-bottom:0}
div.contents .pStyleIstd table tr td.last{border-right:0;}

td.tLeft.pStyleIstd{padding:0}
div.contentsPop .pStyleIstd table {width:100%;}
div.contentsPop .pStyleIstd table tr{margin:0;border-bottom:1px dotted #999}
div.contentsPop .pStyleIstd table tr:last-child{border-bottom:0}
div.contentsPop .pStyleIstd table tr td.first{width:65%;width: calc( 100% - 400px );-webkit-width: calc( 100% - 400px );-moz-width: calc( 100% - 400px );-o-width: calc( 100% - 400px );text-align:left;}
div.contentsPop .pStyleIstd table tr td{width:55px;border-right:1px dotted #999;box-sizing:border-box;padding:5px;;border-bottom:0}
div.contentsPop .pStyleIstd table tr td.last{border-right:0}


/* 농작업/농기계 캘린더 */
.datepic_type2 {position: relative;width: 895px;padding-top: 70px;margin: 30px auto 0;}
.datepic_type2 .ui-datepicker {width: 100% !important;border: 0;padding: 0;}
.datepic_type2 .ui-datepicker .ui-datepicker-calendar {border-top: 1px solid #eaedef;border-left: 1px solid #eaedef;}
.datepic_type2 .ui-datepicker .ui-datepicker-header {position: absolute;top: 0;left: 50%;width: 590px;margin: 0 0 10px -295px;}
.datepic_type2 .ui-datepicker .ui-datepicker-title {font-size: 24px;font-weight: 700;color: #333;line-height: 30px;margin: 0;}
.datepic_type2 .ui-datepicker .ui-datepicker-prev {background: url(/wcms/images/btn/pc_date_arrow_prev.png) no-repeat center;background-size: 12px;}
.datepic_type2 .ui-datepicker .ui-datepicker-next {background: url(/wcms/images/btn/pc_date_arrow_next.png) no-repeat center;background-size: 12px;}
.datepic_type2 .ui-icon, .datepic_type2 .ui-widget-content .ui-icon {background: none !important;}
.datepic_type2 .ui-datepicker .ui-corner-left .ui-datepicker-title {text-align: right;}
.datepic_type2 .ui-datepicker .ui-corner-left .ui-datepicker-title:after {content: "~";display: inline-block;}
.datepic_type2 .ui-datepicker .ui-corner-right .ui-datepicker-title {text-align: left;}
.datepic_type2 .ui-datepicker-group table thead tr {border-bottom: 1px solid #ececec;}
.datepic_type2 .ui-datepicker th {font-size: 12px;color: #7a7d8c;height: 23px;line-height: 1.3;padding: 0;border-right: 1px solid #eaedef;border-bottom: 1px solid #eaedef;}
.datepic_type2 .ui-datepicker-other-month,
.datepic_type2 .ui-datepicker td {width: 47px;height: 100px;vertical-align: top;border-right: 1px solid #eaedef;border-bottom: 1px solid #eaedef;padding-left: 6px;}
.datepic_type2 .ui-datepicker-other-month span,
.datepic_type2 .ui-datepicker td span {font-size: 12px;font-weight: 500;text-align: left;color: #474747;padding: 0;}
.datepic_type2 .ui-datepicker .impossible a {color: #ccc !important;;}
.datepic_type2 .ui-state-highlight,.datepic_type2 .ui-widget-content .ui-state-highlight,.datepic_type2 .ui-widget-header .ui-state-highlight {border: 0;background: none;}
.datepic_type2 .ui-datepicker-today {background: #ffffd9;}
.datepic_type2 .ui-datepicker-calendar > tbody td:first-child a {color: #f44e4e;}
.datepic_type2 .ui-datepicker-calendar td .farm_rst {font-size: 11px;font-weight: 400;color: #666;text-align: left;}
.datepic_type2 .ui-datepicker-calendar td .sort {display: inline-block;font-size: 10px;font-weight: 400;color: #f44e4e;text-align: left;margin-left: 3px;}

/* WCMS 레이어팝업 */
.layer.wcms_layer{position:fixed;display:table;width:100%;height:100%}
.layer.wcms_layer .layer_table{display:table-cell;vertical-align:middle}
.layer.wcms_layer .layer_table .layer_cell .layer_con{margin:0 auto;width:700px;background:#fff}
.layer.wcms_layer .layer_table .layer_cell .layer_con .tit{position:relative}
.layer.wcms_layer .layer_table .layer_cell .layer_con .tit h2{line-height:50px;border-bottom:1px solid #000;color:#000;font-size:18px;font-weight:bold}
.layer.wcms_layer .layer_table .layer_cell .layer_con .tit .close_btn{position:absolute;top:0;right:0;width:50px;height:50px;background:#000;color:#fff;font-size:20px;text-align:center}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con{padding:30px 20px 50px}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .txt{color:#000;font-size:14px}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .border_box{padding:30px 20px}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box{padding:20px 80px 0}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box{display:table;margin-bottom:20px;width:100%;box-sizing:border-box}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box:last-child{margin-bottom:0}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table{display:table-cell;vertical-align:middle;padding-right:15px;height:40px;text-align:left}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table:last-of-type{padding-right:0}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table *{width:100%;height:100%}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table.list_01{width:100px}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table.list_01 em{display:block;line-height:40px;font-size:14px;font-weight:bold;font-style:normal;color:#000;text-align:center}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table.list_03{width:130px}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table input{padding:0 20px;box-sizing:border-box}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .form_box .box .table button{background:#555;color:#fff;font-size:14px}
.layer.wcms_layer .layer_table .layer_cell .layer_con .con .btn_box button{margin-top:30px;width:180px;height:40px;color:#fff;background:#000;font-size:14px;font-weight:bold}

.copartner_info_write_page .stitArea{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0}
.copartner_info_write_page .hide{display: none}