@charset "utf-8";
/* CSS Document */

/*login*/
.kdLoginInfo { border-top:1px solid #d4d4d4; padding:60px 0 60px 64px; background:url(/images/utils/img_kdLoginVisual.jpg) 560px 50% no-repeat;}
.kdLoginInfo .txt{ margin-top:28px; font:11px/18px dotum; color:#777;}

.kdLogin { padding:29px 59px; border-top:3px solid #f97b0b; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.kdLogin .lineStyle { float:left; height:99px; width:1px; margin-left:59px; padding-left:59px; border-left:1px solid #e9e9e9;}
.kdLogin .loginContainer { float:left; margin-top:10px;}
.kdLogin .loginRight { width:358px; float:left; margin-top:15px; }
.kdLogin .loginRight li { margin-top:5px;}
.kdLogin .loginRight p { float:left; margin-top:5px;}
.kdLogin .loginRight a { float:right;}
.kdLogin .loginContainer .formBox { width:362px;}
.kdLogin .loginContainer .formBox dd .inputText { width:196px;}


.kdIdpw { border-top:3px solid #f97b0b; }
.kdIdpw h5 { text-align:left; padding-bottom:10px; border-bottom:1px solid #dfdfdf; margin-bottom:30px;}
.kdIdpw .findId, .kdIdpw .findPw { float:left; padding:49px 0; height:180px;}
.kdIdpw .findId { padding-left:59px; padding-right:56px;}
.kdIdpw .findPw { padding-left:58px; padding-right:56px; }
.kdIdpw .findPw.boxStyle { border-left:none;}
.kdIdpw .findPw .loginContainer .formBox .uName { margin-top:5px;}
.kdIdpw .boxStyle { border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }

.kdIdpw .loginContainer legend { display:none;}
.kdIdpw .loginContainer .formBox { width:364px;}
.kdIdpw .loginContainer .formBox .wrap { float:left;}
.kdIdpw .loginContainer .formBox dt { float:left; width:70px; margin-top:6px; text-align:left;}
.kdIdpw .loginContainer .formBox dd { float:left;}
.kdIdpw .loginContainer .formBox dd .inputText { width:198px;}
.kdIdpw .loginContainer .formBox .uPw,.loginContainer .formBox .uEmail { margin-top:5px;}
.kdIdpw .loginContainer .formBox .userGroup { margin-left:70px;}
.kdIdpw .loginContainer .formBox .userGroup li { float:left; margin:0 15px 15px 0;}
.kdIdpw .loginContainer .inputText { height:25px;}
.kdIdpw .loginContainer .idRemember { margin:5px 0 0 70px; font:11px dotum; color:#a1a1a1; letter-spacing:-0.5px;}
.kdIdpw .loginBtn { float:right; margin-left:10px;}


/*done: idpw_done, join_3*/
.utilsComplete { position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:60px 64px 60px 64px; }
.utilsComplete.findIdBg {background:url(/images/utils/img_findPwVisual.jpg) 560px 50% no-repeat;}
.utilsComplete.findPwBg {background:url(/images/utils/img_findPwVisual.jpg) 560px 50% no-repeat;}
.utilsComplete.findPwBg2 {background:url(/images/utils/img_findPwVisual.jpg) 560px 50% no-repeat;}
.utilsComplete.kdJoinBg {background:url(/images/utils/img_kdJoinVisual.jpg) 560px 50% no-repeat; border-top:none;}

.utilsComplete h3, .utilsComplete h3 strong{ font-size:16px; line-height:28px; font-weight:bold; color:#454545;}
.utilsComplete strong, .utilsComplete h3 strong, .utilsComplete.asNonmemberBg strong{ color:#f97b0b;}
.utilsComplete.asNonmemberBg strong { font-weight:bold;}
.utilsComplete  i { color:#454545;}
.utilsComplete  .txt{ margin-top:28px; font:11px/18px dotum; color:#777;}
.utilsComplete  a.btn{ margin-top:25px; display:block;}
.utilsComplete  ul.btn { margin-top:25px;}
.utilsComplete  ul.btn li { float:left; margin-right:5px;}

.utilsComplete .left { float:left;}
.utilsComplete .right { float:right; width:422px;}
.utilsComplete .right .tableTpA th,.utilsComplete .right .tableTpA td { text-align:left; padding-left:20px;}
.utilsComplete .right ul { margin-top:15px;}
.utilsComplete .right ul li { margin-top:5px; padding-left:8px; background:url(/images/common/bul_list2.gif) 0 6px no-repeat; font:11px dotum; color:#a1a1a1; line-height:18px;}

/* join */
.joinStep { background-color:#f9f9f9; border:1px solid #dfdfdf;}
.joinStep ol { margin:30px 0 30px 62px;}
.joinStep ol li { float:left; text-align:center;}
.joinStep ol li.num1 { width:289px; margin-top:5px;}
.joinStep ol li.num2 { width:259px;}
.joinStep ol li.num3 { width:259px; }
.joinStep ol li.arrow {}

.personalInfo { margin-top:40px;}
.personalInfo .boxStyle {  margin-top:15px; width:958px; height:191px; overflow:auto; overflow-x:hidden; border:1px solid #dadada;  }
.personalInfo .boxStyle .txt { margin:18px; line-height:18px; color:#777;}
.personalInfo .boxStyle .txt p { margin-top:25px;}
.personalInfo p { margin-top:7px;}
.personalInfo p i { font-size:11px; color:#a1a1a1;}

.serviceInfo { margin-top:40px;}
.serviceInfo .boxStyle {  margin-top:15px; width:958px; height:191px; overflow:auto; overflow-x:hidden; border:1px solid #dadada;  }
.serviceInfo .boxStyle .txt { margin:18px; line-height:18px; color:#777;}
.serviceInfo .boxStyle .txt p { margin-top:25px;}
.serviceInfo p { margin-top:7px;}
.serviceInfo p i { font-size:11px; color:#a1a1a1;}

.userInfo { margin-top:50px;}
.userInfo h4 { float:left;}
.userInfo p.txt { margin-top:9px; float:right; font:11px dotum; color:#a1a1a1;}
.userInfo p.txt sup.require{ display:inline-block; width:7px; height:11px; background:url(/images/common/bul_require.gif) 50% 50% no-repeat;}
.userInfo .boardWriteTpA { margin-top:15px;}

.userPrivate { margin-top:40px;}
.userPrivate .titBox { float:left; width:190px; height:214px; background-color:#aba7a4;}
.userPrivate .titBox h3 { margin:30px 0 0 15px;}
.userPrivate .privateBox { float:left; width:768px; height:212px; background-color:#f9f9f9; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.privateBox .loginContainer { margin:39px 0 0 125px;}
.privateBox .loginContainer legend { display:none;}
.privateBox .loginContainer .formBox { width:495px;}
.privateBox .loginContainer .formBox .wrap { float:left;}
.privateBox .loginContainer .formBox dt { float:left; width:70px; margin-top:6px; text-align:left;}
.privateBox .loginContainer .formBox dd { float:left;}
.privateBox .loginContainer .formBox dd .inputText { width:279px;}
.privateBox .loginContainer .formBox dl.uEmail dd .inputText { width:128px; float:left;}
.privateBox .loginContainer .formBox dl.uEmail dd .designedSelect { float:left; margin-left:5px;}
.privateBox .loginContainer .formBox dl.uEmail dd img { float:left;}
.privateBox .loginContainer .formBox .uPw,.loginContainer .formBox .uEmail { margin-top:5px;}
.privateBox .loginContainer .formBox .userGroup { margin-left:70px;}
.privateBox .loginContainer .formBox .userGroup label { display:block;}
.privateBox .loginContainer .formBox .userGroup li { float:left; margin:0 15px 15px 0;}
.privateBox .loginContainer .btn { margin-top:10px; margin-left:70px;}
.privateBox .loginContainer .btn li { float:left; margin-right:5px;}
.privateBox .loginContainer .inputText { height:25px;}

.userChoice { margin-top:40px;}
.userChoice .boardWriteTpA { margin-top:15px;}

/* navienSnS */
.navienSns {}
.navienSnsTop { margin-top:29px; padding-top:50px; border-top:1px solid #cccccc; background:url(../images/utils/bg_snsTop.gif) 870px 10px no-repeat;}
.navienSnsTop h3 { margin-bottom:28px;}
.facebookEvent { float:left; width:460px; height:785px; }
.facebookEvent .boxStyle { width:414px; height:739px; padding:20px; border:3px solid #7c95ca; background-color:#fafafa;}
.facebookWall { float:left; margin-left:40px; width:457px; height:785px; }
.facebookWall .boxStyle { width:418px; height:743px;  padding:20px; border:1px solid #e5e5e5; background-color:#fafafa;}

.navienSnsBottom { margin-top:60px;}
.navienTwitter { float:left; width:460px;}
.navienTwitter .twitterInfo { margin-top:30px; width:460px; height:60px; border-bottom:1px solid #eaeaea;}
.navienTwitter .twitterInfo img.avatar { float:left;}
.navienTwitter .twitterInfo .profile { float:left; margin-left:15px;}
.navienTwitter .twitterInfo strong.fullname { color:#888;}
.navienTwitter .twitterInfo span.username { font-weight:bold; color:#37b7e2;}
.navienTwitter .twitterInfo a.followBtn { display:block; margin-top:10px;}
.navienTwitter .twitterInfo .stats  {float:right; margin-top:5px;}
.navienTwitter .twitterInfo .stats li {float:left; height:46px;}
.navienTwitter .twitterInfo .stats li.line { margin-left:15px; border-left:1px solid #e8e8e8; padding-left:15px;}
.navienTwitter .twitterInfo .stats li a { display:block; margin-top:10px;}
.navienTwitter .twitterInfo .tweet_stats { font-family:arial; font-size:10px; color:#999; }
.navienTwitter .twitterInfo .tweet_stats strong {font-size:14px; font-weight:bold; color:#333;}
.navienTwitter .twitterInfo .following { font-family:arial; font-size:10px; color:#999; }
.navienTwitter .twitterInfo .following  strong { font-size:14px; font-weight:bold; color:#333;}

.navienTwitter .boxStyle { margin-top:25px; padding:20px 0 20px 0; border:3px solid #e5e5e5;}
.navienTwitter .wrap { margin-right:3px; width:451px; height:693px;}
.navienTwitter .tweet { }
.navienTwitter .tweet .content { border-bottom:1px solid #e5e5e5; margin:20px 20px 0 20px; padding-bottom:20px;}
.navienTwitter .tweet .content.first { margin-top:0;}
.navienTwitter .tweet .content strong.fullname { font-weight:bold; color:#333;}
.navienTwitter .tweet .content span.username { font:11px dotum; color:#999;}
.navienTwitter .tweet .content .comment { margin-top:14px; font:11px/17px dotum; color:#888;}
.navienTwitter .tweet .content .comment a { color:#0084b4;}
.navienTwitter .tweet .time { display:block; margin-top:7px; font:11px dotum; color:#999;}

.navienReview { float:left; width:460px; margin-left:40px;}
.navienReview h3 { float:left;}
.navienReview .stit { float:left; margin:12px 0 0 10px; font:11px dotum; color:#888;}
.navienReview .tabTpG { margin-top:15px;}
.navienReview .reviewSnsList { width:454px; height:630px; margin-top:15px; overflow-y:scroll; overflow-x: hidden;}
.navienReview .reviewSnsList .row { margin-top:20px; width:422px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
.navienReview .reviewSnsList .row.first { margin-top:5px;}
.navienReview .reviewSnsList .row .pdtImg { float:left; margin-left:10px;}
.navienReview .reviewSnsList .row ul { float:left; width:278px; margin-left:24px;}
.navienReview .reviewSnsList .row ul li.user { height:32px; vertical-align:middle;}
.navienReview .reviewSnsList .row ul li.user .userImg { float:left;}
.navienReview .reviewSnsList .row ul li.user .userId { float:left; margin-top:10px; margin-left:10px; vertical-align:middle;}
.navienReview .reviewSnsList .row ul li.pdtName { margin-top:8px;}
.navienReview .reviewSnsList .row ul li.pdtName a { font:11px dotum; color:#575757;}
.navienReview .reviewSnsList .row ul li.comment { margin-top:7px; font:11px/16px dotum; color:#888;}
.navienReview .reviewSnsList .row .pdtImg img { border:1px solid #eaeaea;}
.navienReview .reviewSnsList.facebook .row ul li.user .userId { color:#3b5998;}
.navienReview .reviewSnsList.twitter .row ul li.user .userId { color:#41b3e6;}


.navienSns .jspDrag { background: #fff; position: relative; top: 0; left: 0; cursor: pointer; border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada; background-color:#fff;}
.navienSns .jspVerticalBar .jspArrowUp { background:#fff url("/images/js/jsparrowup.gif") no-repeat center center; border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada;}
.navienSns .jspVerticalBar .jspArrowDown { background:#fff url("/images/js/jsparrowdown.gif") no-repeat center center;  border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada; }

.snsBottomBanner { float:right; margin-top:20px; margin-right:5px;}
.snsBottomBanner li { float:left;}


/* unifiedSearch */
#unifiedSearch { margin-top:40px;}

.resultTotal { font:11px dotum;}
.resultTotal strong, .resultTotal a{ color:#f97b0b; font-weight:bold;}
.resultTotal a { text-decoration:underline;}

.tabTpH { margin-top:10px;}

.topWrap h3 { float:left; font:bold 16px dotum; color:#454545;}
.topWrap .listTotal { float:left; margin-top:5px; margin-left:5px;}
.topWrap .listTotal a { color:#f97b0b; font-weight:bold; text-decoration:underline;}
.topWrap .listTotal strong { }
.topWrap .btn { float:right; margin-top:-7px;}
.topWrap+.lineTp1{ margin-top:7px; border-color:#aaa;}

/* pdtResult */
.pdtListTp1 { margin-top:40px;}
.pdtListTp1 .row { clear:both;}
.pdtListTp1 .col { float:left; padding:0 20px; width:200px; }
.pdtListTp1 .col.none { float:left; padding:0; width:200px; }
.pdtListTp1 .linkArea { text-align:center; margin-top:15px; cursor:pointer;}
.pdtListTp1 .infoArea { text-align:center; margin-top:15px;}
.pdtListTp1 .infoArea h3 { }
.pdtListTp1 .infoArea img { margin-top:7px;}
.pdtListTp1 .btnDetail { text-align:center; margin-top:12px;}

/* faqResult 
.faqList { margin-top:40px; font-size:12px; color:#777;}
.faqList>ul { margin-top:8px; border-top:1px solid #aaa; padding-top:20px;}
.faqList>ul li { margin-bottom:13px;}
.faqList ul li a { padding-left:22px; background:url(/images/common/ico_faq_q_s.png) 0 0 no-repeat; color:#777;}
.faqList ul li a strong { font-size:11px; margin-right:4px; color:#f97b0b;}
*/

/*faq list*/
.tabTpC.f0 { float:left;}

.faqList { margin-top:40px; font-size:12px; color:#777;}
.faqList .listTotal strong { font-weight:bold; color:#f97b0b; text-decoration:underline;}
.faqList>ul { margin-top:8px; border-top:1px solid #aaa; }
.faqList>ul li { position:relative; border-top:1px solid #dfdfdf; cursor:pointer;}
.faqList>ul li:first-child { border-top:none;}
.faqList>ul li:last-child {border-bottom:1px solid #dfdfdf;}
.faqList>ul li.none { position:relative; padding-top:20px;  border-bottom:none; cursor:pointer;}
.faqList>ul li.none2 { position:relative; padding:20px 0 ; cursor:pointer;}
.faqList ul li h4 { background:url(/images/common/ico_faq_q.png) 15px 13px no-repeat;}
.faqList ul li.fixed h4 { background:url(/images/common/ico_faq_q_fixed.png) 15px 13px no-repeat;}
.faqList ul li h4 strong { font-size:11px; margin-right:4px;}
.faqList ul li .answer { display:none; background:url(/images/common/ico_faq_a.png) 15px 15px no-repeat;  line-height:18px;}
.faqList ul li.on h4 { background:url(/images/common/ico_faq_q_on.png) 15px 13px no-repeat; color:#f97b0b;}
.faqList ul li.on h4 strong { color:#333;}
.faqList ul li.on .answer { display:block; background-color:#f7f7f7; border-top:1px solid #dfdfdf;}
.faqList ul li.on .answer h5 { font:bold 12px dotum; }
.faqList ul li.on .answer p ,.faqList ul li.on .answer p span ,.faqList ul li.on .answer span{ font:normal 12px/18px dotum !important; color:#777 !important; }
.faqList ul li h4, .faqList ul li div.answer, .faqList ul li div.answer.on { padding:13px 52px 13px 59px;}
.faqList ul li .btnReply { position:absolute; top:10px; right:16px; display:block; width:20px; height:20px; background:url(/images/btn/btn_faqReply.gif) no-repeat; text-indent:-9999px;}
.faqList ul li .btnReply { background-position:0 0;}
.faqList ul li.on .btnReply { background-position: 0 -20px;}


/* downloadResult */
.downloadList { margin-top:40px; font-size:12px; color:#777;}
.downloadList>ul { margin-top:8px; border-top:1px solid #aaa; padding-top:20px;}
.downloadList>ul li { margin-bottom:13px;}
.downloadList ul li a { color:#777;}
.downloadList ul li a span { height:16px; height:16px; padding:4px 0 0 21px; margin-right:4px; background:url(/images/common/ico_file.gif) 0 0 no-repeat; color:#454545; font-size:12px; white-space:nowrap;}
.downloadList ul li a strong { font-size:11px; margin-right:4px; color:#f97b0b;}

/* noticeResult */
.noticeList { margin-top:40px; font-size:12px; color:#777;}
.noticeList>ul { margin-top:8px; border-top:1px solid #aaa; padding-top:20px;}
.noticeList>ul li { margin-bottom:13px;}
.noticeList ul li a { padding-left:8px; background:url(/images/common/bul_list.gif) 0 4px no-repeat; color:#777;}
.noticeList ul li a strong { font-size:11px; margin-right:4px; color:#f97b0b;}

/* prResult */
.prList { margin-top:40px; font-size:12px; color:#777;}
.prList>ul { margin-top:8px; border-top:1px solid #aaa; padding-top:20px;}
.prList>ul li { margin-bottom:13px;}
.prList ul li a { padding-left:8px; background:url(/images/common/bul_list.gif) 0 4px no-repeat; color:#777;}
.prList ul li a strong { font-size:11px; margin-right:4px; color:#f97b0b;}