@charset "utf-8";


/* guide */
#content-wrap{width:100%;max-width:1300px;padding:50px 0;margin:0 auto;}
.guideWrap{width:100%;margin:20px auto;}
.guideWrap h1.guide-title{height:40px;padding:10px 20px;margin:0;font-family:'NanumSquareB';font-weight:bold;font-size:20px;color:#fff;background:#686a68;border-top:1px solid #686a68;border-bottom:1px solid #4d4e4d;}
.guide-btn-wrap{position:relative;display:inline-block;float:left;padding:30px 0;margin:0 auto 0 0;}
.guide-btn-wrap:last-child{width:51%;margin-left:3%;}
.guide-btn-wrap:first-child{width:43%;margin-right:3%;}
.guide-btn-wrap:last-child:before{position:absolute;left:-36px;display:block;width:1px;height:100%;content:'';border-left:1px solid #d1d1d1;}
.guideBox{position:relative;padding:20px;margin-bottom:20px;overflow:hidden;border:1px solid #aeaeae;}
.guideBox > .title{padding-bottom:10px;margin-top:10px;font-family:'NanumSquareB';font-weight:bold;font-size:22px;font-weight:normal;background:none;}
.guideBox .title .num{margin-right:5px;font-size:14px;color:#576472;vertical-align:middle;}
.guideBox .g-box span{font-size:14px;font-weight:400;line-height:150%;}
.guideBox .g-box p > em{margin:0 3px;font-style:normal;font-weight:normal;line-height:1;color:#111;}
.sample-box .guide-summary,
.guideBox .g-box p{font-family:'Malgun Gothic';font-size:15px;line-height:1.5;color:#555;}
.color-details p:first-of-type{padding-bottom:10px;}
.color-details p:nth-of-type(2) span{font-family:'NanumGothicR';font-size:15px;color:#444;}
.color{padding:65px 0;}
.color-details{padding-top:15px;}
.color-details p{margin-bottom:0;font-family:'NanumSquareB';font-weight:bold;font-size:18px;line-height:20px;}
.color-details .title{color:#555;text-transform:uppercase;}
.scien-blue{background-color:#096dc7;}
.east-blue{background-color:#27a4bc;}
.touch-red{background-color:#ff004d;}
.chacol{background-color:#63676d;}
.mantis{background-color:#858b98;}
.spruce{background-color:#e0e0e0;}
.color-bg-box{display:inline-block;float:left;width:11%;margin-left:3%;}
.color-bg-box:first-of-type{margin-left:0;}
.guide-list{position:fixed;top:0;left:0;z-index:999;width:100%;margin:0 auto;color:#fff;background:#333;}
.guide-list ul{width:1200px;margin:0 auto;}
.guide-list li{float:left;padding:30px;}
.guide-list li:first-child{padding-left:0;}
.guide-list li a{color:#fff;}
.guide-box{width:100%;padding:0 20px;margin:20px auto 15px;border:1px solid #ccc;}
.guide-box .guide-title{padding:10px 20px;font-size:1.5em;color:#fff;background-color:#3387d0;}
.sample-box{padding:0 25px 0;}
.sample-box .guide-sub-title{position:relative;padding-left:0;margin-bottom:15px;font-family:'Malgun Gothic';font-size:13px;line-height:1;color:#888;}
.sample-box .guide-sub-title::before{padding-left:0;margin-right:5px;content:'-';}
.sample-box .guide-summary{padding:15px 20px;font-size:13px;font-weight:400;color:#666;border:1px dotted #dadada;}
.smaple-code-box{padding:15px;margin-top:15px;background-color:#eee;border:1px solid #ccc;}
.content .guideBox .content-box{padding-bottom:20px!important;}

/* //guide */

/*point */
.poir01{color:#096dc7;}

/* science-blue */
.poir02{color:#27a4bc;}

/* eastern-blue */
.poir03{color:#ff004d;}

/* touch-red */
.poir04{color:#63676d;}

/* chacol */
.poir05{color:#858b98;}

/* mantis */
.poir06{color:#e0e0e0;}

/* spruce */

/* indent */
.c-in1{padding-left:17px;}
.c-in2{padding-left:34px;}
.c-in3{padding-left:51px;}

/* DIV height */
.gap60{height:60px;}
.gap50{height:50px;}
.gap40{height:40px;}
.gap35{height:35px;}
.gap30{height:30px;}
.gap25{height:25px;}
.gap20{height:20px;}
.gap15{height:15px;}
.gap10{height:10px;}

/* Font size */
.txt15{font-size:15px;}
.txt17{font-size:17px;}
.txt19{font-size:19px;}
.txt21{font-size:21px;}

/* title style */
.content h1.title-type1{padding-top:15px;margin-bottom:15px;font-size:21px;font-weight:bold;color:#111;background:url(../images/contents/bul_title-type1.png) no-repeat left top;}
.content h2.title-type2{padding-left:19px;margin-bottom:15px;font-size:17px;font-weight:bold;color:#222;background:url(../images/contents/bul_title-type2.png) no-repeat left 50%;}
.content h3.title-type3{padding-left:15px;margin-top:15px;margin-bottom:15px;font-size:17px;font-weight:bold;color:#333;background:url(../images/contents/bul_title-type3.png) no-repeat 2px 7px;}
.content h4.other{font-family:'NanumGothicB';padding-left:9px;margin-bottom:15px;font-size:17px;font-weight:bold;color:#444;background:url(../images/contents/bul_title-type4.png) no-repeat left 50%;}
.dot-title{font-family:'NanumSquareB';padding-left:9px;margin-bottom:15px;font-size:17px;font-weight:bold;color:#444;background:url(../images/contents/bul_title-type4.png) no-repeat left 50%;}

.content{min-height:500px;}
.content .content-box{position:relative;padding-bottom:30px;}
.content .content-box:after{display:block;clear:both;content:'';}
.content .content-box:last-of-type{padding-bottom:0;}
.content .content-box:last-child{padding-bottom:0;}
.content .content-box > p{font-size:15px;font-weight:400;line-height:150%;color:#545454;text-align:justify;word-break:keep-all;white-space:pre-line;}
.content-box em{font-family:'NanumGothicB';display:inline-block;height:13px;margin-left:5px;font-size:20px;font-style:normal;font-weight:bold;line-height:13px;color:#e40000;vertical-align:middle;}
h2 + .content-box{padding:0 0 0 21px;}
h3 + .content-box{padding:0 0 0 17px;}
h4.other + .content-box{padding:0 0 0 10px;}
.content .content-box p + .list-type{margin-top:5px;}
.content h2 + .list-type{margin:0 0 0 21px;}
.content h3 + .list-type{padding-left:15px;}
.content .content-box div p.info-ex{text-indent:0px;padding-left:20px;line-height:21px;}
.content .content-box  p.info-ex{text-indent:0px;padding-left:20px;line-height:21px;}
.list-type li ul{margin-top:5px;}
.list-type li li,
.liArr ul li{padding-left:10px;line-height:21px;background:url(../images/contents/bg_li_arrow.png) no-repeat  top 8px left;}

/* info-box */
.info-box{position:relative;padding:30px 35px;background:#fff;border:.08em dashed #c8c8c8;}
.info-em{background:url(../images/contents/ico_em.png) no-repeat 0 center;padding-left:20px;}
.info-ex{position:relative;margin:5px 0 5px;}
.info-ex:before{left:4px;display:inline-block;width:10px;height:10px;content:'';background:url(../images/contents/ico_ex.png) no-repeat;position:absolute;top:6px;}
.info-box ul .list-type{margin-left:10px;}
.info-box ul + p,
.info-box ul + p + p{vertical-align:middle;padding-left:16px;line-height:16px;text-indent:5px;}
.info-box ul + p{margin-top:20px;}

/* list style */
.list-type li,
.lihypen li{position:relative;padding-left:10px;margin-top:5px;font-size:15px;line-height:21px;color:#545454;background:url(../images/contents/bg_li_hypen.png) no-repeat  left 10px;}
.liArr{padding-left:0;}
.liArr ul{padding-left:0;}
.liquad{background:none;}
.liquad ul li{padding-left:10px;margin-top:5px;background:url(../images/contents/bg_li_quad.png) no-repeat 0 7px;}
.list-type li.hypen-none{padding-left:0;margin-top:0;background:none;}
.list-type li.liquad-none{background:none;}

/* basic-notice */
.basic-notice{position:relative;padding:30px 30px 30px 170px;margin-bottom:30px;background-repeat:no-repeat;background-position:40px center;border:1px solid #ddd;border-top-color:#096dc7;min-height:130px;}
.basic-notice:before{position:absolute;top:-4px;left:-2px;display:inline-block;width:206px;height:38px;content:'';background:url(../images/contents/img_notice_box.png) no-repeat;}
.basic-notice .list-type li{background-position:left top 11px;}
.content .basic-notice strong{font-family:'NanumGothicB';display:block;padding-bottom:15px;font-size:18px;font-weight:bold;line-height:1;color:#111;letter-spacing:-1px;}
.content .basic-notice strong.title{font-family:'NanumGothicB';display:block;padding-bottom:15px;font-size:18px;font-weight:bold;line-height:1;color:#111;letter-spacing:-1px;}

.content .basic-notice p{font-weight:400;line-height:21px;color:#545454;white-space:normal;}
.content .basic-notice p + a{position:absolute;top:50%;right:40px;margin-top:-20px;}
.content .basic-notice ul{margin-top:10px;}
.content .basic-notice strong + p{word-break:keep-all;padding:0 220px 0 0;}
.basic-notice .icon{width:90px;height:90px;display:block;position:absolute;top:16%;left:40px;background-position:center;background-repeat:no-repeat;}
.basic-notice .icon + p{padding-top:16px;height:auto;min-height:75px;}
.basic-notice .icon + p > span{display:block;margin-left:17px;}
.basic-notice .icon.notice_reslt + p{padding-top:25px;height:auto;min-height:45px;}
.basic-notice .icon.notice_ban + p{padding-top:10px;}

.notice-img01{background-image:url(../images/contents/basic_notice_img01.png);}
.notice-img02{background-image:url(../images/contents/basic_notice_img02.png);}
.notice-chatbot{background-image:url(../images/contents/basic_notice_chatbot.png);}
.notice-chatbot02{background-image:url(../images/contents/basic_notice_chatbot02.gif);}
.notice-persnal{background-image:url(../images/contents/basic_notice_persnal.png);}
.notice_reslt{background-image:url(../images/contents/basic_notice_reslt.png);}
.notice_privacy{background-image:url(../images/contents/basic_notice_privacy.png);}
.notice_ban{background-image:url(../images/contents/basic_notice_ban.png);}
.notice_viewer{background-image:url(../images/contents/basic_notice_viewer.png);}

.basic-notice.g-line{border-top-color:#ddd;}
.basic-notice.g-line:before{background:none;}

/* num list */
.num-list{overflow:hidden;}
.num-list li{position:relative;margin:10px 0;font-size:15px;line-height:19px;color:#545454;padding-left:27px;text-indent:-27px;word-spacing:1px}
.num-list li span[class*='num']{display:inline-block;width:19px;height:19px;font-size:12px;font-weight:400;color:#fff;text-align:center;background:#1a64c3;border-radius:50%;text-indent:0;margin-right:7px;vertical-align:bottom;}
.num-list li span.num02{background-color:#27a4bc;}
.num-list li span.num03{background-color:#858b98;}

/* tab style */
.base-tab[class*='grid'] .menu li{position:relative;display:inline-block;float:left;width:16.666%;min-width:auto;margin-top:-1px;margin-left:-1px;background:#fff;border-left:1px solid #ddd;left:-1px;}
.base-tab[class*='grid'] .menu li a .current{display:-webkit-box;height:37px;margin:8px 0;overflow:hidden;line-height:125%;text-align:center;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;-webkit-line-clamp:2;}

/* tab grid type*/
.base-tab.grid2 li{width:calc(100% / 2)!important;}
.base-tab.grid3 li{width:calc(100% / 3)!important;}
.base-tab.grid4 li{width:calc(100% / 4)!important;}
.base-tab.grid5 li{width:calc(100% / 5)!important;}
.base-tab.grid6 li{width:calc(100% / 6)!important;min-width:217.555px;}
.base-tab.grid7 li{width:calc(100% / 7)!important;min-width:217.555px;}
.base-tab{position:relative;}
.base-tab ul:after{display:block;clear:both;content:'';}
.base-tab li{position:relative;display:table-cell;width:20%;}
/*. base-tab li:after{position:absolute;top:25px;right:5%;display:block;width:13px;height:7px;content:'';background:url(../images/contents/icon_tab.png) no-repeat;} */
/* 2020데이터 멘토링 */
.base-tab li:after{position:absolute;top:25px;right:5%;display:block;width:13px;height:7px;content:'';}
.base-tab li:focus:after,
.base-tab li:hover:after,
/* .base-tab li.active:after{background:url(../images/contents/icon_tab_on.png) no-repeat;} */
/* 2020데이터 멘토링 */
.base-tab li.active:after{}
.base-tab li:first-child{border-left:1px solid #ddd;}
/* .base-tab li a{display:block;min-width:160px;height:55px;box-sizing:border-box;padding:0 20px;margin-bottom:0;margin-left:0;overflow:hidden;font-size:15px;line-height:53px;color:#555;text-align:center;text-decoration:none;background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;outline:0;letter-spacing:-1px;font-weight:400;} */
/* 2020데이터 멘토링 */
.base-tab li a{display:block;min-width:160px;height:55px;box-sizing:border-box;margin-bottom:0;margin-left:0;overflow:hidden;font-size:15px;line-height:53px;color:#555;text-align:center;text-decoration:none;background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;outline:0;letter-spacing:-1px;font-weight:400;}
.base-tab li:focus a,
.base-tab li:hover a,
/* .base-tab li.active a{font-family:'NanumGothicB';font-weight:bold;position:relative;top:0px;z-index:1;margin-top:0;margin-bottom:0;color:#096dc7;background:transparent;border-top:1px solid #096dc7;border-right:1px solid #096dc7;border-bottom:1px solid #096dc7;}*/
/* 2020데이터 멘토링 */
.base-tab li.active a{font-family:'NanumGothicB';font-weight:bold;position:relative;top:0px;z-index:1;margin-top:0;margin-bottom:0;color:#096dc7;background:transparent;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}

.base-tab li:focus a:first-child,
.base-tab li:hover a:first-child,
/* .base-tab li.active a:first-child{margin-left:-1px;border-left:1px solid #096dc7;} */
/* 2020데이터 멘토링 */
.base-tab li.active a:first-child{margin-left:-1px;border-left:1px solid #ddd;color:#fff;background:rgba(39,164,188,.8)}

/* download service tab */
.base-tab.fixed{position:relative;top:1px;display:table;width:100%;}
.base-tab.fixed li{min-width:260px;}
.base-tab.fixed li:focus a,
.base-tab.fixed li:hover a,
.base-tab.fixed li.active a{position:relative;z-index:1;top:0;height:55px;margin-top:0;color:#096dc7;border:1px solid #ddd;background:transparent;}
.base-tab.fixed li:focus a:first-child,
.base-tab.fixed li:hover a:first-child,
/* .base-tab.fixed li.active a:first-child{margin-left:-1px;border-left:1px solid #096dc7;} */
/* 2020데이터 멘토링 */
.base-tab.fixed li.active a:first-child{margin-left:-1px;border-left:1px solid #ddd;color:#fff;background:rgba(39,164,188,.8)}
.board-tab{margin-bottom:35px;}

/* link */
.a-link{text-decoration:none;box-shadow:0 1px 0 0 #858b98;display:inline-block;line-height:21px;color:#555;vertical-align:middle;font-weight:400;}
.a-link:hover{color:#096dc7;text-decoration:none;box-shadow:0 2px 0 0 #096dc7;}
.a-link .alink{margin-left:10px;display:inline-block;position:relative;vertical-align:middle;line-height:11px;}
.a-link .alink:before{content:'';background-image:url(../images/contents/ico_open_alink.png);background-repeat:no-repeat;background-position:right center;height:14px;width:14px;display:inline-block;right:8px;}
.a-link:hover .alink:before{background-image:url(../images/contents/ico_open_alink_on.png);}
.a-link .a-download{margin-left:5px;display:inline-block;position:relative;vertical-align:middle;line-height:11px;padding-right:5px;}
.a-link .a-download:before{content:'';background-image:url(../images/contents/ico_down_sm.png);background-repeat:no-repeat;background-position:right center;height:14px;width:14px;display:inline-block;right:8px;}
.a-link:hover .a-download:before{background-image:url(../images/contents/a_download_on.png);}

/* btn align */
.board_btn{position:relative;min-height:42px;text-align:center;}
.board_btn:after{display:block;clear:both;content:'';}
.board_btn .btn_left{position:absolute;top:0;left:0;}
.board_btn .btn_right{position:absolute;top:0;right:0;}
.board_btn .btn_center{position:absolute;transform:translateX(-50%);left:50%;text-align:center!important;font-size:0;}
.board_btn.typeBorder{padding:10px 20px;margin-top:-1px;border:1px solid #d7d5d5;}
.board_btn.typeBG{padding:10px 20px;background:#fbfafa;border:1px solid #d7d5d5;}

/* gColumn */
[class*='gColumn']{display:-moz-flex;display:-ms-flex;display:flex;margin:0 auto;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;}
[class*='gColumn']:after{display:none;}
[class*='gColumn'] [class*='-btn']{display:-moz-flex;display:-ms-flex;display:flex;padding-right:8px;padding-left:8px;margin:0 2px;word-break:keep-all;word-wrap:break-word;-moz-flex:1;flex:1;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;}

/* normal btn */
.normal-btn{display:inline-block;min-width:85px;height:42px;box-sizing:border-box;font-family:'NanumGothicR';font-size:15px;font-weight:400;line-height:40px;color:#fff;color:#555;text-align:center;text-decoration:none;vertical-align:baseline;background:#096dc7;background-color:#fff;border:1px solid #096dc7;border:1px solid #d1d1d1;border-radius:2px;-webkit-transition: all .3s ease; transition: all .3s ease;}
.normal-btn span {white-space: nowrap;}

/* normal btn color */
.blue{color:#fff;background:#096dc7;border:1px solid #096dc7;}
.blue:hover{color:#096dc7;background:#fff;border:1px solid #096dc7;}
.white{color:#555;background:#fff;border:1px solid #c1c1c1;}
.white:hover{color:#fff;background:#096dc7;border:1px solid #096dc7;}

/* base button */
.base-btn{display:inline-block;min-width:auto;box-sizing:border-box;font-family:'NanumGothicR';font-size:13px;font-weight:400;color:#555;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border-color:#d1d1d1;border-style:solid;border-width:1px;border-radius:2px;-o-border-image:initial;border-image:initial;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;letter-spacing:-1px;}
.base-btn span{white-space:nowrap;}
.base-btn:hover{color:#fff;background-color:#63676d;border:1px solid #63676d;}
[class*='ico-'][class*='-sm'] span{display:block;padding:0 10px 0 15px;margin-right:25px;line-height:29px;}
[class*='ico-'][class*='-lg'] span{display:block;padding:0 15px 0 15px;margin-right:30px;font-size:15px;}
[class*='ico-'][class*='-sm'].area span{display:block;padding:0 10px 0 15px;margin-right:30px;}
[class*='ico-'].btn-sm.area{background-position:right 13px center;}

.btn-sm span{padding:0 15px;}

.del-btn{display:inline-block;min-width:auto;box-sizing:border-box;font-family:'NanumGothicR';font-size:13px;font-weight:400;color:#555;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:baseline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border-color:#d1d1d1;border-style:solid;border-width:1px;border-radius:2px;-o-border-image:initial;border-image:initial;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;letter-spacing:-1px;}
.del-btn span{white-space:nowrap;}
.del-btn:hover{color:#222;background-color:#c1c1c1;border:1px solid #c1c1c1;}

/* base button common size */
.btn-sm{height:32px;line-height:30px;}
.btn-lg{height:42px;line-height:40px;}
.btn-md{min-width:85px;padding:0 20px;}
.width53{min-width:53px;}

/* icon width */
[class*='ico-'].btn-sm{background-repeat:no-repeat;background-position:right 10px center;}
[class*='ico-'].btn-lg{background-repeat:no-repeat;background-position:90% center;}
[class*='ico-'].btn-none{min-width:auto;height:32px;padding:0 15px;line-height:30px;vertical-align:baseline;background-repeat:no-repeat;background-position:center;}
[class*='-btn'] img{margin:0 auto;vertical-align:middle;}

/* circle icon btn */
.circle-btn{position:relative;display:inline-block;box-sizing:border-box;font-family:'NanumGothicR';font-size:0;text-align:center;text-decoration:none;vertical-align:bottom;background-color:#fff;background-repeat:no-repeat;background-position:center;border:1px solid #858b98;border-radius:100%;-webkit-transition:all .3s ease;transition:all .3s ease;}
.circle-btn:hover{background-color:#63676d;background-repeat:no-repeat;background-position:center 50%;border:1px solid #63676d;}

/* circle size */
[class^='circle-'].size-lg{width:42px;height:42px;}
[class^='circle-'].size-sm{width:32px;height:32px;}
[class*='-btn'].guide:hover{color:#fff;background-color:#27a4bc;border:1px solid #27a4bc;}
[class*='-btn'].guide.on{font-size:14px;color:#fff;background-color:#27a4bc;border:1px solid #27a4bc;background-image:url(../images/contents/ico_direct_sm_on.png);}
.reorder-up{background-image:url(../images/contents/ico_reorderup.png);}
.reorder-down{background-image:url(../images/contents/ico_reorderdown.png);}
.reorder-up:hover{background-image:url(../images/contents/ico_reorderup_on.png);}
.reorder-down:hover{background-image:url(../images/contents/ico_reorderdown_on.png);}

/* lg size */

/* print */
.print-lg{background-image:url(../images/contents/ico_print.png);}
.print-lg:hover{background-image:url(../images/contents/ico_print_on.png);}
.base-btn.ico-btn.btn-lg.print-lg{background-position:85% center;}
.base-btn.ico-btn.btn-lg.pdf-download{background-position:87% center;}

/* download */
.rowarr-sm{background-image:url(../images/contents/ico_rowarr.png);}
.rowarr-sm:hover{background-image:url(../images/contents/ico_rowarr_on.png);}

/* download */
.download-lg{background-image:url(../images/contents/ico_down.png);}
.download-lg:hover{background-image:url(../images/contents/ico_down_on.png);}

/* pdf */
.pdf-download{background-image:url(../images/contents/ico_pdf_b.gif);}
.pdf-download:hover{background-image:url(../images/contents/ico_pdf_b.gif);}

/* excel */
.excel-download{background:url(../images/contents/btn_xls_bg.gif) no-repeat left;background-size:15px; background-position-x:12px; padding-left:30px; padding-right:12px;}
.excel-download:hover{background:url(../images/contents/btn_xls_bg.gif) no-repeat left; background-color:#096dc7; background-size:15px; border: 1px solid #096dc7; background-position-x:12px; padding-left:30px; padding-right:12px; }
.excel-download-min{background:url(../images/contents/btn_xls_bg.gif) no-repeat left;background-size:15px; background-position-x:7px; padding-left:10px;}
.excel-download-min:hover{background:url(../images/contents/btn_xls_bg.gif) no-repeat left; background-color:#096dc7; background-size:15px; border: 1px solid #096dc7;  background-position-x:7px; padding-left:10px; }

/* direct */
.direct-lg{background-image:url(../images/contents/ico_direct_lg.png);}
.direct-lg:hover{background-image:url(../images/contents/ico_direct_lg_on.png);}

/* youtube */
.youtube{background-image:url(../images/contents/ico_youtube.png);}
.youtube:hover{background-image:url(../images/contents/ico_youtube.png);}

/* manual */
.user-manual{background-image:url(../images/contents/ico_user_manual.png);}
.user-manual:hover{background-image:url(../images/contents/ico_user_manual.png);}

/* list */
.icon-list{background-image:url(../images/contents/ico_list.png);}
.icon-list:hover{background-image:url(../images/contents/ico_list_on.png);}
.ico-btn.icon-list span{padding:0 10px 0 15px;}

/* list */
.chatbot-go{background-image:url(../images/contents/ico_chatbot_go.png);}
.chatbot-go:hover{background-image:url(../images/contents/ico_chatbot_go.png);}

/* sm size */

/* download */
.download-sm{background-image:url(../images/contents/ico_down_sm.png);}
.download-sm:hover{background-image:url(../images/contents/ico_down_sm_on.png);}

/* direct */
.direct-sm{background-image:url(../images/contents/ico_direct_sm.png);}
.direct-sm:hover{background-image:url(../images/contents/ico_direct_sm_on.png);}

/* tree change */
.tree-change{background-image:url(../images/contents/ico_tree_change.png);}
.tree-change:hover{background-image:url(../images/contents/ico_tree_change_on.png);}

/* tree changes */
.tree-changes{background-image:url(../images/contents/ico_tree_changes.png);}
.tree-changes:hover{background-image:url(../images/contents/ico_tree_changes_on.png);}

/* allItem */
.allItem{background-image:url(../images/contents/ico_allItem.png);}
.allItem:hover{background-image:url(../images/contents/ico_allItem_on.png);}

/* preview */
.preview{background-image:url(../images/contents/ico_preview.png);}
.preview:hover{background-image:url(../images/contents/ico_preview_on.png);}

/* reorder */
.reorder{background-image:url(../images/contents/ico_reorder.png);}
.reorder:hover{background-image:url(../images/contents/ico_reorder_on.png);}

/* saveItem */
.saveItem{background-image:url(../images/contents/ico_saveItem.png);}
.saveItem:hover{background-image:url(../images/contents/ico_saveItem_on.png);}

/* DDI lookup */
.ddi-lookup{background-image:url(../images/contents/ico_ddilookup.png);}
.ddi-lookup:hover{background-image:url(../images/contents/ico_ddilookup_on.png);}

/* lookup */
.allSelect{background-image:url(../images/contents/ico_select.png);}
.allSelect:hover{background-image:url(../images/contents/ico_select_on.png);}

/* box-blink */
.box-blink{position:relative;display:inline-block;width:425px;padding:15px 20px;word-break:keep-all;cursor:pointer;background:#fff;border:1px solid #ddd;}
.box-blink strong{font-family:'NanumGothicR';display:block;font-size:15px;font-weight:400;color:#555;}
.box-blink.blink-icon01:after{position:absolute;top:50%;right:20px;width:32px;height:32px;margin-top:-14px;content:'';background:url(../images/contents/ico_guide_link.png) no-repeat center;background-size:32px;}
.box-blink.blink-icon02:after{position:absolute;top:50%;right:20px;width:32px;height:32px;margin-top:-14px;content:'';background:url(../images/contents/ico_guide_download.png) no-repeat center;background-size:32px;}
.blink-area.col1 a{width:425px;}

/* option */
.blink-area.col3 a:first-child{margin-left:0;}
.blink-area.col3 a{float:left;width:32.666%;margin-left:1%;}

/* box style */
.w-box{display:block;position:relative;overflow:hidden;background:#fff;border:1px solid #ddd;}
.g-box{display:block;position:relative;overflow:hidden;background:#f8f8f8;border:1px solid #ddd;}
.r-box{display:block;position:relative;overflow:hidden;background:#fbf0e6;border:1px dashed #d1001d;}
.list-box{font-size:0;border:1px solid #ddd;}