@charset "utf-8";
/*BBS*/
#docListBasic tr.bg1{display:none;}

#docListMobile{display:none}
#contents_td ol{ width:100% !important}
.small_gray{display:inline-block}



#docListBasic.table_basic tbody td a,#docListBasic.table_basic tbody td span img{ vertical-align:middle}
#docListBasic.table_basic tbody td span img{margin-left:5px;}

.table_list{background:none;border-top:2px solid #555;}
.table_list thead th{border-style:solid; background:none;border-width:0 0 1px; font-size:100%; text-align:center}
/*.table_list tbody th{background:#f6f6f6;}*/
.table_list tbody th,.table_list tbody td{border-width:0 0 1px;border-style:solid;border-color:rgba(0,0,0,0.15);}
.table_list tbody td.blank{ padding:50px 0; color:#888; height:auto;border-bottom:1px solid rgba(0,0,0,0.1)}

.table_board.faq tbody td{height:45px}

#display_list.table_list thead th{line-height:normal;font-size:100%;font-weight:bold;}
#display_list.table_list thead th *{font-weight:bold;}
#display_list.table_list tbody td{height:auto;font-size:100%;}
#display_list.table_list tr td:first-child,#display_list.table_list tr td:last-child{padding:7px 0}

.dropzone:before{display:table;content:'';}

#regist_wrap .table_list th{width:140px;}
#regist_wrap .table_list th *{white-space:nowrap;}

/* list : gallery */
.docThumb{margin-left:-10px;margin-right:-10px;overflow:hidden;position:relative;clear:both;}
.docThumb .center{overflow:hidden}
.docThumb:before,.docThumb:after{content:''; height:1px;background:rgba(0,0,0,0.1);display:block;margin:0 10px 20px; clear:both}
.docThumb:before{}
.docThumb .cell{position:relative;float:left;text-align:center;width:25%;margin-bottom:13px;}
.docThumb .cell > div,.docThumb .cell .center{padding-left:10px;padding-right:10px;}
.docThumb .cell *{width:auto } 
.docThumb .cell .viewImage {position:relative; text-align:center;}
.docThumb .cell .viewImage .thumbNail {}
.docThumb .cell .viewImage .thumbNail_on {}
.docThumb .cell .viewImage .icon {position:absolute; top:3px; left:3px; padding:0; margin:0; height:15px}
.docThumb .cell .viewImage .icon * {vertical-align:middle}
.docThumb .cell .viewImage .icon span {padding-right:2px}
.docThumb .cell .viewImage a{border:1px solid rgba(0,0,0,0.1);display:block}
.docThumb .cell .viewImage a:hover{ border-color:rgba(0,0,0,0.5)}
.docThumb .cell .viewImage .thumbNail,.docThumb .cell .viewImage .thumbNail_on{border:0;max-width:100%;max-height:100%;width:100%;}
.docThumb .cell *{font-size:1.045em}
.docThumb .cell .title{text-overflow:ellipsis;}
.docThumb .cell .center {position:relative; margin:auto; padding-top:13px}
.docThumb .cell .center .title { overflow:hidden; white-space:nowrap; text-align:center}
.docThumb .cell .center .title a {font-weight:400; text-decoration:none; overflow:hidden}
.docThumb .cell .center .title a:visited {text-decoration:none; overflow:hidden}
.docThumb .cell .center .nameAndDate {position:relative; margin:3px 0 10px 0; font-size:.9em; font-weight:normal; color:#999; text-align:center; overflow:hidden}
.docThumb .cell .center .nameAndDate .date {font:.9em Tahoma; color:#999999; text-align:center}
.docThumb .cell .center .nameAndDate .author {text-align:center}
.docThumb .cell .center .nameAndDate .author .commentCount {font:bold .9em Tahoma; color:#990000; text-align:center}

/* 추가입력사항 */
.docThumb .cell .content .addContent {padding:0px 0px; border-bottom:1px solid rgba(0,0,0,0.1); overflow:hidden}
.docThumb .cell .content .addContent dt, .docThumb .cell .content .addContent dd {float:left; padding:3px 0px}
.docThumb .cell .content .addContent dt {width:30% !important; font-weight:400; text-align:center;  padding:3px 10px}
.docThumb .cell .content .addContent dd {width:70% !important; text-align:left; padding:5px 10px}
.docThumb .cell .content .addContent:first-child {border-top:2px solid rgba(0,0,0,0.4); margin-top:10px}

/* list : webzine */
.docZine .cell:first-child{border-top:1px solid rgba(0,0,0,0.3);}
.docZine .cell{border-bottom:1px solid rgba(0,0,0,0.1);overflow:hidden;padding:10px 0;position:relative;}
.docZine .thumb{float:left;margin-right:2%;width:120px; height:90px;background:url(/user/default/image/logo.png) no-repeat 50% #f9f9f9;background-size:70% auto}
.docZine .articleCheck{position:absolute;left:0;top:10px}
.docZine .content{overflow:hidden;}
.docZine .title{font-size:1.1em;display:block;overflow:hidden;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;}
.docZine .content p{overflow:hidden;display:block;max-height:50px;font-size:95%;line-height:normal}

.docZine .date {white-space:nowrap;position:absolute;left:calc(120px + 2%);bottom:8px;color:#999; font-family:Tahoma; font-size:0.95em}

.docZine .num {font:.8em tahoma; color:#999; padding:.5em 1em; text-align:center}
.docZine span.now {font:11px tahoma; color:#990000}
.docZine .writer {}
.docZine .readCount {}
/* list : calendar */
.docCal {width:100%; border:1px solid #dcdcdc}
.docCal .docCalHeadList {height:25px;border-bottom:3px solid #8560a9; color:#444; text-align:center; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docCal .docCalHeadList.first {background-position:right bottom}
.docCal .big {width:90px; height:60px; border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; vertical-align:top}
.docCal .small {border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; text-align:center; cursor:pointer;_cursor:hand}
.docCal .now {color:#ff0099;font-weight:bold}
.docCal .holiday {font-size:.9em; color:#ff6600; overflow:hidden}
.docCal .date {background:#e0ffff}
.docCal .this {background:#ffffcc}
.docCal .list {float:none; padding:3px 0; overflow:hidden}

.docCalMini {width:100%; border:1px solid #dcdcdc}
.docCalMini .docCalHeadRecent {height:20px; border-bottom:3px solid #8560a9; color:#444; text-align:center; background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docCalMini .docCalHeadRecent.first {background-position:right bottom}
.docCalMini .big {width:90px; height:60px; border-top:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; padding:.2em; color:#444; vertical-align:top; cursor:pointer;_cursor:hand}
.docCalMini .small {width:20px; height:20px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#444; text-align:center; cursor:pointer;_cursor:hand}
.docCalMini .now {color:#ff0099;font-weight:bold}
.docCalMini .holiday {font-size:.9em; color:#ff6600; overflow:hidden}
.docCalMini .date {background:#e0ffff}
.docCalMini .this {background:#ffffcc}
.docCalMini .issue {position:relative; height:15px; padding:5px 0 0 5px}
.docCalMini .icon {position:absolute; top:0; left:0}

/* list : Befor&After */
.docBnf thead th.first {background-position:right bottom}
.docBnf thead tr th div {white-space:nowrap; margin:0 5px; text-align:center}
.docBnf tbody td {white-space:nowrap}
.docBnf tbody td.title {white-space:normal; width:100%}
.docBnf th {background:#fff url(/user/default/image/background/bg_docList.gif) no-repeat left bottom}
.docBnf th {font-weight:normal; border-bottom:2px solid #d2d2d2; white-space:nowrap; padding-top:5px; height:25px; overflow:hidden}
html:not([lang*=""]) .docBnf th {height:30px}
.docBnf tr.notice {background:#f8f8f8}
.docBnf tr.notice td.notice {font-size:.9em; color:#999; font-weight:bold; text-align:center; color:#990000}
.docBnf tr.notice .title {font-weight:bold; color:#000}
.docBnf tr.notice a {color:#000}
.docBnf tr.bg1 {background:#fff}
.docBnf tr.bg2 {background:#fbfbfb}
.docBnf td {border-top:1px solid #d2d2d2; padding:.5em; color:#444; overflow:hidden; vertical-align:top}
.docBnf td .thumbNail {float:left; border:2px solid #d2d2d2; margin:2px 5px 0 0; vertical-align:top}
.docBnf td .thumbNail_on {float:left; border:2px solid #990000; margin:2px 5px 0 0; vertical-align:top}
.docBnf td.arrow {vertical-align:middle}
.docBnf .title .content {color:#777; overflow:hidden}
.docBnf .title .commentCount {margin-left:.3em; font:bold .8em Tahoma; color:#990000; text-align:center}
.docBnf .title * {vertical-align:middle; margin:0 1px}
.docBnf .writer {color:#777}
.docBnf .readCount {font:.8em Tahoma; color:#999999; text-align:center}
.docBnf .date {font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap}
.docBnf .blank {height:150px; text-align:center; white-space:nowrap}

/* list : Case3 */
.docCaseView .cellBig {position:relative; overflow:hidden;}
.docCaseView .cellBig .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.docCaseView .cellBig .thumbNail_on {margin-bottom:.3em; border:2px solid #e00000; margin-left:auto; margin-right:auto;}
.docCaseView .cell {clear:both}
.docCaseView .cell li {padding:5px 0 0 9px; position:relative; float:left; overflow:hidden;}
.docCaseView .cell li.first {padding-left:0px;}
.docCaseView .cell li .thumbNail {margin-bottom:.3em; border:2px solid #d2d2d2; margin-left:auto; margin-right:auto;}
.docCaseView .cell li .thumbNail_on {margin-bottom:.3em; border:2px solid #e00000; margin-left:auto; margin-right:auto;}

/* gallerySlider / 갤러리.앨범(슬라이드, 포트폴리오) 사용*/
#gallerySlider #gallerySilderView {position:relative;width:690px; padding:5px}
#gallerySlider #gallerySilderView .bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff;}
#gallerySlider #gallerySilderView .bx-prev {position:absolute; top:35%; left:30px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_prev.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next {position:absolute; top:35%; right:30px; z-index:100; width: 30px; height: 30px; text-indent: -999999px; background: url(/user/default/image/icon/bxSlider_next.png) no-repeat 0 -30px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
#gallerySlider #gallerySilderView .bx-next:hover,.bx-prev:hover {background-position: 0 0;}
#gallerySilderThumb {text-align: center; margin-top:5px}
#gallerySilderThumb a {margin: 0 3px}
#gallerySilderThumb a img {border: solid #ccc 3px}
#gallerySilderThumb a:hover img,
#gallerySilderThumb a.active img {border: solid red 3px}

/* document Read */
.docRead{margin:10px  0 10px 0}
.docRead .readHeader{border-bottom:1px solid rgba(0,0,0,0.1); position:relative;}
.docRead .titleAndUser{overflow:hidden;}
.docRead .titleAndUser .title{margin:10px 0 5px 0;}
.docRead .titleAndUser .title h4{font-size:1.9em;font-weight:600;text-align:left;padding-left:0}
.docRead .titleAndUser .title h4:before{display:none;}
.docRead .titleAndUser .author{position:absolute;left:0;bottom:10px;color:rgba(0,0,0,0.8) !important; border:0; background:none;}
.docRead .dateAndCount {overflow:hidden;line-height:17px; padding-bottom:10px}
.docRead .dateAndCount div{float:right;margin-left:10px}
.docRead .dateAndCount .ip,.docRead .dateAndCount .email,.docRead .dateAndCount .phone{float:left;}
.docRead .dateAndCount .date{font-size:95%}
.docRead .dateAndCount .date span{font-size:inherit;font-family:tahoma;}
.docRead .dateAndCount .date:before{content:"\f017";font-family:FontAwesomeR; margin-right:3px;}
.docRead .dateAndCount .state:before{content:"\f2c9";font-family:FontAwesomeS; margin-right:3px;}

.docRead .contentBody{min-height:300px ;margin-top:10px;}
.docRead .contentBody img{margin:10px 0;max-width:100%}
.docRead .link{margin-top:10px;font-size:0.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docRead .link strong{font-size:0;}
.docRead .link strong:before{font-size:13px;content: "\f0c1";font-family:FontAwesomeS;margin-right:3px;}

.docRead .caseBox {border:1px solid #efefef}
.docRead .docThumb {border:1px solid #efefef}
.docRead .docThumb .cell {width:99px}

.fileAttatch {border:2px #eee dashed; padding:5px; background:#f6f6f6}
.fileAttatch dt {width:100px; background-color:#eee; float:left}
.fileAttatch dd {float:left}
.fileAttatch li {padding:2px; float:left; margin-left:2px; white-space:nowrap}
.fileAttatch li * {vertical-align:middle}

.document .fileAttatch{padding-top:2px;border-color:rgba(0,0,0,0.1);border-width:1px;font-size:13px;}
.document .fileAttatch li{float:none;}

.commentBox {padding:0px; margin-bottom:10px; zoom:1; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; margin-top:0px; background:#f5f5f5}
.commentBox .commentList {padding:10px; border-top:1px solid #e1e1e1; background:#f5f5f5; overflow:hidden;}
.commentBox .no_line {padding:10px; border:0;  background:#f5f5f5}
.commentBox .commentList .iconReply {float:left}
.commentBox .commentList .author {float:left; margin:2px 0; color:#000}
.commentBox .commentList .author span {color:#999}
.commentBox .commentList .control {float:right; padding:0 2px}
.commentBox .commentList .date {padding:0 2px; font:Tahoma; color:#999; font-size:12px;}
.commentBox .small_gray {font-size:12px; text-decoration:none}
.commentInput {border:0px #efefef solid; text-align:center; zoom:1}
.commentInput .line {border:0px #d2d2d2 solid}
.commentInput .line .resizeBar {cursor:row-resize; width:99%; margin:auto; text-align:center; font-size:0px; line-height:0px; height:4px; background-color:#f9f9f9; font-size:0px; line-height:0px; border:1px solid #cdcdcd; border-top:1px solid #eee}
.commentInput .line img {position:relative; top:-1px; -moz-user-select:none; -khtml-user-select:none}
.commentInput .line img {cursor:row-resize; margin:0 auto}
.commentInput .head {padding:5px; cursor:pointer; color:#000}
.commentInput .head * {vertical-align:top}
.commentInput .head strong {font-size:12px; color:#e93700; margin-left:3px}
.commentInput .body {margin:3px; text-align:center; zoom:1}
.commentInput .commentAuthorName {float:right; margin:3px}
.commentInput .commentAuthorPass {float:right; margin:3px}
.commentInput .commentAuthorRecom {float:right; margin:3px; padding:3px}
.commentInput .commentSubmit {float:right; margin:3px 5px}
.commentInput .commentSubmit .recom {font-weight:bold; color:#000}
.commentInput .input_blue {border:1px solid #a5a5a5; padding:2px 0 0 2px; height:16px; vertical-align:middle; background-color:#fff5ee}

.commentBox .textContent {text-align:left;}

/* 댓글 추천수 카운트 */
.commentBox .recomCount {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:11px;font-family:Tahoma, Sans-serif;color:#fff;text-decoration:none !important;white-space:nowrap}
.commentBox .recomCount {background-image:url(/user/default/image/sub/recom_bg.gif); font-weight:bold; width:47px; height:16px;line-height:16px; padding-left:7px; }
.commentBox .recomCount A{color:#fff;}

.docInfo{clear:both; margin:3px 0;}
.docInfo .articleNum {float:left; padding-bottom:10px}
.docInfo .articleIcon {float:left; margin:1px 0 0 10px}

.docButton {text-align:right; margin:10px 0 20px 0; border-top:1px solid rgba(0,0,0,0.1);overflow:hidden}
.docButton .docBtn {padding:5px 0px; float:right}
.docButton .docBtn.s02{ float:left}
.docButton .docBtn li {float:left; margin:0 2px; list-style:none}
.docBtn .btnPack{margin:0;}
.docBtn .btnPack *{font-size:90% !important;}

/* document Write */
.docInput .table_input {text-align:left}
.docInput .table_input thead th {padding:3px;font-weight:bold;}
.docInput .table_input th {padding-left:5px; color:#000; font-weight:normal;}
.docInput .table_input th p {padding:0px;margin:0px}
.docInput .table_input td {padding:3px;}
.docInput .table_input td * {vertical-align:middle}
.docInput .table_input .menu_gray {font-weight:bold; text-align:center; background:#efefef}
.docInput .docOpt {margin-bottom:5px}
.docInput .docOpt * {vertical-align:middle}
.docInput .docOpt .agree {float:right; margin:7px 3px 0 3px; }
.docInput .docOpt .notice {float:right; margin:7px 3px 0 3px;}
.docInput .docOpt .secret {float:right; margin:7px 3px 0 3px;}
.docInput .docOpt span {margin:1px 0 0 2px}
.docInput .docFile {margin:10px 0 0 0}
.docInput .fileAttatch th {padding:5px; color:#999; background:#f4f4f4; text-align:center}
.docInput .fileAttatch td {padding:2px;_padding:0}
.docInput .fileAttatch span {margin-left:2px; color:#999}
.docInput .fileAttatch span input {vertical-align:middle; margin-right:-3px; _margin-right:-3px}
.docInput .buttons {text-align:center; margin:5px 0}
.docInput .buttons span {margin:0 2px}
.docInput table + .box{ margin-top:5px;}

.agreement{margin-bottom:50px;}
.agreement .colorRed{color:inherit; display:block;text-align:right}
.docInput .table_basic{table-layout:fixed}
.docInput .table_basic th:nth-child(1){width:130px;font-size:0.98em}
.docInput .table_basic th .colorRed{padding-right:3px;}

.boardInput p.right{font-size:0.853em}
/*.boardInput .table_basic{table-layout:fixed;}*/
.boardInput .agreement{ margin-bottom:40px;}
.boardInput .agreement h3{margin-bottom:10px;letter-spacing:-0.1em}

.boardInput .cube{font-size:inherit !important}
.boardInput .cube >.line{height:inherit !important}

.boardInput .cube,.boardInput .cube >.line,.boardInput .fileAttatch{border:0;padding:0;background:none;}
.boardInput .fileAttatch{}
.boardInput .fileAttatch table{table-layout:fixed;width:100%;border-bottom:1px solid rgba(0,0,0,0.15)}
.boardInput .fileAttatch th{background-color:#F6F6F6}
.boardInput .fileAttatch th label{ white-space:nowrap;font-weight:700;padding-left:13px}
.boardInput .fileAttatch th label br{ display:none}
.boardInput .fileAttatch td{height:inherit;padding:12px}

.docButton{border-color:rgba(0,0,0,0.1);overflow:hidden}

.docBottom{margin-top:5px}
.docBottom .countBox{display:none;}
.docBottom .searchBox{width:auto;padding:10px 0;float:none;text-align:center;}
.docBottom .searchBox *{font-size:100%}
.docBottom .searchBox input[type=text]{min-width:40%;text-align:left;}
.selectBox{display:block; margin-bottom:10px}
.selectBox select{height:40px;}
.searchBox ul li{text-align:left;}
.selectBox .selectCtrl{border:0;right:1px;top:50%;margin-top:-9px;}
.docBottom .searchBox .btnPack{background-color:rgba(0,0,0,0.7);height:38px;line-height:38px; font-size:100%}
.docBottom .searchBox .btnPack *{color:#fff;}

.docInfo{text-align:right;}
.docInfo .docBtn{margin-bottom:5px;overflow:hidden;display:inline-block}
.docInfo .docBtn.s02{ display:block}
.docInfo .docBtn ul{float:right}
.docInfo .docBtn ul.Left{float:left;}
.docInfo .docBtn li{float:left; margin:0 2px; list-style:none;margin:0 0 0 4px;}
.center.pd5{margin-top:15px;}
.docInput .docOpt .notice,.cube{font-size:90%}

.docBottom .pageNavigation{ float:none;}

/* My Page TAB*/
.mypageTab {position:relative;margin-bottom:10px;}
.mypageTab:before{content:'';border-bottom:1px solid rgba(0,0,0,0.5); position:absolute;left:0; right:0;bottom:0}
.mypageTab ul.tabBox {width:100%;height:auto;display:inline-table;background:#f4f4f4;text-align:center; table-layout:fixed}
.mypageTab ul.tabBox li.tab {display:table-cell;}
.mypageTab li.tab p{border:0}
.mypageTab li.tab p a {display:block;padding:12px 0;border:solid rgba(0,0,0,0.2);border-width:1px 1px 0;font-size:1.2em;margin-left:-1px;}
.mypageTab li:first-child p a{margin-left:0}
.mypageTab li.on p a {position:relative;border-color:rgba(0,0,0,0.5);border-width:1px;border-bottom-color:#fff;background:#fff;z-index:10;font-weight:800;}

/* pageNavigation */
.pageNavigation {padding:5px 0;margin:0;text-align:center;margin-top:15px;}
.pageNavigation em{display:inline-block;}
.pageNavigation a,
.pageNavigation strong{display:inline-block; text-decoration:none; font-family:Tahoma, Sans-serif; vertical-align:middle;border:1px solid rgba(0,0,0,0.1);padding:3px 8px 5px 7px; margin-right:5px;}
.pageNavigation a:hover,
.pageNavigation a:active,
.pageNavigation a:focus {color:#555;background-color:#f5f5f5}
.pageNavigation a,
.pageNavigation strong {font-weight:bold;font-size:12px}
.pageNavigation .tcolbg{color:#fff !important}
.pageNavigation .first {border:1px solid rgba(0,0,0,0.1)}
.pageNavigation .quick{display:block;background:#fff;margin:-3px -8px -5px -7px;padding:3px 8px 5px 7px;}
.pageNavigation .quick img{vertical-align:middle}
/*.pageNavigation .quick {padding:1px 0}*/

/* list : faq */
.docTab {position:relative; overflow:hidden;margin:20px 0 20px;text-align:center}
.docTab ul {overflow:hidden;display: inline-table; width:100%;table-layout:fixed}
.docTab:after{content:'';border-bottom:1px solid rgba(0,0,0,0.5);bottom:0;position:absolute;right:0;left:0;}
.docTab ul li {display:table-cell;}
.docTab ul li:first-child a{margin-left:0}
.docTab li a {display:block;padding:15px 0;border:solid rgba(0,0,0,0.2);background:#f4f4f4;font-size:110%;border-width:1px 1px 0;margin-left:-1px; color:rgba(0,0,0,0.6)}
.docTab li.on a {position:relative;color:#333;border-color:rgba(0,0,0,0.5);background:#fff;z-index:10;font-weight:800;border-top-width:2px}
.docTab .search {position:absolute; top:10px; float:right}

.faq_box{border:4px double rgba(0,0,0,0.15);text-align:center;overflow:hidden;padding:15px 0;background:#f5f5f5;margin-bottom:30px; font-weight:bold;}
.faq_box *{vertical-align:middle}
.faq_box select {margin:0px 5px;display:inline-block;font-weight:normal}
.faq_box .faq_search {border:1px solid #c4c8cb;display:inline-block;background:#fff;overflow:hidden;width:50%;text-align:left;position:relative;}
.faq_box input {width:80%;border:0;font-weight:normal; height:38px}
.faq_box button{position:absolute;right:0px;top:7px;width:40px;text-align:center;font-size:0}
.faq_box button:before {content:'\f002';font-family:FontAwesomeS;font-size:20px}

.faq_list {position:relative}
.faq_list dl{position:relative; border-bottom:1px solid rgba(0,0,0,0.15); margin:0}
.faq_list dt:before{font-family:FontAwesomeB;content:'\f2c4';font-size:200%;position:absolute;left:6px;top:12px;color:rgba(0,0,0)}
.faq_list dt a{display:block; padding:20px 20px 20px 50px; font-size:110%;position:relative;}
.faq_list dt a:before{font-size:130%;position:absolute;right:10px;top:15px;color:rgba(0,0,0,0.4)}
.faq_list dt a.off:before{content:'\f067';font-family:FontAwesomeS;}
.faq_list dt a.on:before{content:'\f2d1';font-family:FontAwesomeR;top:7px}

.faq_list dd{display:block;background:#f6f6f6;padding:30px;border-top:1px dashed rgba(0,0,0,0.1)}
.faq_list dd.none{ display:none;}
.faq_list dd p{font-size:110%;}
.faq_list dd img{max-width:100% !important; }


@media only screen and (max-width:767px){
	.mypageTab{margin-bottom:5px}
	.mypageTab li.tab p a{font-size:1.05em;}
}