@charset"utf-8";

/* navigation */
.header_in{*zoom:1; position:relative; width:980px; margin:0 auto 18px; padding-top:33px;}
.header_in:after{content:""; display:block; clear:both;}
.header_in h1{float:left; margin:0 60px 0 0; position:relative;}

.gnb_area{*zoom:1; float:left; width:670px; height:70px;}
.gnb_area:after{content:""; display:block; clear:both;}
.gnb_area .gnb{float:left; height:50px; padding:8px 0 0 0;}
.gnb_area .gnb li{float:left;cursor:pointer; display:block; padding-top:42px; }
.gnb_area .gnb li.gnb1{background:url(/public_html/resource/images/common/menu_1s.png) no-repeat; background-position:center 3px;}
.gnb_area .gnb li.gnb1:hover{background:url(/public_html/resource/images/common/menu_1.png) no-repeat; background-position:center 0px;}
.gnb_area .gnb li.gnb2{background:url(/public_html/resource/images/common/menu_2s.png) no-repeat; background-position:center 3px;}
.gnb_area .gnb li.gnb2:hover{background:url(/public_html/resource/images/common/menu_2.png) no-repeat; background-position:center 0px;}
.gnb_area .gnb li.gnb3{background:url(/public_html/resource/images/common/menu_3s.png) no-repeat; background-position:center 3px;}
.gnb_area .gnb li.gnb3:hover{background:url(/public_html/resource/images/common/menu_3.png) no-repeat; background-position:center 0px;}
.gnb_area .gnb li.gnb4{background:url(/public_html/resource/images/common/menu_4s.png) no-repeat; background-position:center 3px;}
.gnb_area .gnb li.gnb4:hover{background:url(/public_html/resource/images/common/menu_4.png) no-repeat; background-position:center 0px;}
.gnb_area .gnb li.gnb5{background:url(/public_html/resource/images/common/menu_5s.png) no-repeat; background-position:center 3px;}
.gnb_area .gnb li.gnb5:hover{background:url(/public_html/resource/images/common/menu_5.png) no-repeat; background-position:center 0px;}

.gnb_area .gnb>li{position:relative; margin-right:58px;}
.gnb_area .gnb>li>a{font-family:Klavika,"돋움",Dotum,sans-serif; font-size:16px; color:#000000; height:42px;}

.footerWrap{position:absolute; z-index:20; width:100%; height:60px; padding:20px 0;}
.footerWrap .footer{width:1016px; height:70px; margin:0 auto; position:relative;}
.footerWrap .footer h4{position:absolute; top:10px; left:10px;}
.footerWrap .footer ul.sns{position:absolute; top:10px; right:10px;}
.footerWrap .footer ul li{float:left; margin:0 5px;}
.footerWrap .footer .copyWrap *{text-align:center; line-height:22px; color:#000000;}
.footerWrap .footer .copyWrap ul{width:370px; margin:0 auto;}
.footerWrap .footer .copyWrap ul li{margin:0 15px;}

.clear{ clear:both; }

/*  탭 */
.tap_normal{position:relative;}
.tap_normal .tap{*zoom:1; border-bottom:1px solid #cfcfcf;}
.tap_normal .tap:after{content:""; display:block; clear:both;}
.tap_normal .tap li{float:left; margin-right:3px;}
.tap_normal .tap li a{display:block; height:34px; line-height:34px; padding:0 20px; margin-bottom:-1px; min-width:88px; font-size:13px; text-align:center; border:1px solid #cfcfcf; border-radius:5px 5px 0 0; font-weight:bold;}
.tap_normal .tap li.on a,
.tap_normal .tap li:hover a{border:1px solid #999; border-bottom:1px solid #fff; color:#ea485b;}
.tap_normal .btns_right{*zoom:1; position:absolute; top:0; right:0;}
.tap_normal .btns_right:after{content:""; display:block; clear:both;}
.tap_normal .btns_right li{float:left; margin-left:6px;}
.tap_normal .btns_right li a{display:block; height:28px; line-height:28px; padding:0 18px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.tap_normal .btns_right li.on a,
.tap_normal .btns_right li a:hover{background:#f36446; border:1px solid #f36446; color:#fff;}
@-moz-document url-prefix() {
    .tap_normal .btns_right li a{line-height:24px;}
}

/*  탭 */
.tap_normal2{position:relative;width:1000px;margin:auto;}
.tap_normal2 .tap{*zoom:1; border-bottom:1px solid #cfcfcf;}
.tap_normal2 .tap:after{content:""; display:block; clear:both;}
.tap_normal2 .tap li{float:left; margin-right:3px;}
.tap_normal2 .tap li a{display:block; height:34px; line-height:34px; padding:0 20px; margin-bottom:-1px; min-width:88px; font-size:13px; text-align:center; border:1px solid #cfcfcf; border-radius:5px 5px 0 0; font-weight:bold;}
.tap_normal2 .tap li.on a,
.tap_normal2 .tap li:hover a{border:1px solid #999; border-bottom:1px solid #fff; color:#ea485b;}
.tap_normal2 .btns_right{*zoom:1; position:absolute; top:0; right:0;}
.tap_normal2 .btns_right:after{content:""; display:block; clear:both;}
.tap_normal2 .btns_right li{float:left; margin-left:6px;}
.tap_normal2 .btns_right li a{display:block; height:28px; line-height:28px; padding:0 18px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.tap_normal2 .btns_right li.on a,
.tap_normal2 .btns_right li a:hover{background:#f36446; border:1px solid #f36446; color:#fff;}
@-moz-document url-prefix() {
    .tap_normal2 .btns_right li a{line-height:24px;}
}

/* common popup */
.pop_wrapper{position:relative;}
.pop_wrapper .header{padding:18px 20px;background:#eb485b;}
.pop_wrapper .header h1{font-weight:bold;font-size:18px;color:#fff;}
.pop_wrapper .body{padding:30px 20px;}
.pop_wrapper h2,
.pop_wrapper h2.h2{margin:0 0 5px;font-weight:bold;font-size:18px;color:#8e6b16;zoom:1;}
.pop_wrapper .body .summary_wrap .summary:first-child{/*padding-top:0;*/}
.pop_wrapper > .close{position:absolute;right:20px;top:10px;}

/* 141013 김영훈 추가 */
.pop_wrapper .header2{padding:14px 20px;background:#eb485b;}
.pop_wrapper .header2 h1{font-weight:bold;font-size:18px;color:#fff;}
table.payTable{border-top:1px solid #999999;}
table.payTable th{background:#f9f9f9; font-weight:bold;}
table.payTable th, table.payTable td{border-bottom:1px solid #e1e1e1; padding:10px 10px 10px 20px; text-align:left;}
ul.listStyle{margin-left:20px;}
ul.listStyle li{list-style:none; padding-bottom:10px;}

.pop_wrapper .list_rainbow.type_m + h1{display:inline-block;margin:0 0 0 10px;vertical-align:middle;}
*+html .pop_wrapper .list_rainbow + h1{display:inline;}
.pop_wrapper .list_rainbow.type_m .bg_mask{background:url('/public_html/resource/images/common/bg_mask_purple.png');}
.pop_wrapper table.listB th,
.pop_wrapper table.listB td{border-left:1px solid #e3cfce;}
.pop_wrapper table.listB th:first-child,
.pop_wrapper table.listB td:first-child{border-left:0;}


.btn_wrap{overflow:hidden;margin:20px auto 0;}
.btn_wrap{overflow:hidden;margin:20px auto 0;}
.btn_center{position:relative;margin:20px auto 0;text-align:center;}
.btn_right{text-align:right;}
.txt_center{padding-bottom:16px; text-align:center; font-size:13px; color:#727272; line-height:18px;}
.dtable_txt{zoom:1;position:relative;margin:0 0 10px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}
.dtable_txt .po_right{position:absolute;right:0;bottom:0;}
.dtable_txt.txt_center{padding:0;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}

table.inputA{width:100%; margin-bottom:10px; border-top:1px solid #e3cfce; table-layout:fixed;}
table.inputA th,table.inputA td{border-bottom:1px solid #e3cfce; text-align:center;}
table.inputA th,table.inputA td.left{border-bottom:1px solid #e3cfce; text-align:left;}
table.inputA th{padding:10px 0; text-align:center; background-color:#faf6f5; font-size:12px; color:#727272;}
table.inputA td{padding:7px 0;}
table.inputA td select{border:1px solid #a1a1a1; padding:3px 5px;}
.table_wrap{overflow:hidden;position:relative;}
.table_wrap table.inputA{margin-left:-1px;}
.table_wrap table.inputA th,
.table_wrap table.inputA td{border-left:1px solid #e3cfce;}


/*  버튼 */
.center_btns{clear:both; text-align:center; padding-top:30px; *padding-top:15px;}
.center_btns .btns{*zoom:1; display:inline-block; *display:inline;}
.center_btns .btns:after{content:""; display:block; clear:both;}
.center_btns .btns li{float:left; margin:0 5px;}

.right_btns{*zoom:1; clear:both; padding-top:20px;}
.right_btns:after{content:""; display:block; clear:both;}
.right_btns .btns{float:right;}
.right_btns .btns li{float:left; margin-left:6px;}

ul.tab_btn li{display:block; float:left; margin:0 10px 10px 0;}
.clear{clear:both;}

.gray_big_btn a{*zoom:1; display:inline-block; *display:inline; min-width:60px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.red_big_btn a{*zoom:1; display:inline-block; *display:inline; min-width:60px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#f36446; text-align:center; border-radius:5px;}
.red_big_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:105px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#f36446; border:1px solid #f36446; text-align:center; border-radius:5px;}
.navy_big_btn2 a {*zoom: 1;display: inline-block;*display: inline;min-width: 105px;height: 46px;line-height: 46px;padding: 0 30px;font-size: 15px;font-weight: bold;color: #fff;background: #233796;border: 1px solid #233796;text-align: center;border-radius: 5px;}
.red_line_btn a{*zoom:1; display:inline-block; *display:inline; min-width:105px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#f36446; background:#ffffff; border:1px solid #f36446; text-align:center; border-radius:5px;}
.red_line_btn a:hover{background:#f36446; color:#ffffff;}
.red_big_btn a:hover{color:#ffffff;}
.gray_mid_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:36px; line-height:36px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.red_mid_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:36px; line-height:36px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#f36446; text-align:center; border-radius:5px;}
.red_small_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:32px; line-height:32px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#eb485b; text-align:center; border-radius:5px;}
.gray_small_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:32px; line-height:32px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.white_in_btn a{*zoom:1; display:inline-block; *display:inline; height:34px; line-height:34px; padding:0 20px; font-size:13px; color:#868583; text-align:center; border-radius:5px; border:1px solid #ccc;}
.gray_in_btn a{*zoom:1; display:inline-block; *display:inline; height:28px; line-height:28px; padding:0 15px; font-size:13px; color:#fff; background:#999; text-align:center; border-radius:3px;}

/* 클릭하는 효과 나는 button style (reset) */
    .btn-click {        
        border: none;
        background: none;
        cursor: pointer;
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .btn-click:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    /* .btn-cyan, btn-blue, btn-violet, btn-redLine, btn-gray 공통 */
    .btn-cyan, .btn-blue, .btn-violet, .btn-redLine, .btn-gray, .btn-lightB, .btn-orange  {    
        color: #fff;    
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        border-radius: 4px;
    }

    /* btn-cyan */
    .btn-cyan {
        border-radius: 4px;
        background: #248ab2;
        box-shadow: 0 5px #056084;
    }
    .btn-cyan:hover {
        box-shadow: 0 4px #056084;
        top: 1px;
    }
    .btn-cyan:active {
        box-shadow: 0 0 #056084;
        top: 5px;
    }

    /* btn-gray */
    .btn-gray {
        border-radius: 4px;
        background: #a7a9ac;
        box-shadow: 0 5px #808285;
    }
    .btn-gray:hover {
        box-shadow: 0 4px #808285;
        top: 1px;
    }
    .btn-gray:active {
        box-shadow: 0 0 #808285;
        top: 5px;
    }

    /* btn-blue */
    .btn-blue {
        border-radius: 4px;
        background: #367ec1;
        box-shadow: 0 5px #195790;
    }
    .btn-blue:hover {
        box-shadow: 0 4px #195790;
        top: 1px;
    }
    .btn-blue:active {
        box-shadow: 0 0 #195790;
        top: 5px;
    }

    /* btn-orange */
    .btn-orange {
        border-radius: 4px;
        background: #ec7614;
        box-shadow: 0 5px #be5500;
    }
    .btn-orange:hover {
        box-shadow: 0 4px #be5500;
        top: 1px;
    }
    .btn-orange:active {
        box-shadow: 0 0 #be5500;
        top: 5px;
    }

    /* btn-violet */
    .btn-violet {
        box-shadow: 0 5px #602084;
        background: #8e47b6;
    }
    .btn-violet:hover {
        box-shadow: 0 4px #602084;
        top: 1px;
    }
    .btn-violet:active {
        box-shadow: 0 0 #602084;
        top: 5px;
    }

    /* btn-redLine */
    .btn-redLine {
        border: 1px solid #ea485b;
        box-shadow: 0 5px #ea485b;
        background: #fff;
        color: #ea485b;
        line-height: 43px;  
    }
    .btn-redLine:hover {
        box-shadow: 0 4px #ea485b;
        top: 1px;
    }
    .btn-redLine:active {
        box-shadow: 0 0 #ea485b;
        top: 5px;
    }
    
    /* btn-lightB */
    .btn-lightB {
        border-radius: 4px;
        background: #4356a4;
        box-shadow: 0 5px #233684;
    }
    .btn-lightB:hover {
        box-shadow: 0 4px #233684;
        top: 1px;
    }
    .btn-lightB:active {
        box-shadow: 0 0 #233684;
        top: 5px;
    }
.top-banner-close {
    position: absolute;
    right: 51px;
    top : 137px;
}
input[type="checkbox"] {
    border: 1px solid #222;
    background: #fff;
}
.top-banner-close label {
    font-size: 14px;
    margin-left: 4px;
}
.top-banner-close a {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/public_html/resource/images/common/icn-x.png) no-repeat;
    font-size: 12px;
    color: #222;
    margin:-14px 0px -1px 113px;
}
.md-indent {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.pop_confirm {
    background: #fff;
}
.pop_confirm h1 {
    background: #248ab2;
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 24px;
}
.pop_confirm * {
    box-sizing: border-box;
}
.pop_confirm > div {
    padding: 60px 40px 40px;
}
.pop_confirm p {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 46px;
}
.pop_confirm p span {
    color: #248ab2;
    font-size: 42px;
    font-weight: bold;
}
.pop_confirm a {
    display: block;
    background: #248ab2;
    color: #fff;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

/* 워크시트 */
.worksheet_big {text-align: center;position: relative;}
.worksheet_big div {width: 281px; margin: -12px auto 0; position: absolute; top: 50%; left: 0; right: 0;}
.worksheet_big div img {width: 281px; height: 396px;}
.worksheet_big div button {display: block; overflow: visible; margin: 0; padding: 0; border: 0; background: none; white-space: nowrap; cursor: pointer;}
.worksheet_big .arrow {background-image: url(/public_html/resource/images/common/ico_arrow.png);
    background-repeat: no-repeat;width: 24px; height: 24px; position: absolute; }
.worksheet_big .arrow.w_left {background-position: 0 -24px; left: -54px;}
.worksheet_big .arrow.w_right {background-position: 0 0; right: -54px;}

.worksheet_thumb {margin: 20px auto 0; width: 478px; height: 161px; border: 1px solid #cccccc; box-sizing: border-box;}
.worksheet_thumb li {float: left;  position: relative; cursor: pointer;}
.worksheet_thumb img {width: 99px; height: 140px;padding: 10px;}
.worksheet_thumb li.act img {background: #ccc; }
.worksheet_thumb li span {position: absolute; bottom: -22px; left: 50%; margin-left: -8px;}

.btn_wrap.worksheet {width: 100%; margin: 20px auto 20px; border-top: 1px solid #ccc; padding: 20px 50px; clear: both; box-sizing: border-box;}
.btn_wrap.worksheet .ver4 {margin-left: 20px;}
.btn_wrap.worksheet .ver5 {float: right;}

/* btn */
.btn_direct{display:inline-block;overflow:hidden;height:24px;vertical-align:middle;}
.btn_direct.btn_prev img{margin:-24px 0 0;}

.btn_blue{margin:0 11px 0 1px; padding:0; display:inline-block; zoom:1; *display:inline; font-size:0px; line-height:0; font-weight:bold; color:#fff; border:0; vertical-align:middle; background:url('/public_html/resource/images/common/btn_blue.png') no-repeat;}
.btn_blue span{position:relative; right:-10px; min-width:50px; height:45px; padding:0 14px 0 4px; display:block; font-size:14px; line-height:45px; text-align:center; white-space:nowrap; background:url('/public_html/resource/images/common/btn_blue_side.png') right top no-repeat;}
a.btn_blue{color:#fff !important; text-decoration:none !important;cursor:pointer;}

.btn_blue.ver1{background-position:0 0;}
.btn_blue.ver1 span{background-position:100% 0;}
.btn_blue.ver2{background-position:0 -45px;}
.btn_blue.ver2 span{background-position:100% -45px;}
.btn_blue.ver3{background-position:0 -90px;}
.btn_blue.ver3 span{background-position:100% -90px;color:#5f6262;}
.btn_blue.ver4{background-position:0 -135px;}
.btn_blue.ver4 span{background-position:100% -135px;}
.btn_blue.ver5{background-position:0 -180px;}
.btn_blue.ver5 span{background-position:100% -180px;}
.btn_blue.ver6{background-position:0 -225px;}
.btn_blue.ver6 span{background-position:100% -225px;}
.btn_blue.ver7{background-position:0 -135px;}
.btn_blue.ver7 span{background-position:100% -135px;}

.checkbox{display:inline-block; position:relative; cursor:pointer; vertical-align:middle; margin:0 0 1px;}
.checkbox input{opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.checkbox label{width:16px; height:16px; display:inline-block; zoom:1; *display:inline; background:url('/public_html/resource/images/common/checkbox.png') 0 0 no-repeat; text-indent:-9999px;}
.checkbox.ver2 label{width:auto; padding-left:20px; text-indent:0; font-size:12px; line-height:16px; height:auto;}
.checkbox label.active{background-position:0 -50px;}

/* 200615 단어장 팝업추가 : 정은지 */
.pop_wrapper .header_blue {
    padding: 18px 20px;
    background: #5367b9;
}

.wordbook_big .arrow {
    background-image: url(/public_html/resource/images/common/ico_arrow_blue.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
}

.wordbook_big .arrow .w_left {
    background-position: 0 -24px;
    left: -54px;
}

.wordbook_big .arrow .w_right {
    background-position: 0 0;
    right: -54px;
}

.wordbook_thumb {
    margin: 20px auto 0;
    width: 478px;
    height: 161px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

.wordbook_thumb li {
    float: left;
    position: relative;
    cursor: pointer;
}

.wordbook_thumb img {
    width: 99px;
    height: 140px;
    padding: 10px;
}

.wordbook_thumb li.act img {
    background: #ccc;
}

.wordbook_thumb li span {
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -8px;
}

.wordbook_msg {
    text-align: center;
    margin-top: 10px;
    margin-bottom: -10px;
}

.wordbook_thumb {
    width: 716px;
}

.btn_wrap.wordbook {
    width: 100%;
    margin: 20px auto 20px;
    border-top: 1px solid #ccc;
    padding: 20px 50px;
    clear: both;
    box-sizing: border-box;
}

.btn_wrap.wordbook .ver4 {
    margin-left: 20px;
}

.btn_wrap.wordbook .ver5 {
    float: right;
}

.wordbook_btn_navy {
    float: right;
}

.header_blue h1 {
    font-size: 18px;
    color: #fff;
}

.wordbook_big {
    text-align: center;
    position: relative;
}

.wordbook_big div {
    width: 281px;
    margin: -12px auto 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.wordbook_big div img {
    width: 281px;
    height: 396px;
}

.wordbook_big div button {
    display: block;
}

.wordbook_big .arrow {
    background-image: url(/public_html/resource/images/common/ico_arrow_blue.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
}

.wordbook_big .arrow.w_left {
    background-position: 0 -24px;
    left: -54px;
}

.wordbook_big .arrow.w_right {
    background-position: 0 0;
    right: -54px;
}

.wordbook_thumb {
    margin: 20px auto 0;
    width: 716px;
    height: 161px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

.wordbook_thumb li {
    float: left;
    position: relative;
    cursor: pointer;
}

.wordbook_thumb img {
    width: 99px;
    height: 140px;
    padding: 10px;
}

.wordbook_thumb li.act img {
    background: #ccc;
}

.wordbook_thumb li span {
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -8px;
}

/* //200615 단어장 팝업추가 : 정은지 */

/* common popup 단어장 팝업추가 : 정은지 */
.pop_wrapper {
    position: relative;
}

.pop_wrapper .header {
    padding: 18px 20px;
    background: #fdb813;
}

.pop_wrapper .header h1 {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.pop_wrapper .body {
    padding: 30px 20px;
}

.pop_wrapper h2,
.pop_wrapper h2.h2 {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 18px;
    color: #8e6b16;
    zoom: 1;
}

.pop_wrapper .body .summary_wrap .summary:first-child {
    /*padding-top:0;*/
}

.pop_wrapper>.close {
    position: absolute;
    right: 20px;
    top: 17px;
}

.pop_wrapper .list_rainbow.type_m+h1 {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

*+html .pop_wrapper .list_rainbow+h1 {
    display: inline;
}

.pop_wrapper .list_rainbow.type_m .bg_mask {
    background: url('/public_html/resource/images/common/bg_mask_purple.png');
}
/* //common popup 단어장 팝업추가 : 정은지 */