@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 공통 - UI 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#skip_navi {display:none;}
body {background-color:#fff;}
#wrapper {background-repeat:no-repeat; background-position:center top; /*width:100%; min-width:1000px;*/ /*height:100%;*/ box-sizing:border-box;}

.header_pos {width:100%; min-width:320px; background-color:#fff; position:relative; z-index:101;
      /*-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);*/
}

.base_width {margin:0 auto; width:1200px; position:relative;}
/* 데스크탑 */
@media all and (max-width:1200px){
      .base_width {width:100%;}
}

.page_top {height:40px; background-color:#444c58;}
.page_top .base_width {}
.page_top .base_width:after {content: ""; display:block; clear:both;}
.page_top .left {float:left; height:40px; vertical-align:top;}
.page_top .left .btn_go_home {display:inline-block; padding:0 10px; border-left:solid 1px #676767; border-right:solid 1px #676767; height:40px; line-height:40px; text-align:center; /*font-size:0; text-indent:-10000px;*/ color:#fff; vertical-align:middle;}
.page_top .left .affiliate_box {display:inline-block; vertical-align:middle;}
.page_top .left .affiliate_box a.btn_affiliate_link {display:inline-block; padding:0 35px 0 10px; height:40px; line-height:40px; color:#fff; border-right:solid 1px #676767; background:url('/images/BLU3/ctl/icon_arrow_gray_bottom.png') no-repeat 125px center ;}
.page_top .left .affiliate_box .affiliate_cont {}
.page_top .left .affiliate_box .affiliate_cont ul {}
.page_top .left .affiliate_box .affiliate_cont ul li {}
.page_top .left .affiliate_box .affiliate_cont ul li a {}

.page_top .right {float:right;}
.page_top .right .outline {}
.page_top .right .outline>ul {}
.page_top .right .outline>ul:after {content:""; clear:both; display:block;}
.page_top .right .outline>ul>li {float:left;}
.page_top .right .outline>ul>li>a {display:inline-block; padding:0 20px; height:40px; line-height:40px; color:#fff; border-right:solid 1px #676767;}
.page_top .right .outline>ul>li.first>a {border-left:solid 1px #676767;}
.page_top .right .outline>ul>li>a.btn_go_entrance {background-color:#0fa075;}
.page_top .right .outline>ul>li>a.btn_login {background-color:#2f353d;}
.page_top .right .outline>ul>li .user_info_pop {min-width:80px; background-color:#fff; border:solid 1px #eee; position:absolute; top:40px; right:0; z-index:10;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

/* 언어선택 */
.page_top .right .outline>ul>li.language_box {position:relative;}
.page_top .right .outline>ul>li a.btn_language {display:block; width:75px; text-align:center;}
.page_top .right .outline>ul>li .language_pop {width:100%; position:absolute; top:40px; right:0; z-index:10; background-color:rgba(0,0,0,0.8);
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);}
.page_top .right .outline>ul>li .language_pop ol {}
.page_top .right .outline>ul>li .language_pop ol li {}
.page_top .right .outline>ul>li .language_pop ol li a {display:block; height:32px; line-height:32px; text-align:center; color:#999;}
.page_top .right .outline>ul>li .language_pop ol li a:hover {background-color:#426197; color:#fff;}
.page_top .right .outline>ul>li .language_pop ol li a.active {background-color:#426197; color:#fff;}

.page_top .right .outline>ul>li .user_info_pop ol {padding:15px 5px;}
.page_top .right .outline>ul>li .user_info_pop li {}
.page_top .right .outline>ul>li .user_info_pop li a {display:block; padding-left:10px; line-height:2;}
.page_top .right .outline>ul>li .user_info_pop li a:hover {text-decoration:underline;}

/* 권한선택 */
.page_top .right .outline>ul>li .user_info_pop .authority_select {border-top:solid 1px #ccc; padding:5px; text-align:center;}
.page_top .right .outline>ul>li .user_info_pop .authority_select select {width:100%;}

/*언어선택*/
.language {display:inline-block; padding:5px 10px; background-color:rgba(0, 0, 0,0.3);}
.language span {margin-right:3px; color:#fff; vertical-align:middle;}
.language a {display:inline-block; width:20px; height:20px; background-color:#fff; font-size:0; text-indent:-10000px; vertical-align:middle;}
.language a.lang_kor {background:url('/images/icon/language_kor.png') no-repeat center center;}
.language a.lang_eng {background:url('/images/icon/language_eng.png') no-repeat center center;}
.language a.lang_kor.active {background:url('/images/icon/language_kor_act.png') no-repeat center center;}
.language a.lang_eng.active {background:url('/images/icon/language_eng_act.png') no-repeat center center;}

.header {margin:0 auto; width:1200px; height:80px; position:relative;}
h1.logo {float:left; font-size:0; text-indent:-1000px; width:100%; height:80px; background:url('/images/BLU3/common/logo.png') no-repeat left center;}

/* 데스크탑 */
@media all and (max-width:1200px){
      .header {padding:0 10px; width:100%; box-sizing:border-box;}
}

/* 태블릿 */
@media all and (max-width:1024px){
      .page_top .left .affiliate_box {display:none;}
}
@media all and (max-width:768px){
      .page_top .right .outline>ul>li {display:none;}
      .page_top .right .outline>ul>li.user_area {display:block;}      
      .page_top .right .outline>ul>li.language_box {display:block;}
}

/* 모바일 */
@media all and (max-width:414px){
      .page_top .left {display:none;}
}


/* 대메뉴 */
.gnbarea {position:absolute; top:0; right:0}
.gnbarea ul.gnb {height:70px;}
.gnbarea ul.gnb>li {float:left; position:relative;}
.gnbarea ul.gnb>li a.title {display:block; padding:0 15px; height:80px; line-height:80px; color:#333; font-size:20px;}
.gnbarea ul.gnb>li a.title:hover, ul.gnb>li a.title.active {background-color:#f2f2f2;}
.gnbarea ul.gnb>li .submenu {width:200px; background-color:#ededed; position:absolute; top:81px; left:0;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}
.gnbarea ul.gnb>li .submenu ul {}
.gnbarea ul.gnb>li .submenu ul li a {display:block; padding:5px 20px; /*height:30px; line-height:30px;*/ color:#333; font-size:14px; border-top:solid 1px #ccc;}
.gnbarea ul.gnb>li .submenu ul li.first a {border-top:none;}
.gnbarea ul.gnb>li .submenu ul li a:hover {color:#fff; background-color:#112c63;}

.gnbarea ul.gnb>li.totalmenu a.btn_totalmenu {display:block; width:60px; height:80px; font-size:0; text-indent:-10000px; background:url('/images/BLU3/ctl/btn_totalmenu.png') no-repeat center center; border-left:solid 0px #399cc6; border-right:solid 0px #1e7ba3;}
.gnbarea ul.gnb>li.totalmenu a.btn_totalmenu.active {background:url('/images/BLU3/ctl/btn_totalmenu_close.png') no-repeat center center;}

.btn_sidemenu {display:none;}

.gnbarea_mobile {position:fixed; top:0; right:-300px; width:300px; height:100vh; height:100%; background-color:#fff; z-index:300;}
.gnbarea_mobile .outline {padding-bottom:70px; height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}
.gnbarea_mobile .self_info_area {position:relative; background-color:#f5f5f5;}
.gnbarea_mobile .self_info_area .login_before {padding:40px 0;}
.gnbarea_mobile .self_info_area .userinfo_header {text-align:center;}
.gnbarea_mobile .self_info_area .userinfo_header .user_photo {display:inline-block; margin-bottom:10px; padding:0 !important; vertical-align:middle; width:30px; height:30px; background:url('/images/BLU3/ctl/sidemenu/icon_user.png') no-repeat center center;}
.gnbarea_mobile .self_info_area .userinfo_header .user_name {display:inline-block; padding-left:5px; vertical-align:middle;}
.gnbarea_mobile .self_info_area .userinfo_header .user_name strong {margin-right:5px; color:#2d3067; font-size:20px; font-weight:normal; vertical-align:middle;}
.gnbarea_mobile .self_info_area .func_area {padding-left:5px; text-align:center;}
.gnbarea_mobile .self_info_area .func_area a {display:inline-block; margin-right:10px; color:#333; font-weight:600;}
.gnbarea_mobile .self_info_area .func_area a.btn_login_mobile {display:inline-block; padding:0 20px 0 50px; height:55px; line-height:55px; font-size:18px; font-weight:normal; background:url('/images/BLU3/ctl/sidemenu/icon_touch.png') no-repeat 20px center #fff;
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

.gnbarea_mobile .self_info_area .login_after {padding:20px 0;}
.gnbarea_mobile .self_info_area .func_area a.btn_lectureroom_mobile {display:inline-block; padding:0 40px 0 70px; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#fff; background:url('/images/BLU3/ctl/sidemenu/icon_learn.png') no-repeat 40px center #2e3192;
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}

.gnbarea_mobile .self_info_area .btn_sidemenu_close {display:inline-block; font-size:0; text-indent:-1000px; width:50px; height:50px; background:url('/images/BLU3/ctl/icon_sidemenu_close.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-25px;}
ul.gnb_mobile {margin:0 10px; border-top:solid 1px #fff;}
ul.gnb_mobile>li {border-bottom:solid 1px #f2f2f2; }
ul.gnb_mobile>li a.title {display:block; padding:10px 15px; color:#333; font-size:16px; background:url('/images/BLU3/ctl/sidemenu/cert.png') no-repeat 95% center;}
ul.gnb_mobile>li a.title.active {background-color:#fff; color:#2e3192; font-weight:600; background:url('/images/BLU3/ctl/sidemenu/cert_active.png') no-repeat 95% center;}
ul.gnb_mobile>li .submenu {opacity:0; padding:0 10px 10px; background-color:#fff;}
ul.gnb_mobile>li .submenu>ul {background-color:#f2f2f2;}
ul.gnb_mobile>li .submenu>ul>li>a {display:block; padding:6px 20px 6px 30px; /*height:35px; line-height:40px;*/ color:#333; border-top:solid 1px #fff; background:url('../images/ctl/sidemenu/icon_nav_bar.png') no-repeat 15px center;}
ul.gnb_mobile>li .submenu>ul>li.first>a {border-top:none;}
ul.gnb_mobile>li .submenu>ul>li>a:hover {background-color:#f2f2f2;}

ul.gnb_mobile>li .submenu>ul>li ol.depth3 {padding:10px; /*background-color:#f2f2f2;*/}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li {border-bottom:solid 0px #ebebeb;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li a {display:block; padding:3px 15px; color:#3c3c3c; font-size:13px;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li.active a {color:#2e3192;}
ul.gnb_mobile>li .submenu>ul>li ol.depth3>li:hover a {color:#2e3192; text-decoration:underline;}

.modal_screen_sidemenu {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:150;}

.gnbarea_mobile .bottom_func {width:100%; height:50px; border-top:solid 1px #e2e2e2; background-color:#f5f5f5; position:absolute; bottom:0; left:0;}
.gnbarea_mobile .bottom_func ul {overflow:hidden;}
.gnbarea_mobile .bottom_func ul li {float:left; width:50%; text-align:center;}
.gnbarea_mobile .bottom_func ul li a {display:block; height:50px; line-height:50px; color:#555555; border-left:solid 1px #ebebeb; border-right:solid 1px #fff;}
.gnbarea_mobile .bottom_func ul li a span {display:inline-block; vertical-align:middle;}
.gnbarea_mobile .bottom_func ul li:first-child a {border-left:none;}
.gnbarea_mobile .bottom_func ul li:last-child a {border-right:none;}
span.icon_modify {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url('/images/BLU3/ctl/sidemenu/icon_modify.png') no-repeat center center;}
span.icon_power {display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url('/images/BLU3/ctl/sidemenu/icon_power.png') no-repeat center center;}


/* 전체메뉴 */
.totalmenu_box {width:1200px; position:absolute; top:100px; left:50%; margin-left:-600px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}
ul.totalmenu_list {background-color:#fff; border-top:solid 1px #ddd; border:solid 5px #eee; overflow:hidden;}
ul.totalmenu_list>li {border-right:solid 1px #ddd;}
ul.totalmenu_list>li .outline {display:table; width:100%;}
ul.totalmenu_list>li .title {display:table-cell; width:250px; text-align:center; font-size:16px; font-weight:normal; color:#fff; border-bottom:solid 1px #456094; background-color:#193f89;}
ul.submenulist {padding:10px 15px; border-bottom:solid 1px #ddd;}
ul.submenulist li {display:inline-block; padding:0 10px;}
ul.submenulist li a {display:inline-block; }
ul.submenulist li a:hover {color:#2391c0; text-decoration:underline;}

@media all and (max-width:1200px){
      .totalmenu_box {width:96%; margin-left:-48%;}
}

/* 테스크탑 */
@media all and (max-width:1024px){
      .header {width:100%;}
      a.btn_sidemenu {display:inline-block; width:50px; height:24px; line-height:0; text-align:center; position:absolute; top:50%; right:10px; margin-top:-12px;}
      a.btn_sidemenu span {display:inline-block; margin:3px 0;  width:60%; height:2px; background-color:#333;}

      .gnbarea {display:none;}

      .totalmenu_box {width:90%; margin-left:-45%;}
}
/* 테블릿*/
@media all and (max-width:768px){
      ul.totalmenu_list>li .title {width:200px; font-weight:normal;}
}
/* 모바일*/
@media all and (max-width:640px){   
      ul.totalmenu_list>li .title {width:100px; font-weight:normal;}
      ul.submenulist {padding:10px 10px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 main_cont
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.main_visual {background-size:cover; position:relative; z-index:1;}
.main_visual .main_rolling {height:570px; background:url('/images/BLU3/ctl/main_visual.jpg') no-repeat #979699 center center;}
.main_visual .main_rolling .base_width {padding-top:130px;}
.main_visual .main_rolling .text_box {color:#fff; /*height:294px; padding:50px; background:url('/images/BLU3/ctl/main_slogan_box.png') no-repeat;*/}
.main_visual .main_rolling .text_box .opint {font-size:134px; color:#f0ba00; font-family:NYJGothicEB;}
.main_visual .main_rolling .text_box .title {display:inline-block; padding-left:55px; font-size:52px; font-family:NYJGothicM,serif; letter-spacing:-0.5px; background:url('/images/BLU3/ctl/main_slogan_point.png') no-repeat left top;}
.main_visual .main_rolling .text_box .intro_txt {display:block; font-size:16px; line-height:1.3em;}

/* 데스크탑 */
@media all and (max-width:1200px){
      
}

/* 태블릿 */
@media all and (max-width:1024px){

}
@media all and (max-width:768px){
      .main_visual .main_rolling {height:400px; background-size:cover;}
      .main_visual .main_rolling .base_width {padding-top:40px;}
      .main_visual .main_rolling .text_box {padding-left:10px; /*margin:0 30px; height:200px; padding:30px; color:#fff; background:url('/images/BLU3/ctl/main_slogan_box.png') no-repeat; background-size:100% 100%;*/}
      .main_visual .main_rolling .text_box .title {display:inline-block; padding-left:55px; font-size:45px;}
      .main_visual .main_rolling .text_box .intro_txt {display:block; font-size:14px; line-height:1.3em;}
}

@media all and (max-width:640px){
      .main_visual .main_rolling {height:400px; background-size:cover;}
      .main_visual .main_rolling .base_width {padding-top:30px;}
      .main_visual .main_rolling .text_box {padding-left:20px;}
      .main_visual .main_rolling .text_box .title {display:inline-block; padding-left:30px; font-size:35px; line-height:1.3em; background-size:25px;}
      .main_visual .main_rolling .text_box .intro_txt {display:block; font-size:14px; line-height:1.3em;}
}

/* 모바일 */
@media all and (max-width:414px){
      .main_visual .main_rolling {height:350px; background-size:cover;}
      .main_visual .main_rolling .base_width {padding-top:20px;}
      .main_visual .main_rolling .text_box {margin:0 10px; padding:20px; background:rgba(0,0,0,0.3);}
      .main_visual .main_rolling .text_box .title {display:inline-block; padding-left:30px; font-size:25px; line-height:1.3em; background-size:25px;}
      .main_visual .main_rolling .text_box .intro_txt {display:block; font-size:13px; line-height:1.3em;}
}

@media all and (max-width:320px){
      .main_visual .main_rolling .text_box .title {font-size:23px;}
}


.main_content_news {background-color:#fff;}

/* 중간 배너 */
.quick_service {position:relative;}
.quick_service ul {overflow:hidden; width:100%; position:absolute; z-index:2; top:-70px;}
.quick_service ul li {float:left; width:25%;}
.quick_service ul li a {display:block; height:90px; line-height:90px; text-align:center;}
.quick_service ul li.s1 a {background-color:#c1c1c1;}
.quick_service ul li.s2 a {background-color:#ffb33b;}
.quick_service ul li.s3 a {background-color:#234666;}
.quick_service ul li.s4 a {background-color:#60c8e5;}
.quick_service ul li a span.icon {display:inline-block; vertical-align:middle;}
.quick_service ul li a span.icon img {}
.quick_service ul li a span.title {display:inline-block; vertical-align:middle; font-size:20px; color:#fff; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

/* 데스크탑 */
@media all and (max-width:1200px){
      .quick_service ul li a {height:90px; line-height:initial;}
      .quick_service ul li a span.icon img {display:inline-block; margin-top:15px; width:40px;}
      .quick_service ul li a span.title {display:block; font-size:18px; letter-spacing:-0.5px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
      .quick_service ul li a {height:90px; line-height:initial;}
      .quick_service ul li a span.title {display:block; font-size:16px; line-height:1.2em;}
}
@media all and (max-width:768px){
      
}

/* 모바일 */
@media all and (max-width:414px){
      .quick_service ul li a span.icon img {width:35px; margin-top:13px;}
      .quick_service ul li a span.title {font-size:13px;}
}

/* 공지, 자료실 */
.new_post_row {padding-top:40px; overflow:hidden;}
.new_post_row .grid2_1 {float:left; width:50%;}
.new_post_row .grid2_1.notice {}
.new_post_row .grid2_1.learn_pds {}

.new_post_row .grid2_1 .top {height:70px; line-height:70px; text-align:center; position:relative;}
.new_post_row .grid2_1 .top h3 {font-size:22px; color:#fff; font-weight:normal;}
.new_post_row .grid2_1 .top a.btn_more {display:inline-block; width:27px; height:27px; font-size:0; text-indent:-10000px; background:url('/images/BLU3/ctl/icon_more.png') no-repeat center center; position:absolute; top:50%; right:30px; margin-top:-13px;}

.new_post_row .grid2_1.notice .top {background:url('/images/BLU3/ctl/notice_bg.png') no-repeat #1e428b center center; background-size:cover;}
.new_post_row .grid2_1.learn_pds .top {background:url('/images/BLU3/ctl/learn_pds_bg.png') no-repeat #2d63bf center center; background-size:cover;}

.new_post_row .grid2_1 .cont_list {margin-bottom:20px; padding:20px 40px; height:200px; border:solid 1px #ebebeb; border-top:none;}
.new_post_row .grid2_1.learn_pds .cont_list {border-left:none;}
.new_post_row .grid2_1 .cont_list ul {line-height:40px; font-size:16px;}
.new_post_row .grid2_1 .cont_list ul li {}
.new_post_row .grid2_1 .cont_list ul li a {display:block; color:#666666; background:url('/images/BLU3/ctl/icon_news_arrow.png') no-repeat center right;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.new_post_row .grid2_1 .cont_list ul li a:hover {text-decoration:underline;}
.new_post_row .grid2_1.learn_pds .cont_list ul li {padding-right:150px; overflow:hidden;}
.new_post_row .grid2_1.learn_pds .cont_list ul li a {float:left; width:100%; background:none;}
.new_post_row .grid2_1.learn_pds .cont_list ul li span.date {float:right; display:block; width:150px; margin-right:-150px; text-align:right; color:#666666;}

/* 데스크탑 */
@media all and (max-width:1200px){
      .new_post_row .grid2_1 .cont_list ul {line-height:40px; font-size:16px;}
      .new_post_row .grid2_1 .cont_list ul li {}
      .new_post_row .grid2_1 .cont_list ul li a {display:block; padding-right:30px;}
      .new_post_row .grid2_1.learn_pds .cont_list ul li {padding-right:110px;}
      .new_post_row .grid2_1.learn_pds .cont_list ul li a {width:100%;}
      .new_post_row .grid2_1.learn_pds .cont_list ul li span.date {width:110px; margin-right:-110px; text-align:left;}
}

/* 태블릿 */
@media all and (max-width:1024px){
      .new_post_row .grid2_1.learn_pds .cont_list ul li {padding-right:0;}
      .new_post_row .grid2_1.learn_pds .cont_list ul li span.date {display:none;}
}
@media all and (max-width:768px){
      .new_post_row .grid2_1 .top {height:50px; line-height:50px; text-align:left;}
      .new_post_row .grid2_1 .top h3 {font-size:18px; padding-left:20px;}
      .new_post_row .grid2_1 .top a.btn_more {width:25px; height:25px; background-size:100%; position:absolute; top:50%; right:20px; margin-top:-13px;}
      .new_post_row .grid2_1 .cont_list {margin-bottom:20px; padding:15px 20px;}
      .new_post_row .grid2_1 .cont_list ul {line-height:40px; font-size:15px;}
      .new_post_row .grid2_1 .cont_list ul li a {background:url('/images/BLU3/ctl/icon_news_arrow.png') no-repeat center right; background-size:7px;}
}

/* 모바일 */
@media all and (max-width:414px){      
      .new_post_row {padding-top:20px; overflow:hidden;}
      .new_post_row .grid2_1 {float:left; width:100%;}
      .new_post_row .grid2_1 .cont_list {margin-bottom:0; height:auto;}
      .new_post_row .grid2_1 .cont_list ul {line-height:30px; font-size:14px;}
}

/* 공개강좌 */
.main_content_lecture {}
.main_content_lecture .top {padding-top:30px; overflow:hidden; background-color:#fff; }
.main_content_lecture .top .left {float:left;}
.main_content_lecture .top .left h3 {font-size:26px; font-weight:normal;}
.main_content_lecture .top .left h3 span {font-size:14px; color:#666666;}
.main_content_lecture .top .right {float:right; padding-right:50px; position:relative;}
ul.lec_cata_list {display:table;}
ul.lec_cata_list li {display:table-cell;}
ul.lec_cata_list li a {display:block; margin:0 15px; padding-bottom:28px; font-size:16px; color:#333333;}
ul.lec_cata_list li a.active {color:#1f4bb4; border-bottom:solid 2px #1f4bb4;}
.main_content_lecture .top .right a.btn_more {display:inline-block; width:30px; height:30px; line-height:30px; font-size:0; text-indent:-10000px; border:solid 1px #ebebeb;
      background:url('/images/BLU3/ctl/icon_more2.png') no-repeat center center; position:absolute; top:0; right:0; z-index:10;}
.main_content_lecture .top .right a.btn_more:hover {border:solid 1px #ccc;}

/* 데스크탑 */
@media all and (max-width:1200px){}

/* 태블릿 */
@media all and (max-width:1024px){
      .main_content_lecture .top .left {float:none;}
      .main_content_lecture .top .right {float:none; border-top:solid 1px #ccc;}
      ul.lec_cata_list {display:table; width:100%;}
      ul.lec_cata_list li a {display:block; margin:0; padding-bottom:0; padding:10px 0; font-size:16px; color:#333333; text-align:center;}
      ul.lec_cata_list li a.active {color:#1f4bb4; border-bottom:solid 2px #1f4bb4;}
      .main_content_lecture .top .right a.btn_more {position:absolute; top:7px; right:10px;}
}
@media all and (max-width:768px){
      .main_content_lecture .top .left h3 {padding-left:10px; font-size:20px;}
      .main_content_lecture .top .left h3 span {font-size:12px;}
      ul.lec_cata_list li a {font-size:15px; line-height:1.2;}
      .main_content_lecture .top .right {padding-left:10px;}
      .main_content_lecture .top .right a.btn_more {position:absolute; top:4px;}
}

/* 모바일 */
@media all and (max-width:414px){
      .main_content_lecture .top {padding:0 10px; padding-top:30px;}
      .main_content_lecture .top .left h3 {padding-left:0;}
      .main_content_lecture .top .left h3 span {display:block;}
      ul.lec_cata_list li a {font-size:14px;}
      .main_content_lecture .top .right {padding-left:0;}
      .main_content_lecture .top .right a.btn_more {position:absolute; right:0;}
}

.lecture_list_box {padding:55px 0 25px; background-color:#eee;}
ul.openlecture_list {margin-left:-43px; overflow:hidden;}
ul.openlecture_list li {margin-left:43px; float:left; width:267px;}
ul.openlecture_list li .outline {}
ul.openlecture_list li .thum {height:215px; text-align:center; background-color:#6f6353; background-repeat:no-repeat; background-size:cover; position:relative;}
ul.openlecture_list li .thum .title_box {width:100%; position:absolute; top:70px; left:0; z-index:2;}
ul.openlecture_list li .thum .title_box span.title {display:block; margin:0 15px 25px; font-size:20px; color:#fff;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
ul.openlecture_list li .thum .title_box a.btn_detail {display:inline-block; width:130px; height:30px; line-height:30px; font-size:16px; color:#fff; border:solid 1px #fff;}
ul.openlecture_list li .thum .title_box a.btn_detail:hover {background-color:rgba(256,256,256,0.2);}
ul.openlecture_list li .thum span.screen {display:block; width:100%; height:215px; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
ul.openlecture_list li .info {padding:20px; font-size:12px; color:#666666; background-color:#fff;}
ul.openlecture_list li .info .lead_txt {display:block; margin-bottom:10px; font-size:13px;
      height:40px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis
}
ul.openlecture_list li .info .info_bottom {}
ul.openlecture_list li .info .info_bottom .date {display:block;}
ul.openlecture_list li .info .info_bottom .prof {display:block;}

.dot_navi {text-align:center;}
.dot_navi a {display:inline-block; margin:0 4px; font-size:0; text-indent:-10000px; width:17px; height:17px; background-color:#d7d7d7; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.dot_navi a:hover {background-color:#999;}
.dot_navi a.active {width:45px; background-color:#1f4bb4;}

/* 데스크탑 */
@media all and (max-width:1200px){
      .lecture_list_box {padding:25px 0 25px;}
      ul.openlecture_list {margin-left:0; overflow:hidden;}
      ul.openlecture_list li {margin-left:0; margin:0 0.5% 10px; float:left; width:24%;}
      ul.openlecture_list li .outline {}
      ul.openlecture_list li .thum {height:215px; text-align:center; background-color:#6f6353; background-repeat:no-repeat; background-size:cover; position:relative;}
}

/* 태블릿 */
@media all and (max-width:1024px){}
@media all and (max-width:768px){
      ul.openlecture_list li {margin-left:0; margin:0 1% 10px; float:left; width:48%;}
}

/* 모바일 */
@media all and (max-width:414px){
      ul.openlecture_list {margin:0 10px;}
      ul.openlecture_list li {margin-left:0; margin:0 1% 10px; float:left; width:98%;}
}

/* 퀵 메뉴 */
.side_quick_menu {position:absolute; top:577px; right:0; z-index:10;}
.side_quick_menu ul {}
.side_quick_menu ul li {display:table; width:115px; height:113px; text-align:center; background-color:#ebebeb;}
.side_quick_menu ul li a {display:table-cell; height:113px; vertical-align:middle; border:solid 1px #e1e1e1; border-top:none;}
.side_quick_menu ul li img {}
.side_quick_menu ul li span {display:block; color:#7c7c7c; letter-spacing:-0.5px;}

.side_quick_menu ul li.first {background-color:#193f89;}
.side_quick_menu ul li.first a {border:none;}
.side_quick_menu ul li.first span {color:#fff;}

/* 데스크탑 */
@media all and (max-width:1200px){
      .side_quick_menu {display:none;}
}

/* 태블릿 */
@media all and (max-width:1024px){}
@media all and (max-width:768px){
      
}

/* 모바일 */
@media all and (max-width:414px){

}


/* modal 로그인 팝업 */
.modal_login_box {width:470px; background-color:#fff; position:fixed; top:50%; left:50%; margin-left:-235px; margin-top:-200px; z-index:101;}
.modal_login_box .top {padding-top:65px; text-align:center; position:relative;}
.modal_login_box .top h3 {font-size:34px; color:#333333;}
.modal_login_box .top a.btn_close {display:inline-block; font-size:0; text-indent:-10000px; width:33px; height:33px; background:url('/images/BLU3/ctl/btn_modal_loginpop_close.png') no-repeat center center; position:absolute; top:20px; right:20px;}
.modal_login_box .pop_body {padding:40px 35px 60px;}
.modal_login_box .pop_body input {margin-bottom:10px; padding-left:57px; width:100%; height:45px; font-size:16px; background-color:#fff; border:solid 1px #333333; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.modal_login_box .pop_body input.user_id {background:url('/images/BLU3/ctl/icon_user_id.png') no-repeat 15px center;}
.modal_login_box .pop_body input.user_pw {background:url('/images/BLU3/ctl/icon_user_pw.png') no-repeat 15px center;}
.modal_login_box .pop_body button {width:100%; height:50px; color:#fff; font-size:16px;}
.modal_login_box .pop_body button.btn_login {margin-bottom:5px; background-color:#5c6a71;}
.modal_login_box .pop_body button.btn_login_total {background-color:#1b49a0;}






.search_box {padding:25px 20px 0;}
.search_box .search_inputarea {padding-right:55px; position:relative;}
.search_box .search_inputarea input {width:100%; height:38px; border:solid 1px #dbdbdb; background-color:#efefef;}
.search_box .search_inputarea button.btn_search {width:55px; height:40px; font-size:0; text-indent:-10000px; background:url('/images/BLU3/ctl/icon_search.png') #434950 no-repeat center center; position:absolute; top:0; right:0;}
.search_box .ment {padding:5px; color:#666;}
.search_box .ment a {display:inline-block; padding:0 3px;}
.search_box .ment a:hover {text-decoration:underline;}

.search_box_sub {padding:25px; margin-bottom:20px; background-color:#f2f2f2;}
.search_box_sub .search_inputarea input {width:100%; height:38px; border:solid 1px #dbdbdb; background-color:#fff;}



/* 카드 리스트 : card_list_thum_type1 */
.card_list_thum_type1 {position:relative; overflow:hidden;}
.card_list_thum_type1 h2.title {margin-bottom:0;}
.card_list_thum_type1 ul.list {margin:0 -13px 0 0; overflow:hidden;}
.card_list_thum_type1 ul.list li {float:left; margin-right:1%; margin-bottom:20px; width:24%; height:260px; background-color:#fff;}
.card_list_thum_type1 ul.list li.first {margin-left:0;}
.card_list_thum_type1 ul.list li a {display:block;}
.card_list_thum_type1 ul.list li .thum {display:block; width:100%; height:142px; position:relative;
      background-size:cover;
      background-position: center top;
      background-repeat: no-repeat;
}
.card_list_thum_type1 ul.list li .thum .icon_play {display:inline-block; width:66px; height:66px; background:url('/images/BLU3/ctl/icon_play.png') no-repeat center center; position:absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px; z-index:1;}
.card_list_thum_type1 ul.list li .info {display:block; padding:10px 10px 0;}
.card_list_thum_type1 ul.list li .info .title {display:block; color:#333; font-size:16px; font-weight:600;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.card_list_thum_type1 ul.list li a:hover .title {text-decoration:underline;}
.card_list_thum_type1 ul.list li .info .term {display:block; margin-bottom:10px; color:#666666; font-size:13px; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.card_list_thum_type1 ul.list li .info .auther {color:#666666; font-size:13px;}
.card_list_thum_type1 ul.list li .info .popularity_rating {display:block; color:#666666; font-size:12px;}
.card_list_thum_type1 ul.list li .info .popularity_rating .rate {color:#ff9900; letter-spacing:-1px;}

.card_list_thum_type1 ul.list li.no_thum {}
.card_list_thum_type1 ul.list li.no_thum .info {padding:10px 10px 0; height:100px; text-align:center; border-bottom:solid 1px #d0d0d0;}
.card_list_thum_type1 ul.list li.no_thum .info .title {font-size:18px;}
.card_list_thum_type1 ul.list li.no_thum .info .term {display:block; margin-bottom:5px;}
.card_list_thum_type1 ul.list li.no_thum .lead_txt {display:block; padding:13px 15px 0; color:#999999; font-size:12px; line-height:19px;
      max-height:113px; 
      display:-webkit-box;
      -webkit-line-clamp:6;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis;}
.card_list_thum_type1 a.btn_more {position:absolute; top:5px; right:0;}
.card_list_thum_type1 a.btn_more:hover {opacity:0.6;}

/* 서브페이지에 적용 할 경우 box 배경color 보정 */
.sub_inner.card_list_thum_type1 ul.list li {background-color:#f2f2f2;}


/* 리스트 타입: 텍스트형 */
.card_list_thum_type1.listtype_txt_active ul.list {margin:0 0 0 0; overflow:hidden;}
.card_list_thum_type1.listtype_txt_active ul.list li {float:left; margin-right:0; margin-bottom:10px; width:50%; height:100px; background-color:#fff;}
.card_list_thum_type1.listtype_txt_active ul.list li.first {margin-left:0;}
.card_list_thum_type1.listtype_txt_active ul.list li a {display:block;}
.card_list_thum_type1.listtype_txt_active ul.list li .thum {display:none;}
.card_list_thum_type1.listtype_txt_active ul.list li .info {display:block; padding:10px 20px; margin:0 5px; height:75px; background-color:#fff; border:solid 1px #ccc;}
.card_list_thum_type1.listtype_txt_active ul.list li a:hover .info {background-color:#f2f2f2; border:solid 1px #ddd;}
.card_list_thum_type1.listtype_txt_active ul.list li .info .title {display:block; padding-left:7px; color:#333; font-size:16px; font-weight:600; background:url('/images/BLU3/ctl/bullet_dot.png') no-repeat left center;
      display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.card_list_thum_type1.listtype_txt_active ul.list li a:hover .title {text-decoration:none;}
.card_list_thum_type1.listtype_txt_active ul.list li .info .term {display:block; margin-bottom:5px; padding-left:7px; color:#666666; font-size:13px; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.card_list_thum_type1.listtype_txt_active ul.list li .info .auther {display:inline-block; padding-left:7px;}
.card_list_thum_type1.listtype_txt_active ul.list li .info .popularity_rating {display:inline-block; margin-left:10px; margin-bottom:10px; padding-left:10px; border-left:solid 1px #ccc; line-height:1;}

.card_list_thum_type1.listtype_txt_active ul.list li.no_thum {}
.card_list_thum_type1.listtype_txt_active ul.list li.no_thum .info {padding:10px 20px; height:75px; text-align:left; border-bottom:solid 0px #d0d0d0; background-color:#fff; border:solid 1px #ccc;}
.card_list_thum_type1.listtype_txt_active ul.list li.no_thum .info .title {font-size:18px;}
.card_list_thum_type1.listtype_txt_active ul.list li.no_thum .info .term {display:block; margin-bottom:5px;}
.card_list_thum_type1.listtype_txt_active ul.list li.no_thum .lead_txt {display:none;}


/* 테스크탑 */
@media all and (max-width:1200px){      
      .card_list_thum_type1 ul.list {margin-right:-1%; overflow:hidden;}
      .card_list_thum_type1 ul.list li {float:left; margin-right:1%; width:32.33%;}
}
/* 테블릿*/
@media all and (max-width:768px){  
      .card_list_thum_type1 {overflow:initial;}
      .card_list_thum_type1 ul.list {margin-right:-2%; overflow:hidden;}
      .card_list_thum_type1 ul.list li {float:left; margin-right:2%; width:48%;}
      .card_list_thum_type1 ul.list li .info .term {margin-bottom:5px; letter-spacing:-1px;}

      .card_list_thum_type1.listtype_txt_active ul.list {margin:0 0 0 0; overflow:initial;}
      .card_list_thum_type1.listtype_txt_active ul.list li {float:none; margin-bottom:10px; width:100%;
            /* box shadow */
            -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
            -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
            box-shadow: 0 2px 3px rgba(0,0,0,.1);
      }
      .card_list_thum_type1.listtype_txt_active ul.list li .info, .card_list_thum_type1.listtype_txt_active ul.list li.no_thum .info {padding:10px 10px; margin:0; height:initial; border:solid 1px #ccc; border-radius:3px;}
}
/* 모바일*/
@media all and (max-width:550px){         
      .card_list_thum_type1 ul.list {margin-right:0; overflow:hidden;}
      .card_list_thum_type1 ul.list li {float:none; margin-right:0; width:100%;}
      .card_list_thum_type1 ul.list li .info .term {margin-bottom:5px; letter-spacing:0;}

      .card_list_thum_type1.listtype_txt_active ul.list {margin:0 0 0 0; overflow:initial;}
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {width:100%; color:#666666; background-color:#585f67;}
.footer_content {overflow:hidden; position:relative;}
.footer_content .left {float:left; padding-top:15px; width:65%;}

.footer_content ul.footer_menu {margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #666b72; overflow:hidden;}
.footer_content ul.footer_menu li {float:left; padding:0 10px;}
.footer_content ul.footer_menu li.footer_logo {padding-top:3px;}
.footer_content ul.footer_menu li.first {padding-left:0;}
.footer_content ul.footer_menu li a {display:block; padding:7px 0; color:#fff;}
.footer_content ul.footer_menu li a:hover {text-decoration:underline;}
.footer_content ul.footer_menu li a img, .footer_content ul.footer_menu li a span {vertical-align:middle;}

.footer_content ul.footer_menu li a.btn_footer_policy {color:#ffeb3b;}

.footer_content .footer_copy {padding-left:30px; margin-bottom:50px; color:#999; background:url('/images/BLU3/ctl/footer_map_icon.png') no-repeat 10px top ;
 word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
.footer_content .footer_copy .adress {color:#ccc;}
.footer_content .footer_copy .copyright {}

.footer_content .right {float:right; padding:15px 100px 0 0; position:relative;}
.footer_content .relative_site {display:inline-block;}
.footer_content .relative_site select {height:30px;}
.footer_content .relative_site button.btn_go_site {width:50px; height:30px; text-align:center; color:#fff; background-color:#283135;}
.footer_content .relative_site button.btn_go_site:hover {background-color:#333;}
.footer_content .right a.go_page_top {display:inline-block; width:50px; height:55px; line-height:55px; text-align:center; background-color:#24272d; position:absolute; top:0; right:0;
      -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.footer_content .right a.go_page_top img {width:20px;}
.footer_content .right a.go_page_top:hover {background-color:#333;}

/* 데스크탑 */
@media all and (max-width:1200px){
       
}
/* 테블릿 */
@media all and (max-width:768px){
      .footer_content .left {float:none; padding-top:0; width:100%;}
      .footer_content .right {float:none; padding:15px 15px 0 0; position:absolute; top:0; right:0;}

      .footer_content ul.footer_menu {padding-bottom:0;}
      .footer_content ul.footer_menu li.footer_logo {display:none;}
      .footer_content ul.footer_menu li a {display:block; padding:7px 0; color:#fff;}
      .footer_content ul.footer_menu li a:hover {text-decoration:underline;}
      .footer_content ul.footer_menu li a img {display:none;}

      .footer_content .relative_site {display:none;}
      .footer_content .right a.go_page_top {width:40px; height:40px; line-height:36px; position:absolute; top:0; right:0;}
      .footer_content .right a.go_page_top img {width:20px;}
}
/* 테블릿 */
@media all and (max-width:480px){
      /*.footer_content .relative_site {display:none;}*/
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
 로그인
///////////////////////////////////////////////////////////////////////////////////////////////*/
.login_page {display:table; width:100%; height:100%;}
.login_page .outline {display:table-cell; text-align:center; vertical-align:middle; background-color:#ddd;}

.membership_box {margin:0 auto; width:400px;}
.membership_box h3 {padding:5px 0 10px; text-align:center; font-size:18px;}
.membership_box button {padding:0; margin-bottom:5px; width:100%; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:30px; overflow:hidden; box-sizing:border-box;}
.membership_box button:hover {opacity:0.9;}
.membership_box .normal_type button.btn_mormal_type {background-color:#89aee0;}
.membership_box .normal_type button.btn_login_total {background-color:#2b4169;}
.membership_box .normal_type input[type="text"] {width:100%; height:40px; border-radius:3px 3px 0 0; color:#333; box-sizing:border-box; border:solid 1px #ddd;
      font-family:'나눔바른고딕','나눔고딕','돋움',dotum,AppleGothic,serif
}
.membership_box .normal_type input[type="password"] {margin-bottom:5px; width:100%; height:40px; border-radius:0 0 3px 3px; color:#333; border:solid 1px #ddd; border-top:none; box-sizing:border-box;
      font-family:'나눔바른고딕','나눔고딕','돋움',dotum,AppleGothic,serif
}
.membership_box .func_area {padding-top:10px; border-top:solid 1px #f2f2f2;}
.membership_box .func_area a {display:inline-block; padding:0 10px; line-height:1; font-weight:600; border-left:solid 1px #ccc;}
.membership_box .func_area a:hover {text-decoration:underline;}
.membership_box .func_area a:first-child, .m_membership_box .func_area a.first {border-left:none;}


/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:480px){
      .membership_box {margin:30px auto 15px; width:80%; text-align:center;}
      .membership_box button {padding:0; width:100%; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden;}
      .membership_box .normal_type input[type="text"], .membership_box .normal_type input[type="password"] {width:100%;}
}
/* 모바일*/
@media all and (max-width:320px){   
      .membership_box .func_area a {padding:0 5px; letter-spacing:-1px; font-size:13px;}
}

.nav { z-index: 999; }

/* Top Banner */
.top_banner {width:1200px; margin:0 auto; position:relative;}
.top_banner .top_navi {position:absolute; top:5px; right:0;}
.top_banner .top_navi li {display:inline-block; font-size:0; text-indent:-10000px; margin:0 2px; width:10px; height:5px; line-height:10px; vertical-align:middle; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; opacity:0.7;}
.top_banner .top_navi li:hover, .top_banner .top_navi li.slick-active {width:10px; height:10px; opacity:1;}
.banner_close_box {z-index:1;position: absolute;bottom: 0;margin-left: -520px;left: 50%; width: 1200px; text-align: right;}
.banner_close_box a.btn_banner_close {display:inline-block; padding-left:25px; padding-right:10px; height:30px; line-height:30px; background:url('/images/BLU3/ctl/icon_close.png') #fff no-repeat left center;
      -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}

/* 데스크탑 */
@media all and (max-width:1300px){
      .top_navi {position:absolute; top:5px; right:5px;}
      .banner_close_box {position:absolute; bottom:0; right:5px;}
}
@media all and (max-width:1200px){
      .top_banner {width:auto;}
}
/* 모바일 */
@media all and (max-width:768px){
      .top_navi {position:absolute; top:2px; right:5px;}
      .banner_close_box a.btn_banner_close {font-size:0; padding-left:0; padding-right:0; text-indent:-10000px; width:30px; height:28px; line-height:28px; background:url('/images/BLU3/ctl/icon_close.png') #fff no-repeat center center;}
}
@media all and (max-width:640px){
      .top_navi {display:none;}
}

.gnbarea_mobile .authority_box {padding:10px; text-align:center; background-color:#d6d9e4; border-bottom:solid 1px #d1d3da;}
.gnbarea_mobile .authority_box .title {display:inline-block; margin-right:5px;}
.gnbarea_mobile .authority_box select {border-radius:5px;}

/* 모바일 홈화면 바로가기 추가 */
.shortcut {padding:5px 0; width:100%; background-color:#fff; box-shadow: 5px 5px 7px 5px gray; overflow:hidden; position:fixed; bottom:0; left:0; z-index:10; display:none;}
.shortcut .left {padding-left:5px; float:left;}
.shortcut .left a.btn_shortcut_add {display:block; padding-left:50px; height:47px; line-height:47px; font-size:16px; background:url('/images/BLU3/common/shortcut/logo_simbol_shortcut.png') no-repeat left center;}
.shortcut .right {float:right;}
.shortcut .right a.btn_shortcut_close {display:block; width:47px; height:47px; background:url('/images/BLU3/common/shortcut/btn_close.png') no-repeat center center;}


/*개인정보 이용약관 브랜드컬러*/
.person_agree {background-color:#1e428b;}