html {margin:0;padding:0;}
/*해더*/
.wrap {height:auto;  position:relative; min-width:1050px}
.wrap.mobile {min-width: 1050px;}
.wrap .header ul.gnbMain li.on:after, .wrap .header ul.gnbMain li:hover:after {background-color:#288ee4;}
.wrap .headerSub {position:fixed; top:6em; background-color:#eeeeee; width:100%; z-index:100; min-width:1050px;}
.wrap.mobile .headerSub {/* transition: top 0.2s ease; -webkit-transition: top 0.2s ease; -moz-transition: top 0.2s ease; -o-transition: top 0.2s ease;*/}
.wrap .headerSub ul {max-width:62.5em; margin:0 auto; min-width:1025px;}
.wrap .headerSub ul li {display: inline-block;}
.wrap .headerSub ul li a { font-weight:300; padding:1em; display:inline-block; font-size:0.875em;}
.wrap .headerSub ul li.on a { font-weight:800; color:#111111;}


/*공통*/
.wrap.solutionIntro .headerSub ul li:first-child,
.wrap.intro .headerSub ul li:first-child {margin-left:5.5em;}
.wrap.experience .headerSub ul li:first-child {margin-left:9.5em;}
.wrap.license.pc .headerSub ul li:first-child {margin-left:20.5em;}
.wrap.develop.pc .headerSub ul li:first-child {margin-left:33em;}
.wrap .alink {color:rgb(3, 110, 244);}
.wrap .alink:hover {text-decoration:underline;}

.wrap span.new {display:inline-block; font-size:0.8em; border-radius:0.8em; padding:0.1em 0.3em; color:#ffffff; background-color:#0e639c; vertical-align: text-top; line-height:1.1em; margin-left:0.3em;}
.wrap span.new1 {display:inline-block; font-size:0.8em; border-radius:0.8em; padding:0.1em 0.3em; color:#ffffff; background-color:#DF013A; vertical-align: text-top; line-height:1.1em; margin-left:0.3em;}
.wrap .boxDevied4 li {display:inline-block; width:24%; width:calc(100% / 4); box-sizing:border-box; text-align: center;}
.wrap .pt0 {padding-top:0 !important}
.wrap .tabMain {margin-bottom:3em}
.wrap .tabMain li {display:inline-block; width:49%; width:calc(100% / 2); box-sizing:border-box; margin-left:-0.063em; border:0.063em solid #cccccc; background-color:#f2f2f2; height:2.5em; line-height:2.5em; font-size:1.1em }
.wrap .tabMain li:first-child {border-radius:0.5em 0 0 0.5em}
.wrap .tabMain li:last-child {border-radius:0 0.5em 0.5em 0}
.wrap .tabMain li.deactivation {border-color:#eaeaea }
.wrap .tabMain li.deactivation a {color:#d7d7d7;}
.wrap .tabMain li a {width:100%; display: block;}
.wrap .tabMain li a i {display:inline-block; font-size: 0.6em; padding:0.3em 0.5em; line-height:1em; border-radius:1em; vertical-align:text-top; margin-left:0.5em; border:0.063em solid #888888;}
.wrap .tabMain li a i.tabMobile {display:none;}
.wrap .tabMain li.on {background-color:#288ee4; border-color:#288ee4;}
.wrap .tabMain li.on a { color:#ffffff; }
.wrap .tabMain li.on a i {border:0.063em solid #ffffff;}
.wrap .dextPage a {display:inline-block; width:2em; height:2em; margin-left:-0.063em; line-height:2em; border:1px solid #dcdcdc; color:#288ee4; background-color:#f9f9f9}
.wrap .dextPage a.on {background-color:#288ee4; border-color:#288ee4; color:#ffffff;}
.wrap .dextPage span {vertical-align:text-bottom; color:#555555; font-size:0.8em; display:block; margin-top:1em; margin-bottom: 5em}
.wrap .margin_bottom_middle {margin-bottom:10em !important}
.wrap .margin_bottom_big {margin-bottom:25em !important}

.mb_0 {margin-bottom:0 !important}
.mt_50 {margin-top:50px !important}
.mt_100  {margin-top:100px !important}
.color_red {color:red !important;}
.color_blu {color:#144cff !important}
.color_blu:hover {text-decoration: underline;}
.btn_line_blk {padding:3px 8px 3px 5px; border:1px solid #444444; color:#333333; font-size:0.95em;}
.btn_line_red {padding:3px 8px 3px 5px; border:1px solid #dd2e2e; color:#e90c0c; font-size:0.95em;}
.btn_line_red:hover {color:#e90c0c;}
.btn_color_blk {padding:10px 15px; background-color:#333333; color:#ffffff; font-size:0.95em; border-radius:5px;}
.btn_color_blk:hover{color:#ffffff}
.btn_color_red {padding:10px 15px; background-color:#e90c0c; color:#ffffff; font-size:0.95em; border-radius:5px;}
.btn_color_red:hover{color:#ffffff}
.btn_line {border:1px solid #dddddd; border-radius: 3px; padding:10px 30px;}
.ta_right {text-align:right !important;}
.ta_left {text-align:left !important;}
.comment2 {font-size: 0.75em; color:#e90c0c;}
.svginptag {height: 1.2em; vertical-align: middle;}


/*컨텐츠*/
.wrap .textArea h3 {font-size:2em; font-weight:400; line-height:1.5em}
.wrap .textArea h3.subject {margin-bottom:1.5em}
.wrap .textArea h5 {padding-bottom:1em}
.wrap .textArea ul {padding-top:2em; border-top:0.063em solid #eeeeee;}
.wrap .textArea li {font-size:1em; line-height:1.7em; color:#555555;}
.wrap .textArea .sub {font-size:0.9em;}
.wrap .textArea p {color:#555555;}

.wrap .tabArea .tab {max-width:62.5em; margin:0 auto;}
.wrap .tabArea .tab ul {display:table; width:100%}
.wrap .tabArea .tab ul li {display:table-cell; width:33%; width:calc(100% / 3); text-align:center; font-size: 1.375em; border-bottom:solid #eeeeee 0.2em;}
.wrap .tabArea .tab ul li a { color:#777777; padding-bottom:1em ; display:inline-block; width: 100%;}
.wrap .tabArea .tab ul li.on {border-bottom-color:#000000; }
.wrap .tabArea .tab ul li.on a {color:#000000;}

/*사이드메뉴*/
.wrap .sideMenuArea {position: absolute; width:216px; /*margin-top:65px;*/ padding-top:70px; border-right:0.063em solid #e2e2e2; height:100%; height:calc(100% - 185px); background-color:#ffffff; z-index:90;}/*20190121*/
.wrap .sideMenuArea .tit {font-weight:800; color:#111111; margin-top:0.5em; font-size:1em; padding-left:30px; }
.wrap .sideMenuArea ul { padding:10px 0 30px 30px}
.wrap .sideMenuArea ul li {padding:0.2em 0;}
.wrap .sideMenuArea ul li a {font-size:0.875em; color:#333333;}
.wrap .sideMenuArea ul li:hover a {color: #0e639c; text-decoration:underline;}
.wrap .sideMenuArea ul li.on a {color: #0e639c; text-decoration:underline; font-weight:800}


/**/
.wrap .contentsArea {position: relative; z-index:1; margin-top:120px}
.wrap.mypage .contentsArea {position: relative; z-index:1; margin-top:76px}

/*솔루션 소개*/
.wrap .sec01Area {position:relative; text-align:center; /*margin-top:3em;*/} /*20190121*/
/*.wrap .sec01Area .textArea {padding-top:9em;}*/ /*20190121*/
.wrap.solutionIntro .sec01Area p:after {content:''; display:block; width:4em; height:0.2em; background-color:#000000; margin:5em auto;}
.wrap.solutionIntro .sec02Area .sec02,
.wrap.solutionIntro .sec03Area .sec03 {max-width:62.5em; margin:0 auto; display: table; padding:5em 0 ;}
.wrap.solutionIntro .sec02Area .sec02 div,
.wrap.solutionIntro .sec03Area .sec03 div {display:table-cell;}
.wrap.solutionIntro .sec02Area .sec02 div:first-child,
.wrap.solutionIntro .sec03Area .sec03 div:first-child { padding-right:1em;}
.wrap.solutionIntro .sec02Area .sec02 div img,
.wrap.solutionIntro .sec03Area .sec03 div img {vertical-align:middle}
.wrap.solutionIntro .sec02Area .sec02 div.textArea,
.wrap.solutionIntro .sec03Area .sec03 div.textArea {vertical-align:middle; padding-top:0;}
.wrap.solutionIntro .sec03Area .sec03 div.imgArea {text-align:right;}
.wrap.solutionIntro .sec02Area .sec02 div.imgArea,
.wrap.solutionIntro .sec03Area .sec03 div.imgArea {width:calc((100% / 5) * 3);}
.wrap.intro table thead td:nth-child(2) {background-color:#0e639c; color:#ffffff; }
.wrap.intro table thead td {border-color:#dbdbdb !important }
.wrap.intro table tbody tr:nth-child(odd) td:nth-child(2) {background-color:#f0f9ff;}
.wrap.intro .textArea .editor {overflow:hidden;}
.wrap.intro .textArea .editor ul {border-top:none; width:48%; width:calc(100% / 2); display:inline-block; padding-top:5em;}
.wrap.intro .textArea .editor ul li:before {content:""; display:inline-block; width:16px; height:16px; margin-right:0.5em; background:url(/images/icon/icon_v_blue.png) no-repeat center}
.wrap.intro .textArea .editor .picture {width:48%; width:calc(100% / 2); display:inline-block; float:right;}
.wrap.intro .textArea .editor .picture img {margin-top:0;}
.wrap.intro .textArea .editor.overview .picture {width: calc((100% / 2) - 100px);}
.wrap.intro .textArea .editor.overview ul {width: calc((100% / 2) + 100px);}
.wrap.intro .textArea .editor.overview .picture img {width:100%}
.wrap.intro .textArea .editor.editorRev ul {float:right;}
.wrap.intro .textArea .editor.editorRev .picture {float:left;}
.wrap.intro .boxDevied3.editorEx li {height:auto;}
.wrap.intro .boxDevied3.editorEx li dl {width:61%; margin:0 auto 3em;}
.wrap.intro .boxDevied3.editorEx li i {display:block; width:180px; height:130px; margin:0 auto 1em; background-size:auto; background-repeat:no-repeat;}
.wrap.intro .boxDevied3.editorEx li i.imgSub01 {background-image:url(/images/sub/editor_img11.png);}
.wrap.intro .boxDevied3.editorEx li i.imgSub02 {background-image:url(/images/sub/editor_img12.png);}
.wrap.intro .boxDevied3.editorEx li i.imgSub03 {background-image:url(/images/sub/editor_img13.png);}
.wrap.intro .boxDevied3.editorEx li dd {font-size:0.8em}

/*제품 기능*/
.wrap.intro.merit .textArea p {margin-top:0;}
.wrap.intro.merit .SecInner img {margin:2em 0 0 ;}




/*제품 비교*/
.wrap table {border-bottom:0.19em solid #cccccc;}
.wrap table td {padding:1em; box-sizing:border-box;}
.wrap table td:nth-child(1) {text-align:right; width:30%; width:calc((100% / 10 ) * 3);}
.wrap table td:nth-child(2) {width:40%; width:calc((100% / 10 ) * 4); border-right:0.063em solid #dedede;border-left:0.063em solid #dedede;}
.wrap table td:nth-child(3) {width:10%; width:calc(100% / 10 );border-right:0.063em solid #dedede;}
.wrap table td:nth-child(4) {width:10%; width:calc(100% / 10);border-right:0.063em solid #dedede;}
.wrap table td:nth-child(5) {width:10%; width:calc(100% / 10)}
.wrap table thead td {font-weight:800; font-size:0.8em; background-color:#000000; color:#ffffff; border-color:#333333 !important; padding:0.5em;}
.wrap table thead td:nth-child(2) {font-size:1em; color:#288ee4;}
.wrap table tbody tr:nth-child(odd) td {background-color:#f2f2f2;}


.wrap span.comment {font-size: 0.8em; color:#666666; line-height:1em}
.wrap i.x {display:inline-block; width: 1em; height:1em; background:url(/images/icon/icon_x.png) no-repeat; background-size:contain}
.wrap i.v {display:inline-block; width: 1em; height:1em; background:url(/images/icon/icon_v.png) no-repeat; background-size:contain}
.wrap strong {font-weight:800}

.wrap .boxDevied4 li{vertical-align: top}
.wrap .boxDevied4 li dt span.icon {display:inline-block; width:200px; height:200px; background:url(/images/icon/uploadfeature.png); vertical-align:top}
.wrap .boxDevied4 li dt span.icon.multiOs {background-position: -200px 0}
.wrap .boxDevied4 li dt span.icon.browser {background-position: -400px 0}
.wrap .boxDevied4 li dt span.icon.file {background-position: -600px 0}

/*업로드 제품기능*/
.wrap .function ul {border: 0; padding-bottom:3em}
.wrap .function .boxDevied4 li {padding:0.5em 0.9em 2.5em;}
.wrap .function .boxDevied4 li dl {text-align:left;}
.wrap .function .boxDevied4 li dt {font-size:1.125em; color:#0e639c;}
.wrap .function .boxDevied4 li dt span.icon {display:block; width:200px; height:100px; background:url(/images/icon/uploadFunction.png); vertical-align:top; margin-bottom:1em}
.wrap .function .boxDevied4 li dt span.icon.up01 {background-position: -0px -0px;}
.wrap .function .boxDevied4 li dt span.icon.up02 {background-position: -200px -0px;}
.wrap .function .boxDevied4 li dt span.icon.up03 {background-position: -400px -0px;}
.wrap .function .boxDevied4 li dt span.icon.up04 {background-position: -600px -0px;}
.wrap .function .boxDevied4 li dt span.icon.up05 {background-position: -0px -100px;}
.wrap .function .boxDevied4 li dt span.icon.up06 {background-position: -200px -100px;}
.wrap .function .boxDevied4 li dt span.icon.up07 {background-position: -400px -100px;}
.wrap .function .boxDevied4 li dt span.icon.up08 {background-position: -600px -100px;}
.wrap .function .boxDevied4 li dd {font-size:0.875em; line-height:1.5em; margin-top:0.5em; }
.wrap .managing .boxDevied3 .icon {background:url(/images/icon/uploadfeature.png) no-repeat; display:block; width:200px; height:150px; margin:0 auto; margin-bottom:3.13em}
.wrap .managing .boxDevied3 .icon.up01 {background-position:-200px 0px}
.wrap .managing .boxDevied3 .icon.up02 {background-position:12px -183px}
.wrap .managing .boxDevied3 .icon.up03 {background-position:-200px -183px}

.wrap .boxDevied3 {display: table; width:100%;border-bottom:0.063em solid #eeeeee;border-left:0.063em solid #eeeeee; padding-top:0 !important; border-top:none !important; margin-bottom:3em}
.wrap .boxDevied3 li {display: table-cell; width:33%; width:calc(100% / 3); box-sizing:border-box; float:left; border-top:0.063em solid #eeeeee;border-right:0.063em solid #eeeeee; height:18em; text-align:center;}
.wrap .boxDevied3 li .tit {display:block; margin-top: 3em; font-size:1.2em; color:#0e6390; }
.wrap .boxDevied3 li .icon_browsers {display:inline-block; width:100px; height:100px; margin:0 auto; background:url(/images/icon/icon_browsers.png) no-repeat;}
.wrap .boxDevied3 li .icon_browsers.ie {background-position:-13px 0}
.wrap .boxDevied3 li .icon_browsers.edge {background-position: -250px -120px}
.wrap .boxDevied3 li .icon_browsers.chrome {background-position:-133px 0}
.wrap .boxDevied3 li .icon_browsers.fx {background-position:-250px 0}
.wrap .boxDevied3 li .icon_browsers.sf {background-position:-13px -120px}
.wrap .boxDevied3 li .icon_browsers.opera {background-position:-133px -120px}
.wrap .boxDevied3 li .icon_browsers.android {background-position:-13px -240px}
.wrap .boxDevied3 li .icon_browsers.ios {background-position:-133px -240px}
.wrap .boxDevied3 li .icon_browsers.etc {background-position:-250px -240px}
.wrap .boxDevied3 li .ver {display:block; margin-top: 1em; font-size:1em; color:#333333;}
.wrap .boxDevied3 li .ver .comment {display: block;}


/*체험센터*/
.wrap .boardArea ul {padding:1em 1.5em; margin-top:1em; border:0.063em solid #dddddd;}
.wrap .boardArea.ie ul img { margin:1em 0  }
.wrap.experience .boardArea ul.txt_left {margin-top:0; margin-bottom:1em; margin-top:0.5em;}
.wrap .boardArea .writeTitle {margin-bottom:1em }
.wrap .boardArea .writeTitle ul {text-align:left; padding:0; border-width:0.063em 0;}
.wrap .boardArea .writeTitle ul li { border-bottom:0.063em solid #f2f2f2; }
.wrap .boardArea .writeTitle ul li:last-child {border-bottom:0; }
.wrap .boardArea .writeTitle span.wHead {display: inline-block; width:20%; width:calc(100% / 5); padding:0.6em 1em; box-sizing: border-box;}
.wrap .boardArea .writeTitle input {display: inline-block; width:80%; width:calc((100% / 4) * 3 + 1em); border-color:#d3d3d3} 
.wrap .boardArea .writeTitle input[type="checkbox"] {width:1em; margin-right:0.5em;}
.wrap .boardArea .boardList ul {text-align:left; padding:0; border-width:0.063em 0; border-top:0.126em solid #288ee4; margin-bottom: 1.2em}
.wrap .boardArea .boardList ul li {border-bottom:0.063em solid #eeeeee; box-sizing:border-box;}
.wrap .boardArea .boardList ul li.notice {border-bottom-color:#dfe9f3;}
.wrap .boardArea .boardList ul li:last-child {border-bottom:0;}
.wrap .boardArea .boardList ul li:nth-child(even) {background:#f9f9f9;}
.wrap .boardArea .boardList ul li.notice {background-color:#eff6ff}
.wrap .boardArea .boardList ul li.notice img {margin-right:1.5em}
.wrap .boardArea .boardList ul li a {display:block; padding:0; margin:0;}
.wrap .boardArea .boardList ul li .span {display:inline-block; width:20%; width:calc((100% / 14 ) * 1); padding:0.5em 1em; text-align:center; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;}
.wrap .boardArea .boardList ul li span.tit {width:calc((100% / 13) * 9); text-align:left;}
.wrap .boardArea .boardList ul li span.writer {width:calc((100% / 14 ) * 2);}
.wrap .boardArea .boardList ul li.title span {font-size:0.75em; font-weight:800; color:#000000; padding:0.8em 1em}
.wrap .boardArea .boardList ul li span img {margin:0;vertical-align:middle; margin-left:0.5em;}
.wrap .boardArea .btnArea {margin-top:2em;}
.wrap .SecInner.layoutimg .imgArea {width:47%; display:inline-block; vertical-align:top; }
.wrap .SecInner.layoutimg .textArea {width:50%; display:inline-block; text-align:left;}
.wrap .SecInner.layoutimg .textArea p a {font-weight:800; color:#333333;}
.wrap .SecInner.layoutimg .textArea .btn02 {margin-top:2em; padding:0.8em 2em;}
.wrap .SecInner.layoutimg .textArea .btn02 .svg {width:13px; height:13px; display:inline-block; margin-left:0.5em;}
.wrap .parting {margin-bottom:5em;}
.wrap .parting .bgBox {background-color:#f2f2f2; padding:0.5em 1em; margin-top:1em; overflow:hidden;}
.wrap .parting .bgBox.divid3 li {width:30%; width:calc(100% / 3);width:calc((100% - 1em) / 3) \0/IE9; box-sizing:border-box; float:left;}
.wrap .parting .bgBox.divid3 li label {margin-right:1em;}
.wrap .parting .bgBox.divid3 li select {width:50%; display:inline-block;}
.wrap .parting .solutionArea.ui {width:100%; height:22em}
.wrap .parting .solutionArea.ui.upload {height:12em;}
.wrap .parting .solutionArea.ui div.solution {height:100%; float:left; position: relative;}
.wrap .parting .solutionArea.ui div.marking {width:10%; width:3em; height:100%; float:left; position: relative;}
.wrap .parting .solutionArea.ui div.marking span {position:absolute; left:1em;}
.wrap .parting .solutionArea.ui div.marking span.no1 {top:0.5em;}
.wrap .parting .solutionArea.ui div.marking span.no2 {top:3em;}
.wrap .parting .solutionArea.ui div.marking span.no3 {bottom:1.5em;}
.wrap .parting .solutionArea.ui.upload div.marking span.no2 {top:7.8em;}
.wrap .parting .solutionArea.ui.upload div.marking span.no3 {bottom:1.2em;}
.wrap .parting .solutionArea.ui div.solution {width:89%; width:calc(100% - 3em);}
.wrap .parting .lineBox {border:0.063em solid #d2d2d2; padding:.5em; margin-top:1em; margin-bottom:1em; overflow:hidden;}
.wrap .parting .lineBox.text {padding:1.5em 3em; }
.wrap .parting .lineBox li {line-height:1.5em}
.wrap .parting .lineBox.divid8 li {width:10%; width:calc(100% / 8); float:left;}
.wrap .parting .lineBox li dl {border:0.063em solid #eeeeee; margin-top:-0.063em; margin-left:-0.063em;}
.wrap .parting .lineBox li dt {border-bottom:0.063em solid #eeeeee; height:1em}
.wrap .parting .lineBox.divid8 li dt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.wrap .parting .lineBox.divid8 li:nth-child(1) dt {background-color:#d0dae8;}
.wrap .parting .lineBox.divid8 li:nth-child(2) dt {background-color:#d2ea99;}
.wrap .parting .lineBox.divid8 li:nth-child(3) dt {background-color:#ecc891;}
.wrap .parting .lineBox.divid8 li:nth-child(4) dt {background-color:#b5a2da;}
.wrap .parting .lineBox.divid8 li:nth-child(5) dt {background-color:#d1d0cb;}
.wrap .parting .lineBox.divid8 li:nth-child(6) dt {background-color:#e5dc45;}
.wrap .parting .lineBox.divid8 li:nth-child(7) dt {background-color:#ffd08d;}
.wrap .parting .lineBox.divid8 li:nth-child(8) dt {background-color:#aeaeae;}
.wrap .parting .lineBox.divid8 li:nth-child(9) dt {background-color:#e5e5e5;}
.wrap .parting .lineBox.divid8 li:nth-child(10) dt {background-color:#ffc0b8;}
.wrap .parting .lineBox.divid8 li:nth-child(11) dt {background-color:#ddd8ad;}
.wrap .parting .lineBox.divid8 li:nth-child(12) dt {background-color:#f5d4f4;}
.wrap .parting .lineBox.divid8 li:nth-child(13) dt {background:linear-gradient(to right,#ffc0b8, #ecc891,#e5dc45,#d2ea99,#d0dae8,#dccef4);}
.wrap .parting .lineBox li dd {padding:0.2em 0.5em;}
.wrap .parting input[type="radio"], .wrap .parting .lineBox input[type="checkbox"] {height:1em; margin-right:0.5em; width:auto; display:inline-block; vertical-align: middle;}
.wrap .parting .solutionArea {width:100%; height:auto;}
.wrap .parting .solutionArea > div {margin-top:0.5em;}
.wrap .parting .solutionArea .editor {width:100%;}
.wrap .parting .solutionArea .commentEditor {height:auto;}
.wrap .parting .solutionArea .uploadStandard {height:260px; width:470px; margin:0.5em auto;}
.wrap .parting .solutionArea .uploadLight {height:170px; width:470px; margin:0.5em auto}
.wrap .parting .lineBox.divid5 li {width:20%; width:calc(100% / 5); float: left;}
.wrap .parting .lineBox.divid5 li dl {border:none;}
.wrap .parting .lineBox table {border-bottom-width:0.063em; table-layout:fixed;}
.wrap .parting .lineBox table th {text-align:center; }
.wrap .parting .lineBox table th:first-child {border-left:0.3em solid #288ee4;}
.wrap .parting .lineBox table td {text-align: left; border-bottom:0.063em solid #cccccc;}
.wrap .parting .lineBox table td label {margin-right:1em;}
.wrap .parting .lineBox table tbody {border:0.063em solid #cccccc;}
.wrap .parting .lineBox table tr:nth-child(odd) td {background-color:transparent;}
.wrap .parting table tr.commentUpper td { padding-bottom:0.25em; border-bottom-color:transparent; }
.wrap .parting table tr.commentTr td {padding-top:0.25em;}
.wrap .parting .mg_t {margin-top:1em; font-size:1.2em}
.wrap .parting .solutionArea .editor.reply {height:12em}
.wrap .parting .solutionArea .replybtn {border:0.063em solid #eeeeee; border-width:0 0.063em 0.063em; margin-top:0; text-align:right;}
.wrap .parting .solutionArea .replybtn a {padding:0.5em 1.5em; background-color:#0e639c; display:inline-block; color:#ffffff;}
.wrap .parting .solutionArea .comment {border-top:0.063em solid #eeeeee; margin-top:4em; margin-bottom:20em;}/*댓글 에디터*/
.wrap .parting .solutionArea .comment img {margin-top:0; vertical-align:text-bottom;}
.wrap .parting .solutionArea .comment li {border-bottom:0.063em solid #eeeeee; padding:0.8em 0;}
.wrap .parting .solutionArea .comment li .fileSize {color:#555555; font-size:0.8em; margin-left:1em;}
.wrap .parting .solutionArea .comment li .fileSize:before {content:"("}
.wrap .parting .solutionArea .comment li .fileSize:after {content:")"}
.wrap .parting .solutionArea .comment li .status {color:#ffffff; float:right; background-color:#4bb30a; font-size:0.7em; padding-left:1em; padding-right: 1em; border-radius:3em }
.wrap .boardArea li {line-height:1.7em}
.wrap .boardArea a.btn02 img {display:inline-block; margin:0 0.5em 0 0 ;}
.wrap table.dom a.btn02 {margin:0.5em; padding:0.5em 3em;}
.wrap table.accessibility {table-layout:fixed}
.wrap table.accessibility input[type="text"] {display:inline-block; width:50%}
.wrap span.icon.arrow {display:inline-block;width:20px; height:20px; background:url(/images/icon/icon_arrow.png) no-repeat;}
.wrap .howToArea h6 {position:relative; margin-bottom:1em;}
.wrap .howToArea h6 a {background-color:#ffffff;}
.wrap .howToArea h6 a.on span.icon.arrow {background-position:0 -20px;}
.wrap .howToArea h6 a:hover {color:#02639c; text-decoration:underline;}
.wrap .howToArea h6 a .arrow {background-color:#ffffff; vertical-align:bottom; margin:0 0.5em}
.wrap .howToArea h6:before {content:''; display:inline-block; width:100%; height: 0.063em; background-color:#cccccc; position:absolute; top:0.5em; z-index:-1}
.wrap .howToArea div {margin-bottom:3em}
.wrap .howToArea ul li {padding:4em 0 1em;}
.wrap .howToArea ul li.title {font-weight:800; font-size:1.5em; color:#0e639c; padding:2em 0 0;}
.wrap .howToArea ul img {margin-top:0.5em}
.wrap a.btn02.mr {margin-right:0.5em;}
.wrap .parting .lineBox table.skin th:first-child {border-left:0.063em solid #cccccc;}

/* 체험센터 > 업로드 스킨 컬러 */
.wrap table.skin tbody tr:first-child th {background-color:#ffffff; overflow-x:auto;}
.wrap table.skin tbody tr th img {margin-top:0;}
.wrap table.skin tbody tr input[type="text"] {display:inline-block; width:80%; max-width:5em}
.wrap.experience i.no1, .wrap.experience i.no2 { width:1.2em; height:1.2em; line-height:1.5em; display:inline-block; border-radius:50%; background-color:#ff551c; color:#ff551c; font-weight:600; border:0.2em solid #ff551c;}
.wrap.experience i.no1 {color: #ffffff;}
.wrap.experience i.no2 {background-color: #ffffff;}
.wrap.experience .uploadSkinColor {position:relative; display:inline-block; vertical-align: middle;}
.wrap.experience .uploadSkinColor i {position:absolute; box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3)}
.wrap.experience .uploadSkinColor i.no101 {top:2px; left:300px;}
.wrap.experience .uploadSkinColor i.no102 {top:182px; left:1px;}
.wrap.experience .uploadSkinColor i.no103 {top:180px; left:480px;}
.wrap.experience .uploadSkinColor i.no201 {top:2px; left:15px;}
.wrap.experience .uploadSkinColor i.no202 {top:2px; left:518px;}
.wrap.experience .uploadSkinColor i.no203 {top:180px; left:4px;}

.wrap.experience .uploadSkinColor i.no111 {top:2px; left:350px;}
.wrap.experience .uploadSkinColor i.no112 {top:37px; left:143px;}
.wrap.experience .uploadSkinColor i.no113 {top:150px; left:200px;}
.wrap.experience .uploadSkinColor i.no114 {top:210px; left:440px;}
.wrap.experience .uploadSkinColor i.no211 {top:2px; left:5px;}
.wrap.experience .uploadSkinColor i.no212 {top:224px; left:391px;}

.wrap.experience .uploadSkinColor i.no115 {top:3px; left:330px;}
.wrap.experience .uploadSkinColor i.no116 {top:76px; left:154px;}
.wrap.experience .uploadSkinColor i.no117 {top:110px; left:394px;}
.wrap.experience .uploadSkinColor i.no213 {top:3px; left:5px;}
.wrap.experience .uploadSkinColor i.no214 {top:139px; left:389px;}

/*라이선스*/
.wrap.license .textArea h3.subject {margin-bottom:0;}
.wrap.license .textArea h5 {margin-bottom:0em; text-align:left;}
.wrap.license .purchaseProgress{margin-top: 35px;}
.wrap.license .purchaseProgress li h6:before {background: url(../images/update2023/raonk_solution_icon09_bg.png) no-repeat;}
.wrap.license .purchaseProgress {display: flex; gap: 20px; flex-wrap: wrap;}
.wrap.license .purchaseProgress li h6:before {content: ""; display: block; width: 114px; height: 113px; margin: 0 auto 20px;}
.wrap.license .purchaseProgress li { display: block; box-sizing: border-box; border: solid 1px rgb(235,235,235); border-radius: 10px; text-align: center; position: relative; flex-basis: 300px; flex-grow: 1; flex-shrink: 1; padding:10px 25px}
.wrap.license .purchaseProgress li:nth-child(even) {background-color:#f3f3f3;}
.wrap.license .purchaseProgress .cont01 h6:before {background-position: -53px -29px;}
.wrap.license .purchaseProgress .cont02 h6:before {background-position: -353px -29px;}
.wrap.license .purchaseProgress .cont03 h6:before {background-position: -653px -29px;}
.wrap.license .purchaseProgress .cont04 h6:before {background-position: -953px -29px;}
.wrap.license .purchaseProgress .cont05 h6:before {background-position: -1253px -29px;}
.wrap.license .purchaseProgress .cont06 h6:before {background-position: -1553px -29px;}
.wrap.license .purchaseProgress .last {border: 0;}
.wrap.license .purchaseProgress div { padding-top: 1.750em; display: block; padding-bottom: 1.750em;}
.wrap.license .purchaseProgress h5 {font-size: 1.125em; color: #1b3380; font-weight: 600;}
.wrap.license .purchaseProgress p {margin-top: 20px;}
.wrap.license .purchaseProgress .hr {width: 72%; height: 1px; background-color: rgb(235,235,235); position: absolute; top: 112px;}
.wrap.license .purchaseProgress .hrFirst { width: 72%; height: 1px; background-color: rgb(235,235,235); position: absolute; top: 135px;}
.wrap.license .purchaseProgress .fontSize13 { font-size: 0.813em;}
.wrap.license .purchaseProgress .fontSize14 {font-size: 0.875em;}
.wrap.license .purchaseProgress .fontSize14.boxinbox { padding: 10px 20px; margin: 15px; border: 1px solid #f3f3f3; background-color: #ffffff}
.wrap.license .purchaseProgress .skyblue, .wrap.license .maintenance .skyblue, .wrap.license .inquiry p .skyblue {color: #03a9f4;}
.wrap.license .purchaseProgress a:hover, .wrap.license .purchaseProgress a:action {text-decoration: none;}
.wrap.license .purchaseProgress .btn { margin-top: 25px;}
.wrap.license .purchaseProgress a span { color: #fff; padding: 0.5em 10px; font-size: 0.813em; vertical-align: middle;}
.wrap.license .purchaseProgress .link {background-color: transparent}
.wrap.license .purchaseProgress .link:hover, .wrap.license .purchaseProgress .link:active {text-decoration: underline}
.wrap table thead th {color:#ffffff; background-color:#000000; line-height:2em;}
.wrap table tbody th {background-color:#f2f2f2; border-right:0.063em solid #cccccc;}
.wrap table tbody td {background-color:#ffffff;}
.wrap table tbody tr th {border-bottom:0.063em solid #cccccc; border-left:0.063em solid #cccccc;;}
.wrap.license table tbody tr:nth-child(2) td {border-bottom:0.063em solid #eeeeee;}
.wrap.license table tbody tr td {text-align:left; color:#333333; font-weight:300; line-height:1.5em}
.wrap.license table.guide tbody tr:nth-child(odd) td {background-color:#ffffff; border-bottom:0.063em solid #eeeeee;}
.wrap.license table.guide td {border-right:0.063em solid #eeeeee;}
.wrap.license span.comment {color:#0e639c;}
.wrap.license ul.boxLine li {border-bottom:0.063em solid #eeeeee; padding:1.2em 0.5em; color:#333333; text-align: left; font-weight:300}
.wrap.license ul.boxLine li.title {font-weight:400; color:#0e639c; }
.wrap.license ul.boxLine li.last {border-bottom:0}
.wrap.license ul.boxLine li.service {padding:2em 0.5em; line-height:1.8em; border-top:0.19em solid #eeeeee;} 

.wrap.license .contactArea > div.imgPart {display:inline-block; width:30%; width:calc((100% - 1em ) / 4); vertical-align:top; text-align:center;}
.wrap.license .contactArea > div.imgPart img {margin-top:3em;}
.wrap.license .contactArea > div.txtPart {display:inline-block; width:65%; width:calc((100% - 1em ) / 4 * 3)}
.wrap.license .contactArea > div .time {border-bottom:0.063em solid #dddddd; padding-bottom:1.3em; margin-bottom:1.5em }
.wrap.license .contactArea > div .bigTitle {font-size:1.3em;}
.wrap.license .contactArea > div p {margin-top:0.8em; line-height:1.4em}
.wrap.license .contactArea > div .info {width:40%; width:calc(100 / 5.5); display:inline-block;}
.wrap.license .contactArea .title {padding-bottom:0; margin-top:0.3em;}
.wrap.license .contactArea img {margin:0.5em 0; object-fit:none; text-align: center; height:auto; }

.wrap div.boxBorder {position: relative; width:100%; text-align: left; background-color:transparent; border:0.063em solid #eeeeee; box-sizing:border-box; padding:2em 1em;}
.wrap div.boxBorder .title {font-size:1.2em; color:#0e639c; padding-bottom:0.5em; display:inline-block;}
.wrap.license .parting .lineBox.text li:before {content:"- "; margin-left:-0.65em;}
.wrap table.application {margin:1em 0; table-layout:fixed;}
.wrap table.application tr:first-child th,
.wrap table.application tr:first-child td {border-top:0.3em solid #288ee4; text-align:center; padding:2em 0;}
.wrap table.application tr th {text-align:center;}
.wrap table.application tbody tr.important th {background-color:#cee9ff;}
.wrap table.application tbody tr.important td {background-color:#f5faff;}
.wrap table.application tr td.subTitle {text-align:right; vertical-align:top}
.wrap table.application tr td {border-top:0.063em solid #dedede;     border-right: 0.063em solid #dedede;}
.wrap table.application tr:nth-last-child(2) td{border-bottom:0.063em solid #dedede}
.wrap table.application label {margin:0 1.5em 0 0em ;}
.wrap table.application tr.commentTr td {border-top-color:transparent;}
.wrap table.application tr:last-child th {padding:3em 0;}
.wrap table.application tr:last-child th p {margin-bottom:2em}
.wrap table.application tr:last-child th dl {max-width:12em; margin:0 auto; position: relative; height:2.2em}
.wrap table.application tr:last-child th dl dt {position: absolute; left:0; bottom:5px;}
.wrap table.application tr:last-child th dl dd {position: absolute; right:0; bottom:0px;}
.wrap table.application tr:last-child th dl.applicant dd input {width:120px; font-size:16px;}
.wrap table.application tr:last-child th dl.date dd input {width:30px; border-color:transparent; background-color: transparent; font-size:16px;}
.wrap table.application tr:last-child th dl.date dd input:first-child {width:50px; }
.wrap table.application select {margin-right:0.5em;}
.wrap table.application select.server {width:50%;}
.wrap.license .application tr td {border-top:0.063em solid #eeeeee; background-color:#ffffff}
.wrap.license table tbody tr.commentUpper td {border-bottom-color:transparent;}
.wrap.license .additionalInput input {display:inline-block; width:150px; border: 0.063em solid #767676; border-radius:2px; height:30px; cursor:text}
.wrap .officer .subject {font-size:22px; font-weight:500;}
.wrap .officer p {margin-top:5px; margin-bottom:40px;}
.wrap .officer table.application tr:first-child th,
.wrap .officer table.application tr:last-child th {padding:0;}
.wrap .officer table.application tr:first-child td {padding:1em 2em}
.wrap .officer table.application tr td {text-align:left; padding-left:2em}
.wrap .officer table.application input {cursor:text}
.wrap .officer .officer_sec .editable,
.wrap .officer .officer_sec table input,
.wrap .officer .officer_sec.on .normal,
.wrap .officer .officer_sec.on table span {display:none;}
.wrap .officer .officer_sec.on .editable,
.wrap .officer .officer_sec.on table input {display:inline;}
.wrap .officer .btn_area a {padding:7px 15px;}
.wrap .officer .officer_sec {margin-top:20px;}
.wrap .officer .sec_tit {display:flex; justify-content: space-between;}
.wrap .officer .sec_tit h6 {font-weight:800; color:#1b3380; font-size:16px;}
.wrap .addofficer {text-align: center;}
.wrap .addofficer a {display:inline-block; transition:0.3s;}
.wrap .addofficer a span {position: relative; display: inline-block; width:20px; height:12px; }
.wrap .addofficer a span:before {content:""; display:inline-block; width: 18px; height: 1px; position:absolute; top:6px; background-color: #dddddd;}
.wrap .addofficer a span:after  {content:""; display:inline-block; width: 18px; height: 1px; position:absolute; top:6px; background-color: #dddddd; transform:rotate(90deg);}
.wrap .addofficer a:hover {background-color: #000000; color:#ffffff; transition:0.3s;}

/*개발센터*/
.wrap.develop .textArea .subject {margin-bottom:0 }
.wrap.develop .textArea p:after {display:none}
.wrap.develop table {border:0.063em solid #cccccc; margin-bottom:2em }
.wrap.develop table thead th {line-height:2em; font-weight:800; border-bottom:0.063em solid #d7d7d7; background-color:#000000; color:#ffffff;}
.wrap.develop table tbody tr th, .wrap.develop table tbody tr td { font-size:1em; border-bottom:0.063em solid #dadada; }
.wrap.develop table tbody tr:last-child th, .wrap.develop table tbody tr:last-child td {border-bottom-color:#cccccc;}
.wrap.develop table tbody tr th {background-color:#f2f2f2; width:30%;}
.wrap.develop table tbody tr:nth-child(odd) td {background-color:#ffffff;}
.wrap.develop table td.txt_center {text-align:center;}
.wrap.develop table td.txt_center .btn {color:#0e639c;}
.wrap.develop table td.txt_center .btn:hover {text-decoration:underline;}
.wrap.develop .btnArea { margin:2em 0; }
.wrap.develop .btnArea ul {width:100%}
.wrap.develop .btnArea li {width:50%; max-width:15em; width:calc((100% - 0.5em) / 2);}
.wrap.develop .btnArea li:first-child { margin-right:0.5em; }
.wrap.develop .btnArea a {width:100%; display:inline-block; box-sizing:border-box; padding:0.6em 1em; color:#464646; font-weight:600}
.wrap.develop a.btn02 {width:80%; max-width:13em}

/*고객 지원*/
.wrap.support .headerSub ul {text-align:right;}
.wrap.support .boardArea .boardList ul li.title span.tit {width:70%; width: calc((100% / 11) * 9); text-align:center;}
.wrap.support .boardArea .boardList ul li span.tit {width:70%; width: calc((100% / 11) * 9);}
.wrap.support .mt {margin-top:1em;}

/*고객지원 라이선스*/
.wrap.support table.product {margin:1em 0;}
.wrap.support table.product tbody tr:nth-child(odd) td { background-color:#ffffff; }
.wrap.support table.product tr td label {margin-right:1em;}
.wrap.support table tbody tr:first-child th,
.wrap.support table tbody tr:first-child td {border-top:0.3em solid #288ee4;;}
.wrap.support table tbody tr th {border-left:0.063em solid #cccccc; table-layout:fixed;}
.wrap.support table tbody tr th label {width:200px;}
.wrap.support table tbody tr td { text-align:left; border-top:0.063em solid #dedede; border-right:0.063em solid #dedede}
.wrap.support table.product input, 
.wrap.support table.product select {width:80%; border-color:#bbbbbb;}
.wrap.support table.product textarea {width:80%; border-color:#bbbbbb; height:200px; font-size: 16px; line-height: 1.5em;}
.wrap.support table tbody tr.prevent input {width:150px; display:inline-block; margin-right:0.5em;}
.wrap.support table tbody tr.prevent img {width:87px; display:inline-block; margin-top:0; }
.wrap.support div.loginArea {padding-top:2em;}
.wrap.support div.loginArea h6 {font-size:1.375em; color:#0e639c; margin:0.5em 0 1em;}
.wrap.support div.loginArea p {font-size:1.125em; color:#444444;}
.wrap.support div.loginArea p.comment {font-size:0.875em; color:#666666;}
.wrap.support div.loginArea b {font-weight:800;color:#000000;}
.wrap.support div.loginArea p.divied {margin-bottom:1em;}
.wrap.support div.loginArea p.divied:after {content:""; display:block; background-color:#f2f2f2; width:100%; height:0.063em;margin-top:1em;}

/*고객지원 다운로드*/
.wrap.support .boxDevied4 li {border:0.063em solid #f2f2f2; padding:2em 1.5em; margin-left:-0.063em;}
.wrap.support .boxDevied4 li dt {font-size:1.2em}
.wrap.support .boxDevied4 li span.icon {display:block; width:100px; height:100px; background:url(/images/icon/icon_download.png) no-repeat; margin:1em auto;}
.wrap.support .boxDevied4 li.order span.icon {background-position: -100px 0;}
.wrap.support .boxDevied4 li.editor span.icon {background-position: -200px 0;}
.wrap.support .boxDevied4 li.upload span.icon {background-position: -300px 0;}
.wrap.support .boxDevied4 li a {width:80%;}
.wrap.support .boxDevied4 li.upload a,.wrap.support .boxDevied4 li.editor a {background-color:#e18a00;}
.wrap.support .boxDevied4 li a span.downArrow {background:url(/images/icon/icon_downArrow.png) no-repeat right; display:inline-block; width:15px; height:15px; vertical-align:text-top; padding-left:0.5em;}

/* 고객센터 레퍼런스 */
.wrap.support .reference {max-width: var(--width-1300px); margin: 60px auto 0}
.wrap.support .reference h5 {font-size:21px;  padding-bottom: 0.8em; color:#333333; text-align:left; font-weight: 800; }
.wrap.support .reference ul {display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:5em }
.wrap.support .reference ul li {flex-basis:150px; flex-grow:1; flex-shrink:150px; border: 1px solid #dddddd; padding: 5px; margin:0.2em }
.wrap.support .reference ul li i {display: block; background-image: url(../images/update2023/reference.jpg); width:150px; height:60px; margin: 0 auto}
.wrap.support .reference ul.refe-01 li.ci01 i {background-position:0px -1900px}
.wrap.support .reference ul.refe-01 li.ci02 i {background-position:-200px -1900px;}
.wrap.support .reference ul.refe-01 li.ci03 i {background-position:-400px -1900px}
.wrap.support .reference ul.refe-01 li.ci04 i {background-position:-600px -1900px}
.wrap.support .reference ul.refe-01 li.ci05 i {background-position:-800px -1900px}
.wrap.support .reference ul.refe-01 li.ci06 i {background-position:-1000px -1900px}
.wrap.support .reference ul.refe-01 li.ci07 i {background-position:-00px -2000px}
.wrap.support .reference ul.refe-01 li.ci08 i {background-position:-200px -2000px}
.wrap.support .reference ul.refe-01 li.ci09 i {background-position:-400px -2000px}
.wrap.support .reference ul.refe-01 li.ci10 i {background-position:-600px -2000px}
.wrap.support .reference ul.refe-01 li.ci11 i {background-position:-800px -2000px}
.wrap.support .reference ul.refe-01 li.ci12 i {background-position:-1000px -2000px}
.wrap.support .reference ul.refe-01 li.ci13 i {background-position:-00px -2100px}
.wrap.support .reference ul.refe-01 li.ci14 i {background-position:-200px -2100px}
.wrap.support .reference ul.refe-01 li.ci15 i {background-position:-400px -2100px}
.wrap.support .reference ul.refe-01 li.ci16 i {background-position:-600px -2100px}
.wrap.support .reference ul.refe-01 li.ci17 i {background-position:-800px -2100px}
.wrap.support .reference ul.refe-01 li.ci18 i {background-position:-1000px -2100px}
.wrap.support .reference ul.refe-01 li.ci19 i {background-position:-000px -2200px}
.wrap.support .reference ul.refe-01 li.ci20 i {background-position:-200px -2200px}
.wrap.support .reference ul.refe-01 li.ci21 i {background-position:-400px -2200px}
.wrap.support .reference ul.refe-01 li.ci22 i {background-position:-600px -2200px}
.wrap.support .reference ul.refe-01 li.ci23 i {background-position:-800px -2200px}
/* .wrap.support .reference ul.refe-01 li.ci24 i {background-position:-1000px -2200px} */
.wrap.support .reference ul.refe-01 li.ci25 i {background-position:-000px -2300px}
.wrap.support .reference ul.refe-01 li.ci26 i {background-position:-200px -2300px}
.wrap.support .reference ul.refe-01 li.ci27 i {background-position:-400px -2300px}
.wrap.support .reference ul.refe-01 li.ci28 i {background-position:-600px -2300px;}
.wrap.support .reference ul.refe-01 li.ci29 i {background-position:-800px -2300px}
.wrap.support .reference ul.refe-01 li.ci30 i {background-position:-1000px -2300px}
.wrap.support .reference ul.refe-01 li.ci31 i {background-position:-000px -2400px}
.wrap.support .reference ul.refe-01 li.ci32 i {background-position:-200px -2400px}
.wrap.support .reference ul.refe-01 li.ci33 i {background-position:-400px -2400px}
.wrap.support .reference ul.refe-01 li.ci34 i {background-position:-600px -2400px}
.wrap.support .reference ul.refe-01 li.ci35 i {background-position:-000px -2500px}
.wrap.support .reference ul.refe-01 li.ci36 i {background-position:-200px -2500px}
.wrap.support .reference ul.refe-01 li.ci37 i {background-position:-400px -2500px}
.wrap.support .reference ul.refe-01 li.ci38 i {background-position:-600px -2500px}
.wrap.support .reference ul.refe-01 li.ci39 i {background-position:-800px -2500px}
.wrap.support .reference ul.refe-01 li.ci40 i {background-position:-1000px -2500px}
.wrap.support .reference ul.refe-01 li.ci41 i {background-position:-000px -2600px}
.wrap.support .reference ul.refe-01 li.ci42 i {background-position:-200px -2600px}
.wrap.support .reference ul.refe-01 li.ci43 i {background-position:-400px -2600px}
.wrap.support .reference ul.refe-01 li.ci44 i {background-position:-600px -2600px}
.wrap.support .reference ul.refe-01 li.ci45 i {background-position:-800px -2600px}
.wrap.support .reference ul.refe-01 li.ci46 i {background-position:-1000px -2600px}
.wrap.support .reference ul.refe-01 li.ci47 i {background-position:-000px -2700px}
.wrap.support .reference ul.refe-01 li.ci48 i {background-position:-200px -2700px}
.wrap.support .reference ul.refe-01 li.ci49 i {background-position:-400px -2700px}
.wrap.support .reference ul.refe-01 li.ci50 i {background-position:-600px -2700px}
.wrap.support .reference ul.refe-01 li.ci51 i {background-position:-800px -2700px}
.wrap.support .reference ul.refe-01 li.ci52 i {background-position:-1000px -2700px}
.wrap.support .reference ul.refe-01 li.ci53 i {background-position:-00px -2800px}
.wrap.support .reference ul.refe-01 li.ci54 i {background-position:-200px -2800px}
.wrap.support .reference ul.refe-01 li.ci55 i {background-position:-400px -2800px}
.wrap.support .reference ul.refe-01 li.ci56 i {background-position:-600px -2800px}
.wrap.support .reference ul.refe-01 li.ci57 i {background-position:-800px -2800px}
.wrap.support .reference ul.refe-01 li.ci58 i {background-position:-1000px -2800px}
.wrap.support .reference ul.refe-01 li.ci59 i {background-position:-0px -2900px}
.wrap.support .reference ul.refe-01 li.ci60 i {background-position:-200px -2900px}
.wrap.support .reference ul.refe-01 li.ci61 i {background-position:-400px -2900px}
.wrap.support .reference ul.refe-01 li.ci62 i {background-position:-600px -2900px}
.wrap.support .reference ul.refe-01 li.ci63 i {background-position:-800px -2900px}
.wrap.support .reference ul.refe-01 li.ci64 i {background-position:-1000px -2900px}
.wrap.support .reference ul.refe-01 li.ci65 i {background-position:-000px -3000px}
.wrap.support .reference ul.refe-01 li.ci66 i {background-position:-200px -3000px}
.wrap.support .reference ul.refe-01 li.ci67 i {background-position:-400px -3000px}
.wrap.support .reference ul.refe-01 li.ci68 i {background-position:-600px -3000px}
/* .wrap.support .reference ul.refe-01 li.ci69 i {background-position:-800px -3000px} */
.wrap.support .reference ul.refe-01 li.ci70 i {background-position:-1000px -3000px}
.wrap.support .reference ul.refe-01 li.ci71 i {background-position:-00px -3100px}
.wrap.support .reference ul.refe-01 li.ci72 i {background-position:-200px -3100px}
.wrap.support .reference ul.refe-01 li.ci73 i {background-position:-400px -3100px}
.wrap.support .reference ul.refe-01 li.ci74 i {background-position:-600px -3100px}
.wrap.support .reference ul.refe-01 li.ci75 i {background-position:-800px -3100px}
.wrap.support .reference ul.refe-01 li.ci76 i {background-position:-1000px -3100px}
.wrap.support .reference ul.refe-01 li.ci77 i {background-position:-00px -3200px}
.wrap.support .reference ul.refe-01 li.ci78 i {background-position:-200px -3200px}
.wrap.support .reference ul.refe-01 li.ci79 i {background-position:-400px -3200px}
.wrap.support .reference ul.refe-01 li.ci80 i {background-position:-600px -3200px}
.wrap.support .reference ul.refe-01 li.ci81 i {background-position:-800px -3200px}
.wrap.support .reference ul.refe-01 li.ci82 i {background-position:-1000px -3200px}
.wrap.support .reference ul.refe-01 li.ci83 i {background-position:-0px -3300px}
.wrap.support .reference ul.refe-01 li.ci84 i {background-position:-200px -3300px}
.wrap.support .reference ul.refe-01 li.ci85 i {background-position:-400px -3300px}
.wrap.support .reference ul.refe-01 li.ci86 i {background-position:-600px -3300px}

.wrap.support .reference ul.refe-02 li.ci01 i {background-position:-000px -4600px}
.wrap.support .reference ul.refe-02 li.ci02 i {background-position:-200px -4600px}
.wrap.support .reference ul.refe-02 li.ci03 i {background-position:-400px -4600px}
.wrap.support .reference ul.refe-02 li.ci04 i {background-position:-600px -4600px}
.wrap.support .reference ul.refe-02 li.ci05 i {background-position:-800px -4600px}
.wrap.support .reference ul.refe-02 li.ci06 i {background-position:-1000px -4600px}
.wrap.support .reference ul.refe-02 li.ci07 i {background-position:-000px -4700px}
.wrap.support .reference ul.refe-02 li.ci08 i {background-position:-200px -4700px}
.wrap.support .reference ul.refe-02 li.ci09 i {background-position:-400px -4700px}
.wrap.support .reference ul.refe-02 li.ci10 i {background-position:-600px -4700px}
.wrap.support .reference ul.refe-02 li.ci11 i {background-position:-800px -4700px}
.wrap.support .reference ul.refe-02 li.ci12 i {background-position:-1000px -4700px}
.wrap.support .reference ul.refe-02 li.ci13 i {background-position:-000px -4800px}
.wrap.support .reference ul.refe-02 li.ci14 i {background-position:-200px -4800px}
.wrap.support .reference ul.refe-02 li.ci15 i {background-position:-400px -4800px}
.wrap.support .reference ul.refe-02 li.ci16 i {background-position:-600px -4800px}
.wrap.support .reference ul.refe-02 li.ci17 i {background-position:-800px -4800px}
.wrap.support .reference ul.refe-02 li.ci18 i {background-position:-1000px -4800px}
.wrap.support .reference ul.refe-02 li.ci19 i {background-position:-000px -4900px}
.wrap.support .reference ul.refe-02 li.ci20 i {background-position:-200px -4900px}
.wrap.support .reference ul.refe-02 li.ci21 i {background-position:-400px -4900px}
.wrap.support .reference ul.refe-02 li.ci22 i {background-position:-600px -4900px}
.wrap.support .reference ul.refe-02 li.ci23 i {background-position:-800px -4900px}
.wrap.support .reference ul.refe-02 li.ci24 i {background-position:-1000px -4900px}
.wrap.support .reference ul.refe-02 li.ci25 i {background-position:-000px -5000px}
.wrap.support .reference ul.refe-02 li.ci26 i {background-position:-200px -5000px}
.wrap.support .reference ul.refe-02 li.ci27 i {background-position:-400px -5000px}
.wrap.support .reference ul.refe-02 li.ci28 i {background-position:-600px -5000px}
.wrap.support .reference ul.refe-02 li.ci29 i {background-position:-800px -5000px}
.wrap.support .reference ul.refe-02 li.ci30 i {background-position:-1000px -5000px}
.wrap.support .reference ul.refe-02 li.ci31 i {background-position:-000px -5100px}
.wrap.support .reference ul.refe-02 li.ci32 i {background-position:-200px -5100px}
.wrap.support .reference ul.refe-02 li.ci33 i {background-position:-400px -5100px}
.wrap.support .reference ul.refe-02 li.ci34 i {background-position:-600px -5100px}
.wrap.support .reference ul.refe-02 li.ci35 i {background-position:-800px -5100px}
.wrap.support .reference ul.refe-02 li.ci36 i {background-position:-1000px -5100px}
.wrap.support .reference ul.refe-02 li.ci37 i {background-position:-000px -5200px}
.wrap.support .reference ul.refe-02 li.ci38 i {background-position:-200px -5200px}
.wrap.support .reference ul.refe-02 li.ci39 i {background-position:-400px -5200px}
.wrap.support .reference ul.refe-02 li.ci40 i {background-position:-600px -5200px}
.wrap.support .reference ul.refe-02 li.ci41 i {background-position:-800px -5200px}
.wrap.support .reference ul.refe-02 li.ci42 i {background-position:-1000px -5200px}
.wrap.support .reference ul.refe-02 li.ci43 i {background-position:-000px -5300px}
.wrap.support .reference ul.refe-02 li.ci44 i {background-position:-200px -5300px}
.wrap.support .reference ul.refe-02 li.ci45 i {background-position:-400px -5300px}
.wrap.support .reference ul.refe-02 li.ci46 i {background-position:-600px -5300px}
.wrap.support .reference ul.refe-02 li.ci47 i {background-position:-800px -5300px}
.wrap.support .reference ul.refe-02 li.ci48 i {background-position:-1000px -5300px}

.wrap.support .reference ul.refe-03 li.ci01 i {background-position:-00px -3500px}
.wrap.support .reference ul.refe-03 li.ci02 i {background-position:-200px -3500px}
.wrap.support .reference ul.refe-03 li.ci03 i {background-position:-400px -3500px}
.wrap.support .reference ul.refe-03 li.ci04 i {background-position:-600px -3500px}
.wrap.support .reference ul.refe-03 li.ci05 i {background-position:-800px -3500px}
.wrap.support .reference ul.refe-03 li.ci06 i {background-position:-1000px -3500px}
.wrap.support .reference ul.refe-03 li.ci07 i {background-position:-00px -3600px}
.wrap.support .reference ul.refe-03 li.ci08 i {background-position:-200px -3600px}
.wrap.support .reference ul.refe-03 li.ci09 i {background-position:-400px -3600px}
.wrap.support .reference ul.refe-03 li.ci10 i {background-position:-600px -3600px}
.wrap.support .reference ul.refe-03 li.ci11 i {background-position:-800px -3600px}
.wrap.support .reference ul.refe-03 li.ci12 i {background-position:-1000px -3600px}
.wrap.support .reference ul.refe-03 li.ci13 i {background-position:-00px -3700px}
.wrap.support .reference ul.refe-03 li.ci14 i {background-position:-200px -3700px}
.wrap.support .reference ul.refe-03 li.ci15 i {background-position:-400px -3700px}
.wrap.support .reference ul.refe-03 li.ci16 i {background-position:-600px -3700px}
.wrap.support .reference ul.refe-03 li.ci17 i {background-position:-800px -3700px}
.wrap.support .reference ul.refe-03 li.ci18 i {background-position:-1000px -3700px}
.wrap.support .reference ul.refe-03 li.ci19 i {background-position:-00px -3800px}
.wrap.support .reference ul.refe-03 li.ci20 i {background-position:-200px -3800px}
.wrap.support .reference ul.refe-03 li.ci21 i {background-position:-400px -3800px}
.wrap.support .reference ul.refe-03 li.ci22 i {background-position:-600px -3800px}
.wrap.support .reference ul.refe-03 li.ci23 i {background-position:-800px -3800px}
.wrap.support .reference ul.refe-03 li.ci24 i {background-position:-1000px -3800px}
.wrap.support .reference ul.refe-03 li.ci25 i {background-position:-00px -3900px}
.wrap.support .reference ul.refe-03 li.ci26 i {background-position:-200px -3900px}
.wrap.support .reference ul.refe-03 li.ci27 i {background-position:-400px -3900px}
.wrap.support .reference ul.refe-03 li.ci28 i {background-position:-600px -3900px}
.wrap.support .reference ul.refe-03 li.ci29 i {background-position:-800px -3900px}
.wrap.support .reference ul.refe-03 li.ci30 i {background-position:-1000px -3900px}
.wrap.support .reference ul.refe-03 li.ci31 i {background-position:-0px -4000px}
.wrap.support .reference ul.refe-03 li.ci32 i {background-position:-200px -4000px}
.wrap.support .reference ul.refe-03 li.ci33 i {background-position:-400px -4000px}
.wrap.support .reference ul.refe-03 li.ci34 i {background-position:-600px -4000px}
.wrap.support .reference ul.refe-03 li.ci35 i {background-position:-800px -4000px}
.wrap.support .reference ul.refe-03 li.ci36 i {background-position:-1000px -4000px}
.wrap.support .reference ul.refe-03 li.ci37 i {background-position:-00px -4100px}
.wrap.support .reference ul.refe-03 li.ci38 i {background-position:-200px -4100px}
.wrap.support .reference ul.refe-03 li.ci39 i {background-position:-400px -4100px}
.wrap.support .reference ul.refe-03 li.ci40 i {background-position:-600px -4100px}
.wrap.support .reference ul.refe-03 li.ci41 i {background-position:-800px -4100px}
.wrap.support .reference ul.refe-03 li.ci42 i {background-position:-1000px -4100px}
.wrap.support .reference ul.refe-03 li.ci43 i {background-position:-00px -4200px}
.wrap.support .reference ul.refe-03 li.ci44 i {background-position:-200px -4200px}
.wrap.support .reference ul.refe-03 li.ci45 i {background-position:-400px -4200px}
.wrap.support .reference ul.refe-03 li.ci46 i {background-position:-600px -4200px}
.wrap.support .reference ul.refe-03 li.ci47 i {background-position:-800px -4200px}
.wrap.support .reference ul.refe-03 li.ci48 i {background-position:-1000px -4200px}
.wrap.support .reference ul.refe-03 li.ci49 i {background-position:-00px -4300px}
.wrap.support .reference ul.refe-03 li.ci50 i {background-position:-200px -4300px}
.wrap.support .reference ul.refe-03 li.ci51 i {background-position:-400px -4300px}
.wrap.support .reference ul.refe-03 li.ci52 i {background-position:-600px -4300px}
.wrap.support .reference ul.refe-03 li.ci53 i {background-position:-800px -4300px}
.wrap.support .reference ul.refe-03 li.ci54 i {background-position:-1000px -4300px}
.wrap.support .reference ul.refe-03 li.ci55 i {background-position:-00px -4400px}
.wrap.support .reference ul.refe-03 li.ci56 i {background-position:-200px -4400px}
.wrap.support .reference ul.refe-03 li.ci57 i {background-position:-400px -4400px}
.wrap.support .reference ul.refe-03 li.ci58 i {background-position:-600px -4400px}
.wrap.support .reference ul.refe-03 li.ci59 i {background-position:-800px -4400px}
.wrap.support .reference ul.refe-03 li.ci60 i {background-position:-1000px -4400px}

.wrap.support .reference ul.refe-04 li.ci01 i {background-position:-0px -0px}
.wrap.support .reference ul.refe-04 li.ci02 i {background-position:-200px -0px}
.wrap.support .reference ul.refe-04 li.ci03 i {background-position:-400px -0px}
.wrap.support .reference ul.refe-04 li.ci04 i {background-position:-600px -0px}
.wrap.support .reference ul.refe-04 li.ci05 i {background-position:-800px -0px}
.wrap.support .reference ul.refe-04 li.ci06 i {background-position:-1000px -0px}
.wrap.support .reference ul.refe-04 li.ci07 i {background-position:-1200px -0px}
.wrap.support .reference ul.refe-04 li.ci08 i {background-position:-1400px -0px}
.wrap.support .reference ul.refe-04 li.ci09 i {background-position:-0px -100px}
.wrap.support .reference ul.refe-04 li.ci10 i {background-position:-200px -100px}
.wrap.support .reference ul.refe-04 li.ci11 i {background-position:-400px -100px}
.wrap.support .reference ul.refe-04 li.ci12 i {background-position:-600px -100px}
.wrap.support .reference ul.refe-04 li.ci13 i {background-position:-800px -100px}
.wrap.support .reference ul.refe-04 li.ci14 i {background-position:-1000px -100px}
.wrap.support .reference ul.refe-04 li.ci15 i {background-position:-0px -200px}
.wrap.support .reference ul.refe-04 li.ci16 i {background-position:-200px -200px}
.wrap.support .reference ul.refe-04 li.ci17 i {background-position:-400px -200px}
.wrap.support .reference ul.refe-04 li.ci18 i {background-position:-600px -200px}
.wrap.support .reference ul.refe-04 li.ci19 i {background-position:-800px -200px}
.wrap.support .reference ul.refe-04 li.ci20 i {background-position:-1000px -200px}
.wrap.support .reference ul.refe-04 li.ci21 i {background-position:-1200px -200px}
.wrap.support .reference ul.refe-04 li.ci22 i {background-position:-0px -300px}
.wrap.support .reference ul.refe-04 li.ci23 i {background-position:-200px -300px}
.wrap.support .reference ul.refe-04 li.ci24 i {background-position:-400px -300px}
.wrap.support .reference ul.refe-04 li.ci25 i {background-position:-600px -300px}
.wrap.support .reference ul.refe-04 li.ci26 i {background-position:-800px -300px}
.wrap.support .reference ul.refe-04 li.ci27 i {background-position:-1000px -300px}
.wrap.support .reference ul.refe-04 li.ci28 i {background-position:-00px -400px}
.wrap.support .reference ul.refe-04 li.ci29 i {background-position:-200px -400px}
.wrap.support .reference ul.refe-04 li.ci30 i {background-position:-400px -400px}
.wrap.support .reference ul.refe-04 li.ci31 i {background-position:-600px -400px}
.wrap.support .reference ul.refe-04 li.ci32 i {background-position:-800px -400px}
.wrap.support .reference ul.refe-04 li.ci33 i {background-position:-1000px -400px}
.wrap.support .reference ul.refe-04 li.ci34 i {background-position:-1200px -400px}
.wrap.support .reference ul.refe-04 li.ci35 i {background-position:-00px -500px}
.wrap.support .reference ul.refe-04 li.ci36 i {background-position:-200px -500px}
.wrap.support .reference ul.refe-04 li.ci37 i {background-position:-400px -500px}
.wrap.support .reference ul.refe-04 li.ci38 i {background-position:-600px -500px}
.wrap.support .reference ul.refe-04 li.ci39 i {background-position:-800px -500px}
.wrap.support .reference ul.refe-04 li.ci40 i {background-position:-1000px -500px}
.wrap.support .reference ul.refe-04 li.ci41 i {background-position:-000px -600px}
.wrap.support .reference ul.refe-04 li.ci42 i {background-position:-200px -600px}
.wrap.support .reference ul.refe-04 li.ci43 i {background-position:-400px -600px}
.wrap.support .reference ul.refe-04 li.ci44 i {background-position:-600px -600px}
.wrap.support .reference ul.refe-04 li.ci45 i {background-position:-800px -600px}
.wrap.support .reference ul.refe-04 li.ci46 i {background-position:-1000px -600px}
.wrap.support .reference ul.refe-04 li.ci47 i {background-position:-0px -700px}
.wrap.support .reference ul.refe-04 li.ci48 i {background-position:-200px -700px}
.wrap.support .reference ul.refe-04 li.ci49 i {background-position:-400px -700px}
.wrap.support .reference ul.refe-04 li.ci50 i {background-position:-600px -700px}
.wrap.support .reference ul.refe-04 li.ci51 i {background-position:-800px -700px}
.wrap.support .reference ul.refe-04 li.ci52 i {background-position:-1000px -700px}
.wrap.support .reference ul.refe-04 li.ci53 i {background-position:-0px -800px}
.wrap.support .reference ul.refe-04 li.ci54 i {background-position:-200px -800px}
.wrap.support .reference ul.refe-04 li.ci55 i {background-position:-400px -800px}
.wrap.support .reference ul.refe-04 li.ci56 i {background-position:-600px -800px}
.wrap.support .reference ul.refe-04 li.ci57 i {background-position:-800px -800px}
.wrap.support .reference ul.refe-04 li.ci58 i {background-position:-1000px -800px}
.wrap.support .reference ul.refe-04 li.ci59 i {background-position:-0px -900x}
.wrap.support .reference ul.refe-04 li.ci60 i {background-position:-200px -900px}
.wrap.support .reference ul.refe-04 li.ci61 i {background-position:-400px -900px}
.wrap.support .reference ul.refe-04 li.ci62 i {background-position:-600px -900px}
.wrap.support .reference ul.refe-04 li.ci63 i {background-position:-800px -900px}
.wrap.support .reference ul.refe-04 li.ci64 i {background-position:-1000px -900px}
.wrap.support .reference ul.refe-04 li.ci65 i {background-position:-1200px -900px}
.wrap.support .reference ul.refe-04 li.ci66 i {background-position:-000px -1000px}
.wrap.support .reference ul.refe-04 li.ci67 i {background-position:-200px -1000px}
.wrap.support .reference ul.refe-04 li.ci68 i {background-position:-400px -1000px}
.wrap.support .reference ul.refe-04 li.ci69 i {background-position:-600px -1000px}
.wrap.support .reference ul.refe-04 li.ci70 i {background-position:-800px -1000px}
.wrap.support .reference ul.refe-04 li.ci71 i {background-position:-1000px -1000px}
.wrap.support .reference ul.refe-04 li.ci72 i {background-position:-1200px -1000px}
.wrap.support .reference ul.refe-04 li.ci73 i {background-position:-0px -1100px}
.wrap.support .reference ul.refe-04 li.ci74 i {background-position:-200px -1100px}
.wrap.support .reference ul.refe-04 li.ci75 i {background-position:-400px -1100px}
.wrap.support .reference ul.refe-04 li.ci76 i {background-position:-600px -1100px}
.wrap.support .reference ul.refe-04 li.ci77 i {background-position:-800px -1100px}
.wrap.support .reference ul.refe-04 li.ci78 i {background-position:-1000px -1100px}
.wrap.support .reference ul.refe-04 li.ci79 i {background-position:-1200px -1100px}
.wrap.support .reference ul.refe-04 li.ci80 i {background-position:-1400px -1100px}
.wrap.support .reference ul.refe-04 li.ci81 i {background-position:-00px -1200px}
.wrap.support .reference ul.refe-04 li.ci82 i {background-position:-200px -1200px}
.wrap.support .reference ul.refe-04 li.ci83 i {background-position:-400px -1200px}
.wrap.support .reference ul.refe-04 li.ci84 i {background-position:-600px -1200px}
.wrap.support .reference ul.refe-04 li.ci85 i {background-position:-800px -1200px}
.wrap.support .reference ul.refe-04 li.ci86 i {background-position:-1000px -1200px}
.wrap.support .reference ul.refe-04 li.ci87 i {background-position:-1200px -1200px}
.wrap.support .reference ul.refe-04 li.ci88 i {background-position:-0px -1300px}
.wrap.support .reference ul.refe-04 li.ci89 i {background-position:-200px -1300px}
.wrap.support .reference ul.refe-04 li.ci90 i {background-position:-400px -1300px}
.wrap.support .reference ul.refe-04 li.ci91 i {background-position:-600px -1300px}
.wrap.support .reference ul.refe-04 li.ci92 i {background-position:-800px -1300px}
.wrap.support .reference ul.refe-04 li.ci93 i {background-position:-1000px -1300px}
.wrap.support .reference ul.refe-04 li.ci94 i {background-position:-1200px -1300px}
.wrap.support .reference ul.refe-04 li.ci95 i {background-position:-0px -1400px}
.wrap.support .reference ul.refe-04 li.ci96 i {background-position:-200px -1400px}
.wrap.support .reference ul.refe-04 li.ci97 i {background-position:-400px -1400px}
.wrap.support .reference ul.refe-04 li.ci98 i {background-position:-600px -1400px}
.wrap.support .reference ul.refe-04 li.ci99 i {background-position:-800px -1400px}
.wrap.support .reference ul.refe-04 li.ci100 i {background-position:-1000px -1400px}
.wrap.support .reference ul.refe-04 li.ci101 i {background-position:-0px -1500px}
.wrap.support .reference ul.refe-04 li.ci102 i {background-position:-200px -1500px}
.wrap.support .reference ul.refe-04 li.ci103 i {background-position:-400px -1500px}
.wrap.support .reference ul.refe-04 li.ci104 i {background-position:-600px -1500px}
.wrap.support .reference ul.refe-04 li.ci105 i {background-position:-800px -1500px}
.wrap.support .reference ul.refe-04 li.ci106 i {background-position:-1000px -1500px}
.wrap.support .reference ul.refe-04 li.ci107 i {background-position:-0px -1600px}
.wrap.support .reference ul.refe-04 li.ci108 i {background-position:-200px -1600px}
.wrap.support .reference ul.refe-04 li.ci109 i {background-position:-400px -1600px}
.wrap.support .reference ul.refe-04 li.ci110 i {background-position:-600px -1600px}
.wrap.support .reference ul.refe-04 li.ci111 i {background-position:-800px -1600px}
.wrap.support .reference ul.refe-04 li.ci112 i {background-position:-1000px -1600px}
.wrap.support .reference ul.refe-04 li.ci113 i {background-position:-0px -1700px}
.wrap.support .reference ul.refe-04 li.ci114 i {background-position:-200px -1700px}
.wrap.support .reference ul.refe-04 li.ci115 i {background-position:-400px -1700px}
.wrap.support .reference ul.refe-04 li.ci116 i {background-position:-600px -1700px}
.wrap.support .reference ul.refe-04 li.ci117 i {background-position:-800px -1700px}
.wrap.support .reference ul.refe-04 li.ci118 i {background-position:-1000px -1700px}
.wrap.support .reference ul.refe-04 li.ci119 i {background-position:-0px -1800px}
.wrap.support .reference ul.refe-04 li.ci120 i {background-position:-200px -1800px}


/*마이페이지*/
.wrap.mypage .sec01Area .textArea {padding-top:7em;}
.wrap.mypage .SecInner {padding-left:216px;}
.wrap.mypage .sec01Area .textArea p .color_red { font-weight:600}
.wrap.mypage .sec01Area .textArea p .color_red:hover {text-decoration:underline;}
.wrap.mypage .sec01Area .textArea p .btn_line_blk {margin-left:20px;}
.wrap.mypage .boardArea .txt_left a.btnBg.yellow {background-color:#ef340d; color:#ffffff; padding:0 0.5em; line-height:1.5em; font-size:0.75em; display:inline-block; vertical-align:text-top;}
.wrap .boardArea .btn_line_red {font-size: 0.75em;}
.wrap .boardArea .boardList ul.license {margin-bottom: 1em}
.wrap .boardArea .searchArea {margin-top:10px; text-align: right;}
.wrap .boardArea .searchArea .prodFilter { position: absolute;}
.wrap .boardArea .searchArea .btn_height {height:50px;}
.wrap .boardArea .boardList ul.license li {padding:1em}
.wrap .boardArea .boardList ul.license li span {width:auto;}
.wrap .boardArea .boardList ul.license .span {padding:0}
.wrap .boardArea .boardList ul.license li span.span1 {width: calc(100% / 14);}
.wrap .boardArea .boardList ul.license li span.span2 {width: auto; text-align:left; line-height:1.4em}
.wrap .boardArea .boardList ul.license li.contants {position:relative; }
.wrap .boardArea .boardList ul.license li.contants span .btnBg {font-size:0.688em; color:#ffffff; background-color:#288ee4; margin-bottom:0.3em; }
.wrap .boardArea .boardList ul.license li.contants span .btnBg.yellow {background-color:#ef340d; padding:0 20px}
.wrap .boardArea .boardList ul.license li.contants span .company:before {content:"사용 회사명(시스템) : "; font-size:0.95em; color:#666666; font-weight:400;}
.wrap .boardArea .boardList ul.license li.contants span.span2 .btnBg {display:inline-block; margin-right:0.5em; padding:0 0.5em; vertical-align:text-bottom; line-height:1.6em}
.wrap .boardArea .boardList ul.license li.contants span.span3 {padding-left:69px;}
.wrap .boardArea .boardList ul.license li.contants span.span4.hidden {display:none;}
.wrap .boardArea .boardList ul.license li.contants span.span5 .finish {color:#0b72c9;}
.wrap .boardArea .boardList ul.license li.contants span.span5 .change {color:#ff0000;}
.wrap .boardArea .boardList ul.license li.contants span.span5 i {vertical-align:text-top; margin-right:0.3em; display:inline-block; width: 1.2em; height:1em; background-size:contain}
.wrap .boardArea .boardList ul.license li.contants span.span5 .finish i { background:url(/images/icon/icon_v_blue.png) no-repeat;}
.wrap .boardArea .boardList ul.license li.contants span.span5 .change i { background:url(/images/icon/icon_change.png) no-repeat;}
.wrap .boardArea .boardList ul.license li.contants span.span5 .process i { background:url(/images/icon/icon_process.png) no-repeat;}
.wrap .boardArea .boardList ul.license li.contants span.span6 {position: absolute; right:1em; top:1em;}
.wrap .boardArea .boardList ul.license li.contants span.span6 .btn03 {border-radius:0}
.wrap .boardArea .boardList ul.download li span.span6 a.delete {font-size: 16px; padding:5px; border:0; text-decoration:underline;}
.wrap .boardArea .boardList ul.license li.contants span.span6 .btn_line_red {line-height:1.1em; padding:5px 10px 3px 10px; margin-bottom: 3px; display:none; width:92px; box-sizing:border-box;}
.wrap .boardArea .boardList ul.license li.contants span.span {font-weight:600; color:#333333; margin-right:20px;}
.wrap .boardArea .boardList ul.license li.contants span.span1 {margin-right:0}
.wrap .boardArea .boardList ul.license li.contants span.span em {font-size:0.95em; color:#666666; vertical-align: middle;}
.wrap .boardArea .boardList ul.license li.contants.expiration {background-color:#fdf3f3}
.wrap .boardArea .boardList ul.license li.contants.expiration span.span5 {color:#ff0000; font-weight:800; }
.wrap .boardArea .boardList ul.license li.contants.expiration span.span5:after,
.wrap .lineBox  .expiration span:after {content:"만료"; font-size:0.8em; vertical-align:middle; border: 1px solid #ff0000; padding:2px 5px; margin-left:3px; animation: blink 500ms linear alternate 6;}
.wrap .boardArea .boardList ul.license li.contants.expiration span.span6 .btn_line_red {display:block;}
.wrap .lineBox  .expiration {color:#ff0000}
.wrap .lineBox  .expiration span {font-weight:bold;}
.wrap .pagenation_view_mode {margin-bottom:5px; text-align: right;}

@keyframes blink {
	100% {opacity: 0;}
}

.wrap.mypage table tbody tr:nth-child(odd) td {background-color:transparent;}
.wrap.mypage table.application tbody tr.important td {background-color:#e5f2ff; border-top-color:#ccd1d5; border-right-color:#ccd1d5}
.wrap.mypage #same {font-size:1em; display: inline-block; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; margin-right: 0.5em; }
.wrap.mypage .boardArea .boardList ul.qna {margin-bottom: 1em}
.wrap.mypage .boardArea .boardList ul.qna li .span {width:calc((100% / 12 ) * 2);}
.wrap.mypage .boardArea .boardList ul.qna li .span1 {width:calc((100% / 12 ) * 1);}
.wrap.mypage .boardArea .boardList ul.qna li .span3 {width:calc((100% / 12 ) * 5); width:calc((100% - 1em ) / 12 * 5) \0/IE9; text-align: left;}
.wrap .qna_view h5 {text-align:left; margin-bottom:1em; color:#0e639c;}
.wrap .boxLine {border:0.063em solid #cccccc; padding:2em ; margin-bottom:3em }
.wrap .boxLine .titleArea {padding-bottom:1em; border-bottom:0.063em solid #f2f2f2;}
.wrap .boxLine .titleArea h4 {margin-bottom:0.5em }
.wrap .boxLine .titleArea h4 .group {color:#0e639c;}
.wrap .boxLine .titleArea h4 .group:before {content:"[";}
.wrap .boxLine .titleArea h4 .group:after {content:"]";}
.wrap .boxLine .titleArea p {color:#555555;}
.wrap .boxLine .titleArea p span.number:before {content:"|"; margin-left:0.5em; margin-right:0.5em; color:#cccccc;}
.wrap .boxLine .titleArea .sendDate { font-size: 0.875em;}
.wrap .boxLine .contentArea {padding-top:1em;}
.wrap .agreement {font-size:15px;}
.wrap .agreement li { color:#333333;}
.wrap .agreement li:last-child {border-top:0.063em solid #f2f2f2; padding-top:1em; margin-top: 1em}
.wrap .agreement .mt {margin-top:0.7em }
.wrap .agreement input {margin-right:0.5em}
.wrap .boardArea .boardList ul.download  {margin-bottom: 1em}
.wrap .boardArea .boardList ul.download li span { width:16%; width: calc((100% / 14) * 1);}
.wrap .boardArea .boardList ul.download li span.span2 { width: calc((100% / 14) * 3); width: calc((100% - 1em) / 14 * 3) \0/IE9; text-align:left;}
.wrap .boardArea .boardList ul.download li span.span4 { width: calc((100% / 14) * 5); text-align: left;}
.wrap .boardArea .boardList ul.download li span.span5 {width: calc((100% / 14) * 2);}
.wrap .boardArea .boardList ul.download li span.span6 {width: calc((100% / 14) * 2);}
.wrap .ic_file {display:inline-block; width:16px; height: 16px; background:url(/images/icon/icon_file.png) no-repeat; vertical-align:text-top; margin-right:0.3em}
.wrap .boardArea .boardList ul li a.delete {color:#0e639c; font-size:0.5em; border:0.063em solid #0e639c; display:inline-block; padding:0.2em 0.5em; line-height:1em }

.wrap.mypage .selectionArea {margin-top:3em; text-align:left;}
.wrap.mypage .selectionArea div.select {display:inline-block;}
.wrap.mypage .selectionArea select {margin-right:1em;}
.wrap.mypage .selectionArea .domainArea {float:right; text-align: right;}
.wrap.mypage .selectionArea .domainArea input {width:50%; display:inline-block; border-color:#dddddd}
.wrap.mypage .selectionArea .domainArea a {margin-left:0.5em; padding:0.3em 1em; }
.wrap .icon_pdf {display: inline-block; width: 14px; height: 16px; background-image: url(../images/update2023/icon_license-2.png); margin-right: 5px; margin-left:5px; background-size: contain; vertical-align: middle; background-repeat: no-repeat;}
.wrap .productKey {margin-bottom:2em}
.wrap .productKey div {margin:1em auto;}
.wrap .productKey input {display:inline-block; width:23%; max-width:100px;}
.wrap .boardArea .boardList ul.licensManage li span {width:30%; width:calc((100% / 6));}
.wrap .boardArea .boardList ul.licensManage li .span2 {width:30%; width:calc((100% / 6) * 4); width:calc((100% - 1em) / 6 * 4) \0/IE9;text-align:left;}
.wrap.mypage table.application input {width:30%; border-color:#bbb;}
.wrap.mypage table.application input[type="radio"] {width:auto;}
.wrap.mypage table.application label.mg_r {margin-right:1.5em}
.wrap.mypage table.application label {margin:0}
.wrap.mypage table.application tr.commentTr td { text-align:left;}
.wrap.mypage table.application .comment {color:#0e639c;}
.wrap.mypage table.application .account th {padding:3em 2em;}
.wrap.mypage table.application .account th dl {max-width:100%; text-align:left; height:auto;}
.wrap.mypage table.application .account th dl:first-child { margin-bottom:2em;}
.wrap.mypage table.application .account th dt {display:block; position:relative; font-size:0.8em; margin-bottom:0.5em; color:#0e639c;}
.wrap.mypage table.application .account th dd {display:block; position:relative;}
.wrap.mypage table.application .account th dd span {width:80px; display:inline-block; line-height:1.5em}
.wrap.mypage .btn02.pay {width:100%; max-width:8em}

/*마이페이지 발급현황*/
.wrap.mypage.license a.btn03 {width:90px; font-size: 13px;}
.wrap.mypage.license a.btn04 { font-size: 13px;}

/*마이페이지 결제내역*/
.wrap .boardArea .boardList ul.license.payList li {display: flex; justify-content:space-between;}
.wrap .boardArea .boardList ul.license.payList li span.span {margin-right:10px; flex:auto}
.wrap .boardArea .boardList ul.license.payList li span.span1 {flex:50px 0 0 }
.wrap .boardArea .boardList ul.license.payList li span.span2 {flex:270px 0 0; line-height:1.8em;}
.wrap .boardArea .boardList ul.license.payList li span.span3 {flex:170px 0 0; padding:0}
.wrap .boardArea .boardList ul.license.payList li span.span4 {text-align:right}
.wrap .boardArea .boardList ul.license.payList li.contants span.span5 {color:#333333;}
.wrap .boardArea .boardList ul.license.payList li.contants span.span6 {position:relative; right:auto; top: auto;}
.wrap .boardArea .boardList ul.license.payList li.contants.cancel span.span4 {text-decoration:line-through; color:#ff0000;}
.wrap .boardArea .boardList ul.license.payList li.contants.cancel span.span5 {color:#d50000;}

/*마이페이지 SDK 다운로드 등록*/
.wrap table.application.SDK tr td input[type="file"] {width:100%; max-width:500px; padding:0; line-height:1em; height:1.8em}


/*회원탈퇴*/
.wrap.mypage .join .boardArea ul {width:37.5em; margin:0 auto; box-sizing:border-box;}

/*로그인*/
.wrap.login .sec {background-color:#fdfdfd;}
.wrap.login .sec.padding {padding:1px 0 10em }
/*.wrap.login .sec01Area .textArea {padding-top:6em;}*/
.wrap .loginArea {max-width:37.5em; width:100%; margin:0em auto; border:0.063em solid #eeeeee; padding:0 6.3em 5em; box-sizing:border-box; margin-top:8em; background-color:#ffffff; }
.wrap .loginArea img {margin:2em 0 1.5em;}
.wrap .loginArea fieldset div {border:0.063em solid #cccccc; padding:0.8em 0.5em 0.8em 2.5em; margin-bottom:0.625em; position:relative; cursor:text}
.wrap .loginArea fieldset div:before {content:""; display:block; position: absolute; left:1em; background:url(../images/icon/icon_login.png) no-repeat; width:1.8em; height:1.5em; vertical-align:middle;}
.wrap .loginArea fieldset div.idArea:before {background-position:0 2px;}
.wrap .loginArea fieldset div.pwArea:before {background-position:0 -26px;}
.wrap .loginArea div input {border:none; cursor:text}
.wrap .loginArea input.btn {background-color:#416bb3; color:#ffffff;margin:0.625em 0 0.625em; height:3em;}
.wrap .loginArea .btnArea {border-top:0.063em solid #cccccc; padding-top:0.625em; margin-top: 0}
.wrap .loginArea .btnArea .btn01 {width:100%; border-radius:0; margin-top:0; box-sizing:border-box; border-color:#416bb3; color:#416bb3;}
.wrap .loginArea .btnArea .btn04 {margin-top:2em; display:inline-block;}
.wrap .loginArea .btnArea .btn04:hover {text-decoration:underline; color:#416bb3;}
.wrap.login .footerArea {margin-top:0;}

/*회원가입*/
.wrap .join .loginArea {padding:0 2.3em 2em; margin-top:1em;}
.wrap .join .loginArea {text-align:left}
.wrap .join .loginArea h5 {text-align:left; margin:1.8em 0 0.5em; border-bottom:0.09em solid #000000; padding-bottom:0.3em;}
.wrap .join .loginArea label {padding:1.2em 0 0.3em; display: inline-block;}
.wrap .join .loginArea input, .wrap .join .loginArea select {height:2.5em; line-height: 2.5em; border-color:#cccccc; display:block; width:100%;}
.wrap .join .loginArea .comment {color:#416bb3; margin-left:1em}
.wrap .star {color:#ff0000;}
.wrap .join .btnArea {margin:1em 0 5em}
.wrap .join .btnArea a {margin:0.25em;}
.wrap .loginArea img.captcha {margin:0;}
.wrap .join .loginArea ul li a.btn02 {display:block;width: 100%; box-sizing:border-box; text-align:center; border-radius:0; margin-top:0.5em  }
.wrap .join .terms {padding:0; position:relative;}
.wrap .join .terms .termsTit {padding:  1em 2em; border-bottom:1px solid #f2f2f2}
.wrap .join .terms input {position:absolute; right:1.3em; top:1em; width: 1em; height:1em;}
.wrap .join .terms pre {white-space:pre-line; height:150px; overflow-y:scroll; overflow-x:hidden; font-size:12px; padding:1em 1em 1em 3em; box-sizing: border-box; margin:0; color:#666666;}
.clr_red {color:#ff0000;}

.wrap span.blank {background:url(/images/icon_blank.svg) no-repeat; background-size:contain; display:inline-block; width: 1em; height:1em; margin-left:0.3em; margin-bottom:-0.1em}



.wrap .footerArea {margin-top:5em; position: relative; z-index:99}



/*ie만 적용*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .wrap .boardArea.ie {display:none}
   .wrap .parting .bgBox.divid3 li {width:calc((100% - 0.5em) / 3);}
   .wrap .parting .lineBox.divid5 li {width:calc((100% - 0.5em) / 5);}
   /*마이페이지 라이선스 발급현황*/
   .wrap .boardArea .boardList ul.license li span.span2 {width:calc((100% /14.5) * 5);}
   /*마이페이지 내문의사항*/
   .wrap.mypage .boardArea .boardList ul.qna li .span3 {width:calc((100% /12.5 ) * 5);}
   /*마이페이지 다운로드*/
   .wrap .boardArea .boardList ul.download li span.span2 {width:calc((100% /14.5) * 3);}
}
 
/*ie8만 적용*/
@media \0screen {
 .wrap .header ul.gnbMain li a {width:6em;}
 .license.wrap .procecing li dt {display: block; margin-bottom: 1em}
 .wrap .parting .lineBox.divid8 li {width:12% ;}
 .experience.wrap i.no1, .experience.wrap i.no2 {line-height:1.2em}
}

/*PC만 적용*/
@media screen and (max-width: 1254px) {
.wrap.experience .SecInner, .wrap.mypage .SecInner {width:48em;}

}

@media screen and (min-width: 1025px){
	.wrap .boardArea.ie {margin-bottom:20em}
	.wrap .boardArea .boardList ul.licensManage {margin-bottom:10em}
}
.wrap.experience .contentsArea {margin-left:217px; margin-top:120px;}
.wrap.mobile.experience .contentsArea {margin-left:0;}
.wrap .SecInner.layoutimg {margin-bottom:20em }


@media screen and (max-width: 1024px) {
	.wrap.mobile {min-width:auto;}
	.wrap.mobile .headerSub ul {min-width:auto;}
	/* 로그인 */
	.wrap.mobile.login .sec.padding {padding:0;}
	.wrap.mobile.login .SecInner img {width:auto;}
	.wrap.mobile .loginArea input.btn {-webkit-appearance: none; border-radius:0}
	.wrap.mobile .headerSub ul {text-align:center !important; width:100%; margin-right:0 !important}
	.wrap.mobile.mypage .join .boardArea ul {width:auto;}

	.wrap.mobile .tabMain li.on a i.tabMobile {display:inline-block;}
	.wrap.mobile .contentsArea {margin-top:0;}
	.wrap.mobile .sec02Area .sec02,
	.wrap.mobile .sec03Area .sec03 {padding:0 0.5em;}
	.wrap.mobile .headerSub {top:105px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);/* transition:0.3s; animation-fill-mode:both*/}
	.wrap.mobile .headerSub ul {width: 100%}
	.wrap.mobile.solutionIntro .headerSub ul li:first-child, .wrap.mobile.intro .headerSub ul li:first-child,
	.wrap.mobile.experience .headerSub ul li:first-child {margin-left:0;}
	.wrap.mobile .SecInner {padding-right:0.5em; padding-left:0.5em; width:100%; box-sizing:border-box;}
	.wrap.mobile .SecInner img {width:100%;}
	.wrap.mobile .sec01Area .textArea {padding-top:14em;}
	.wrap.mobile .textArea {padding:6em 2em 0;}
	.wrap.mobile .tabArea {padding-right:0.5em; padding-left:0.5em;}
	.wrap.mobile .textArea h3.subject {margin-bottom:1.5em }
	.wrap.mobile .boxDevied3 li.empty {display:none;}
	
	
	/*솔루션 소개*/
	.wrap.mobile.solutionIntro .sec02Area .sec02, .wrap.mobile.solutionIntro .sec03Area .sec03 {padding:5em 0.5em;}
	.wrap.mobile.solutionIntro .sec02Area .sec02 div.textArea, .wrap.mobile.solutionIntro .sec03Area .sec03 div.textArea {padding: 0}
	.wrap.mobile.solutionIntro .sec02Area .sec02 div.imgArea img,
	.wrap.mobile.solutionIntro .sec03Area .sec03 div.imgArea img {object-fit:contain; object-position:center; width: 100%; height: 100% }

	/*체험게시판*/
	.wrap.mobile.experience .contentsArea {margin-top:0em;}
	.wrap.mobile.experience .parting .lineBox table.sort a.btn02 {width:20%; width:calc((100% - 1em ) / 4); text-align:center; box-sizing:border-box; padding:0.5em 0.2em; font-size:0.8em}
	.wrap.mobile.experience .sec01Area .textArea {padding-top:0; padding:3em 0em 0;/*체험게시판 > 게시글*/}
	.wrap.mobile .boardArea .boardList ul li.title {display:none}
	.wrap.mobile .boardArea .boardList ul li {position:relative; padding:10px 30px;}
	.wrap.mobile .boardArea .boardList ul li .span {padding:0em; box-sizing: border-box;}
	.wrap.mobile .boardArea .boardList ul li span.no {height:5em; line-height: 5em; width:10%; width:calc(100% / 8);}
	.wrap.mobile .boardArea .boardList ul li span.tit {display:block; width: 80%; width:calc((100% - 30px)); text-align:left; padding-right:0.5em; font-size:1.2em; color:#333333;}
	.wrap.mobile .boardArea .boardList ul li span.tit img {width:auto; margin-left:0; margin-right:0.5em;}
	.wrap.mobile .boardArea .boardList ul li span.tit img.file {object-fit:contain; object-position:center; width:1em; height:1.1em;}
	.wrap.mobile .boardArea .boardList ul li span.writer {display:block; width: 80%; width:calc((100% / 8) * 5); text-align:left; bottom:0.9em;font-size: 0.8em}
	.wrap.mobile .boardArea .boardList ul li span.browser,
	.wrap.mobile .boardArea .boardList ul li span.device {width:10%; height:20px; padding:5px 10px 5px 0; box-sizing:border-box; vertical-align:middle;}
	.wrap.mobile .boardArea .boardList ul li span.device img,
	.wrap.mobile .boardArea .boardList ul li span.browser img {object-fit:contain; object-position:center; width:100%; height:100%; margin-left:0}
	.wrap.mobile .boardArea .boardList ul li:after {content:""; display:inline-block; width:1em; height:1em; position:absolute;  top:1.8em; right:1em; border-top:0.063em solid #999999;border-right:0.063em solid #999999; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
	.wrap.mobile .boardArea .boardList ul li.notice img {margin-right:0}
	
	.wrap.mobile .sideMenuArea {position:relative; width:100%; height:auto; padding:143px 0 0 0; overflow:hidden; border-right:none;}
	.wrap.mobile .sideMenuArea .sideMenu.solution {width:100%}
    .wrap.mobile .sideMenuArea .sideMenu {width:100%; border-bottom:#f0f0f0 1px solid; display:block; position:relative;}
	.wrap.mobile .sideMenuArea .sideMenu.solution ul {width:100%; overflow:hidden; background-color:#f9f9f9}
	.wrap.mobile .sideMenuArea .sideMenu ul {width:100%; padding:0em 0 1.2em;display:none}
	.wrap.mobile .sideMenuArea .sideMenu ul li {box-sizing:border-box; padding-left:1em; width:49%; box-sizing:border-box; display:inline-block;}
	.wrap.mobile .sideMenuArea .sideMenu ul li a {height:2em ; line-height:2em; display:inline-block;}
	.wrap.mobile .sideMenuArea .tit {padding-left: 0; margin-top:0; position: relative;}
	.wrap.mobile .sideMenuArea.upload .tit {border-bottom: #d0d0d0 1px solid}
	.wrap.mobile .sideMenuArea .tit:after {position:absolute; right:1rem; height:2rem; line-height:2rem; top:0.5rem; content:"+"; color:#dddddd; font-size:2rem; font-weight: 300}
	.wrap.mobile .sideMenuArea .sideMenu.on .tit:after  {content:"-"; color:#0e639c; font-size:2.6rem; top:0.5rem; right:0.8rem;}
	.wrap.mobile .sideMenuArea .tit a {padding:1.2em 1em; display:block; width:100%; box-sizing:border-box; background-color:#ffffff}
	.wrap.mobile .sideMenuArea .sideMenu.on ul {display:block; background-color:#f9f9f9;}
	.wrap.mobile .sideMenuArea .sideMenu.upload.on ul, .wrap.mobile .sideMenuArea .sideMenu.editor.on ul {display: inline-block;}
	.wrap.mobile .sideMenuArea .sideMenu.on .tit a {background-color:#f9f9f9; color:#0e639c;}
	.wrap.mobile .sideMenuArea .sideMenu.upload.on .tit {border-bottom-color:#f9f9f9;}
	.wrap.mobile .sideMenuArea .sideMenu.editor.on .tit {border-bottom-color:#f9f9f9;}
	.wrap.mobile .boardArea.ie ul img {width:auto;}


	/*라이선스*/
	.wrap.mobile.license .parting .lineBox.text {padding:1.5em 1em 1.5em 2em;}
	.wrap.mobile table.application tr td.subTitle {padding-left:0.3em; padding-right:0.3em; text-align:left;}
	.wrap.mobile table.application .product label {display: block;}
	.wrap.mobile table.application .licenseUser select {width:calc((100% - 2em ) / 2); vertical-align: top}
	.wrap.mobile table.application select.server {width:100%;} 
	.wrap.mobile.support table tbody tr.prevent input {width:calc((100% - 1em ) / 3 * 2);}
	.wrap.mobile.support table tbody tr.prevent img {width:calc((100% - 1em ) / 3);}
	.wrap.mobile.license .contactArea > div.imgPart {display:block; width:100%;}
	.wrap.mobile.license .contactArea > div.imgPart img {margin-top:0em; height:105px; margin-bottom:2em}
	.wrap.mobile.license .contactArea > div.txtPart {display:block; width:100%; text-align: center;}
	.wrap.mobile.license .contactArea > div .info {width:100%; display:block;margin-top:2em;}
	.wrap.mobile.license .contactArea img {height:auto;}
	.wrap.mobile.license .procecing li dt,
	.wrap.mobile.license .procecing li dd  { width:100%; display:block; text-align: center; margin-bottom: 0.8em}
	.wrap.mobile.license .textArea.mt {padding-top:2em;}
	.wrap.mobile.license .textArea  h5 { text-align: center;}


	/*고객 지원*/
	.wrap.mobile.support table.product textarea {width:100%;}
	/*마이페이지 사이드 메뉴*/
	.wrap.mobile.mypage .SecInner {padding-left:0.5em}
	.wrap.mobile.mypage .contentsArea {margin-top:-4em;}
	.wrap.mobile.mypage .sideMenuArea {padding-top:105px;}
	.wrap.mobile.mypage .sideMenuArea div.on h5.tit.last {border-bottom:0}
	/*마이페이지 라이선스 발급 현황*/
	.wrap.mobile .boardArea .searchArea .prodFilter { position: relative;}
	.wrap.mobile .boardArea .boardList ul.license li {flex-wrap:wrap ;}
	.wrap.mobile .boardArea .boardList ul.license li:after {top:4.8em;}
	.wrap.mobile .boardArea .boardList ul.license li.contants {height:auto; padding:1em 1em 1em 2em;}
	.wrap.mobile .boardArea .boardList ul.license li span {width:100%; padding:0;}
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span {margin-left:0}
	.wrap.mobile .boardArea .boardList ul.license li span.span1 {width:2em; line-height:1.8em; text-align: left;}
	.wrap.mobile .boardArea .boardList ul.license li span.span2 {left:2.5em; top:1.6em; width:90%;}
	.wrap.mobile .boardArea .boardList ul.license li span.span2 .company {font-size:1.2em; font-weight:800; color:#333333; white-space:normal; width:85%; height:43px;}
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span2 .btnBg {vertical-align: middle;}
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span3 { padding-left:0;}
	.wrap.mobile .boardArea .boardList ul.license li span.span3 {left:2.5em; bottom:3.15em; width:100%; text-align:left;}
	.wrap.mobile .boardArea .boardList ul.license li span.span3:after {content:"~"}
	.wrap.mobile .boardArea .boardList ul.license li span.span4 {left:9.5em; bottom:3.15em; width:100%; text-align:left;}
	.wrap.mobile .boardArea .boardList ul.license li span.span5 {right:1em; top:1.5em; text-align:left;}
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span6 {position:relative; right:auto; top:auto; display: flex; margin-top:10px;}
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span6 a {display:inline-block; width:30%; text-align:center;margin-right:0.5em; font-size:0.8rem; padding:5px 0 5px; margin-bottom:0; }
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span6 a.btn04 {text-align:left}
	.wrap.mobile .boardArea .boardList ul.license li.contants span.span6 .btn_line_red {margin-bottom:0}
	.wrap.mobile .officer .subject,
	.wrap.mobile .officer p {text-align: center;}

	/*마이페이지 문의사항*/
	.wrap.mobile.mypage .boardArea .boardList ul.qna li {height:auto; padding:20px}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span {width:80%; text-align:left;}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span1 {top:1em; left:0.5em;}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span2 {top:1em; left:3em;}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span3 {top:2.5em; left:3em; font-weight:800; color:#333333;}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span4 {top:4em; left:3em;}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span4:before {content:"문의일:"}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span5 {top:5.5em; left:3em;}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li .span5:before {content:"답변일:"}
	.wrap.mobile.mypage .boardArea .boardList ul.qna li:after {top:45px;}
	.wrap.mobile.mypage .qna_view .boxLine {padding:2em 0.5em;}
	/*마이페이지 다운로드*/
	.wrap.mobile.mypage .selectionArea div.select {display:block; margin-bottom: 0.5em}
	.wrap.mobile .boardArea .boardList ul.download li {height:auto; padding:20px;}
	.wrap.mobile .boardArea .boardList ul.download li span {text-align:left;}
	.wrap.mobile .boardArea .boardList ul.download li span.span1 {width:auto; margin-right:10px; }
	.wrap.mobile .boardArea .boardList ul.download li span.span3 {width:auto;}
	.wrap.mobile .boardArea .boardList ul.download li span.span3:before {content:'[언어-'}
	.wrap.mobile .boardArea .boardList ul.download li span.span3::after {content: ']';}
	.wrap.mobile .boardArea .boardList ul.download li span.span2 {width:100%}
	.wrap.mobile .boardArea .boardList ul.download li span.span2 strong:before {content:'파일명 : '; font-weight:400;}
	.wrap.mobile .boardArea .boardList ul.download li span.span2 span:before {content:'제품버전 : ';}
	.wrap.mobile .boardArea .boardList ul.download li span.span4 {width:100%}
	.wrap.mobile .boardArea .boardList ul.download li span.span4:before {content:'설명 : ';}
	.wrap.mobile .boardArea .boardList ul.download li span.span5 {top:6em; left:6em; width:70%;}
	.wrap.mobile .boardArea .boardList ul.download li span.span5:before {content:"등록일 : "}
	.wrap.mobile .boardArea .boardList ul.download li span.span6 {top:8em; left:6em; width:70%; margin-top:15px;}
	.wrap.mobile .boardArea .boardList ul.download li span.span6 a {display:inline-block; padding:0.1em 0.5em;}
	.wrap.mobile .boardArea .boardList ul.download li:after {display: none;}
	/*마이페이지 라이선스 관리*/
	.wrap.mobile.mypage .selectionArea {overflow:hidden;}
	.wrap.mobile.mypage .selectionArea #productKey {margin:0 0 0.5em 0; width: 100%}
	.wrap.mobile.mypage .selectionArea .domainArea {float:none; text-align:left; margin-top:1em }
	.wrap.mobile.mypage .selectionArea .domainArea input {width:58%;}
	.wrap.mobile .boardArea .boardList ul.licensManage li:after {border:none;}
	.wrap.mobile .boardArea .boardList ul.licensManage li {height:80px;}
	.wrap.mobile .boardArea .boardList ul.licensManage li span {width:80%}
	.wrap.mobile .boardArea .boardList ul.licensManage li span.span1 {top:1em; left:0.5em; width: 2em}
	.wrap.mobile .boardArea .boardList ul.licensManage li span.span2 {top:1em; left:3em;}
	.wrap.mobile .boardArea .boardList ul.licensManage li span.span3 {top:2.8em; left:3em; width:5em}
	.wrap.mobile .boardArea .boardList ul.licensManage li:after {top:30px;}
	/*마이페이지 결제 내역*/
	
	.wrap.mobile .boardArea .boardList ul.payList li:after {border:none;}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span2:before {content:"제품 : "}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span3:before {content:"결제일 : "}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span3 {flex:auto}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span3:after {content:""}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span4 {top:3.1em; left:2.4em; text-align: left;}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span4:before {content:"금액 : "}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span5:before {content:"상태 : "}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span6 {margin-top:0}
	.wrap.mobile .boardArea .boardList ul.license.payList li span.span6:before {content:"방법 : "}
	
	
	/*마이페이지 결제 현황*/
	.wrap.mobile.mypage table.application input {width:90%;}
	.wrap.mobile .parting .bgBox {padding:1em;}
	.wrap.mobile .parting .bgBox.divid3 li label {margin-bottom:0.5em}
	.wrap.mobile .parting .bgBox.divid3 li select {width:96%;}
	.wrap.mobile .parting .lineBox.divid8 li {width:20%; width:calc(100% / 3);}
	.wrap.mobile .parting .lineBox li dl {overflow:hidden;}
	.wrap.mobile .parting .lineBox li dt {float:left; width:2em; height:2.2em; margin-right:0.5em}
	.wrap.mobile .parting .lineBox li dd {padding: 0.4em 0.5em;}
	.wrap.mobile .parting .lineBox.divid5 li {width:50%; width:calc(100% / 2)}
	.wrap.mobile .SecInner.layoutimg .textArea {width:100%; text-align: center;}
	.wrap.mobile.experience .layoutimg .textArea {padding-left:0}
	.wrap.mobile .parting .lineBox table tr th label{text-align: center;}
	.wrap.mobile .parting .lineBox table tr th input[type="radio"], .wrap.mobile .parting .lineBox table tr th input[type="checkbox"] {display:block; width:1em; margin:0 auto;}
	.wrap.mobile.experience .SecInner img.validation {width:auto;}
	.wrap.mobile table.accessibility input[type="text"] {width:100%;}
	.wrap.mobile table.accessibility tr.first td {padding-left:0.1em; padding-right:0.1em;}
	.wrap.mobile table.accessibility tr.first select {width:100%; vertical-align:middle; font-size: 1em}
	.wrap.mobile .loginArea {padding: 0 1em 5em;}
	.wrap.mobile.support .SecInner img {width:auto;}
	.wrap.mobile.support table.product input, .wrap.mobile.support table.product select {width:100%;}

	/*마이페이지 정식전환*/
	.wrap.mobile.mypage.license_buy table.application input[type="radio"] {width:auto}
	.wrap.mobile.mypage.license_buy table.application .date input {width:30px}
	.wrap.mobile.mypage.license_buy table.application .date input[name="tbYYYY"] {width:50px}
	.wrap.mobile table.application tr:last-child th dl {height: auto; margin-bottom:10px}
	.wrap.mobile table.application tr:last-child th dl dt,
	.wrap.mobile table.application tr:last-child th dl dd {position: relative;}

	/*고객센터*/
	.wrap.mobile.support .boardArea .boardList ul li span.tit {margin-left:0px; width:88%;}
	.wrap.mobile.support .boardArea .boardList ul li span.writer {margin-left:2px; bottom:0.8em; }
	
	/*회원가입*/
	.wrap.mobile .join .terms .termsTit {padding:1em 0;}
	.wrap.mobile .join .terms pre {padding: 1em 0;}
	.wrap.mobile .loginArea.terms {padding:0px 1em 1em;}
	.wrap.mobile .join .terms input {top:0.7em;}

	

}

@media screen and (max-width: 768px) {
	/*공통*/
	.wrap.mobile .boxDevied3 li { width:100%; }
	.wrap.mobile .boxDevied4 li {width:50%; width:calc(100% / 2); }
	.wrap.mobile .boxDevied4 li dt span.icon {margin-left:-20%;}
	/*서브헤더*/
	.wrap.mobile .headerSub ul li a {padding:1em 0.5em; animation-fill-mode:both; transition:0s;}
	/*솔루션소개*/
	.wrap.mobile .contentsArea .sec01Area .textArea br {display:none}
	.wrap.mobile.solutionIntro .sec02Area .sec02 div:first-child, .wrap.mobile.solutionIntro .sec03Area .sec03 div:first-child {padding-right: 0}
	.wrap.mobile.solutionIntro .sec02Area .sec02 div.imgArea, .wrap.mobile.solutionIntro .sec03Area .sec03 div.imgArea {width:100%}
	.wrap.mobile.solutionIntro .sec02Area .sec02 div, .wrap.mobile.solutionIntro .sec03Area .sec03 div {display:block; /*width: 100%;*/ text-align: center;}
	.wrap.mobile.intro .textArea .editor ul, .wrap.mobile.intro .textArea .editor .picture {width:100%;}
	.wrap.mobile.intro .textArea .editor.editorRev .picture { margin-top:3em; }
	.wrap.mobile.intro .textArea .editor ul {padding-top:1em;}
	.wrap.mobile.license .contactArea img, .wrap.mobile.license .contactArea p {width: 100%; text-align:center;}

	/*체험센터*/
	.wrap.mobile .boardArea .writeTitle ul li {padding:1em 1.5em;}
	.wrap.mobile .boardArea .writeTitle span.wHead {display:block; width:80%; padding:0;}
	.wrap.mobile .boardArea .writeTitle input {display:block; width:85%; box-sizing:border-box;}

}

@media screen and (max-width: 414px) {
	/*체험게시판*/
	.wrap.mobile .boardArea .boardList ul li span.browser {width:10%; width:calc(100% / 8); height:2.5em; /* margin-left:10%; margin-left:calc(100% / 8);*/ top:0.3em;}
	.wrap.mobile .boardArea .boardList ul li span.device {width:10%; width:calc(100% / 8); height:2.5em; /*margin-left:10%; margin-left:calc(100% / 8);*/ bottom:0.3em; left:0em;}
	.wrap.mobile .parting .lineBox li dd {font-size:0.7em}
	}


@media screen and (max-width: 400px) {
	/*푸터*/
	.wrap.mobile .footerArea .footer div.address li dd .contact {display:none}


	}

/* 체험센터 > 금칙어 */
.wrap.forbiddenword table.dom a.btn02 {padding:5px 0 ; width:80%; text-align: center;}

/* 마이페이지 > 정식전환 */
.wrap #divNexaVer {padding-left:20px; background-color:#f7f7f7; padding-top:5px; padding-bottom:5px; margin:2px 10px }