@charset "utf-8";
@import url(board.css);


#wrapInform {position:relative; width:100%; height:100%; background:url(../../images/Common/bg_Mypage.gif) 40% bottom no-repeat; overflow:auto;}
#container p.ttl {padding:0 0 26px 10px;}
#container p.comment {padding:0 0 26px 10px; color:#ff4343;}
#container p.logincomment {padding:0 0 26px 50px;}
#container p.searchcheck {padding:0 0 10px 50px;}
#container p.searchcheck img {vertical-align: middle;}
p {line-height:20px;}


/*개인정보취급방침*/

.perbox {background-color:#fbfbfb; border:1px solid #dfdfdf; margin-bottom:20px; padding:20px;}
.perbox p.bottom {margin-bottom:20px;}

.per dl dt{margin-bottom:20px;}
.per dl dd span.site {display:block; margin-bottom:10px; margin-top:10px; color:#ff5a00;}
.per dl dd span.site a {color:#ff5a00;}

.per ul {width:98%; margin-left:10px;}
.per ul li{color:#3b3a3a; padding-left:10px; margin-bottom:20px; font-weight:bold;  background: url(../../images/Common/bg_dotO.gif) 0 0.5em no-repeat;}
.per ul li ul {width:99%; margin-left:3px;}
.per ul li ul li{font-weight:normal; padding-left:5px; margin-bottom:10px; background: url(../../images/Common/bg_dotB1px.gif) 0 0.7em no-repeat;}
.per ul li ul li ul li{font-weight:normal; padding-left:10px; margin-bottom:0px; background: url(../../images/Common/bg_bardot.gif) 0 0.7em no-repeat;}
.per ul li ul li ul li.none {padding:0px; background:none;}
.per ul li ul li ul li ul li {padding-left:5px; background: url(../../images/Common/bg_dotB1px.gif) 0 0.7em no-repeat;}

.pergraph {position:relative;  width:93.5%; height:150px; background-color:#fbfbfb; border:1px solid #dfdfdf; margin-bottom:20px; margin-top:10px; margin-left:-20px; padding:20px;}
.pergraph.left {margin-left:-30px; width:98%;}
.pergraph span.txt1 {position:absolute; top:30px; left:30px; width:162px; height:52px; background-color:#fff; border:3px solid #e6e6e6;}
.pergraph span.txt1 img {margin-top:18px; margin-left:25px;}
.pergraph span.txt2 {position:absolute; top:41px; left:228px; width:172px; height:13px;}
.pergraph span.txt3 {position:absolute; top:25px; left:265px; display:block;}
.pergraph span.txt4 {display:none;}
.pergraph span.txt5 {position:absolute; top:30px; left:430px; width:162px; height:122px; background-color:#fff; border:3px solid #e6e6e6;}
.pergraph span.txt5 img {margin-top:50px; margin-left:40px; }
.pergraph span.txt6 {position:absolute; top:60px; left:228px; width:172px; height:13px;}
.pergraph span.txt7 {position:absolute; top:70px; left:245px; display:block;}
.pergraph span.txt9 {position:absolute; top:100px; left:30px; width:162px; height:52px; background-color:#fff; border:3px solid #e6e6e6;}
.pergraph span.txt9 img {margin-top:18px; margin-left:60px;}
.pergraph span.txt10 {position:absolute; top:120px; left:228px; width:172px; height:13px;}
.pergraph span.txt11 {position:absolute; top:130px; left:253px; display:block;}
.pergraph span.txt12 {position:absolute; top:30px; left:30px; width:162px; height:122px; background-color:#fff; border:3px solid #e6e6e6;}
.pergraph span.txt12 img {margin-top:40px; margin-left:25px;}
.pergraph span.txt13 {position:absolute; top:70px; left:228px; width:172px; height:13px;}
.pergraph span.txt14 {position:absolute; top:55px; left:265px; display:block;}
.pergraph span.txt15 {position:absolute; top:110px; left:230px; width:172px; height:13px; text-align:center; line-height:13px;}
.pergraph span.txt16 {position:absolute; top:90px; left:228px; width:172px; height:13px;}

p.pergraph_step {margin-bottom:20px; margin-top:10px; margin-left:-20px;}
.phonebox {overflow:hidden; width:93.5%; background-color:#fbfbfb; border:1px solid #dfdfdf; margin-bottom:20px; margin-top:10px; margin-left:0px; padding:20px;}
.phonebox ul.phone li {padding-left:15px; background: url(../../images/Common/ico_etc.gif) 0 0.5em no-repeat;}
.phonebox ul.phone li.bold {font-weight:bold;}
.phonebox ul.phone li ul {margin-top:10px;}
.phonebox ul.phone li ul li {float:left; width:47%; padding-left:5px; background: url(../../images/Common/bg_dotB1px.gif) 0 0.7em no-repeat;}



.dataTable {width:100%; margin-left:-20px; margin-top:10px; margin-bottom:10px; border:1px solid #d9d3c6; border-collapse:collapse;}
.dataTable.rss {margin-left:0px;}
.dataTable caption {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.dataTable th  {border:1px solid #d9d3c6; padding:5px 10px; background-color:#a69a8e; color:#fff;}
.dataTable th.subject1 {color:#605347;  background-color:#f7f4f1;}
.dataTable td {border:1px solid #d9d3c6; text-align:center; padding:5px 10px;}
.dataTable td.con {text-align:left;}


.graybox {position:relative; width:650px; background-color:#fbfbfb; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-top:2px solid #a6a6a6; margin:0 auto; margin-bottom:20px; }
.graybox.rss{height:240px; }
.graybox.copy{height:320px; }
.graybox p.email{width:25%; height:163px; }
.graybox p.txt {position:absolute; width:70%; top:20px; left:170px;}
.graybox p.txt.line {top:20px; left:170px; padding-bottom:20px; border-bottom:1px solid #dbd8d5; text-align:justify; }
.graybox ul {position:absolute; top:280px; left:0px;}
.graybox ul li.email {display:inline;   margin-left:170px; padding-left:20px;  padding-bottom:5px; background: url(../../images/Common/ico_email.gif) 0 0em no-repeat;}
.graybox ul li.phone {display:inline; margin-left:50px; padding-left:20px;  background: url(../../images/Common/ico_phone.gif) 0 0em no-repeat;}
.graybox h3 {position:absolute; top:40px; left:200px;}
.graybox p.rss {position:absolute; top:40px; left:40px; }
.graybox p.rsstxt{position:absolute; width:64%; top:100px; left:200px; text-align:justify; }

.rss h4 { width:500px; color:#3b3a3a; padding-left:10px; margin-bottom:20px; font-weight:bold;  background: url(../../images/Common/bg_dotO.gif) 0 0.5em no-repeat; font-size:1.0em; }

.Dhistory {width:100%; margin:0 auto; border:1px solid #d9d3c6; border-collapse:collapse;}
.Dhistory th {border:1px solid #d9d3c6; padding:5px 10px; background-color:#a69a8e; color:#fff;}
.Dhistory th.subject1 {color:#605347;  background-color:#f7f4f1;}
.Dhistory td {border:1px solid #d9d3c6; text-align:center; padding:5px 10px;}
.Dhistory td.con {text-align:left;}


/* 사이트맵 */
.depth {width:200px; margin-left:10px; float:left; }
.depth h3 {background:none; padding-left:0px; margin-left:0px;}
.depth.line{float:none;}
.depth ul {width:165px; padding-left:0px; margin-top:10px;}
.depth ul li {width:145px;  padding:3px 0 3px 25px;}
.depth ul li a { color:#5a5a5a;}

.depth ul.outline1 {width:165px; height:480px;}
.depth ul.outline1 li {margin-top:5px; background:url(../../images/Common/bg_siteB.gif) no-repeat 1.2em 0.6em; }
.depth ul.outline1 li a {font-weight:bold;}
.depth ul.outline1 ul.depth2 {width:120px; padding:0px; margin-top:0px;}
.depth ul.outline1 ul.depth2 li {background:url(../../images/Common/bg_bardot.gif) no-repeat 0 0.8em; margin-top:0px; padding:2px 0 2px 10px; border:none;}
.depth ul.outline1 ul.depth2 li a {color:#5a5a5a; font-weight:normal;}

.depth ul.outline2 {width:165px; height:500px;}
.depth ul.outline2 li {margin-top:5px; background:url(../../images/Common/bg_siteB.gif) no-repeat 1.2em 0.6em; }
.depth ul.outline2 li a {font-weight:bold;}
.depth ul.outline2 ul.depth2 {width:120px; padding:0px; margin-top:0px;}
.depth ul.outline2 ul.depth2 li {background:url(../../images/Common/bg_bardot.gif) no-repeat 0 0.8em; margin-top:0px; padding:2px 0 2px 10px; border:none;}
.depth ul.outline2 ul.depth2 li a {color:#5a5a5a; font-weight:normal;}

.depth ul.outline3 {width:180px; height:200px;}
.depth ul.outline3 li {margin-top:5px; background:url(../../images/Common/bg_siteB.gif) no-repeat 1.2em 0.6em; }
.depth ul.outline3 li a {font-weight:bold;}
.depth ul.outline3 ul.depth2 {width:120px; padding:0px; margin-top:0px;}
.depth ul.outline3 ul.depth2 li {background:url(../../images/Common/bg_bardot.gif) no-repeat 0 0.8em; margin-top:0px; padding:2px 0 2px 10px; border:none;}
.depth ul.outline3 ul.depth2 li a {color:#5a5a5a; font-weight:normal;}