@charset "UTF-8";
/*
*****************************************
*    common    : 1.1v
*    writer    : 이보람
*    last date : 2020.07.22
*****************************************
*/
/*sub_con*/
.sub_con { word-break: keep-all; letter-spacing: -0.05em; }

.sub_con * { letter-spacing: inherit; }

/*sub_visual*/
.sub_visual { position: relative; background: #fff no-repeat center center; background-size: cover; height: 25rem; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; }

.sub_visual .sv_text_box { position: absolute; width: 100%; top: 40%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-align: center; color: #ffffff; opacity: 0; }

.sub_visual .sv_text_box .tit { font-size: 2.625rem; }

.sub_visual .sv_text_box .tit_sub { font-size: 1.375rem; }

.sub_visual .sv_text_box.on { top: 50%; opacity: 1; }

.sub_visual.st_01 { background-image: url("../images/sub/sub_visual_08.jpg"); }

.sub_visual.st_02 { background-image: url("../images/sub/sub_visual_02.jpg"); }

.sub_visual.st_03 { background-image: url("../images/sub/sub_visual_09.jpg"); }

.sub_visual.st_04 { background-image: url("../images/sub/sub_visual_10.jpg"); }

.sub_visual.st_05 { background-image: url("../images/sub/sub_visual_02.jpg"); }

.sub_visual.st_06 { background-image: url("../images/sub/sub_visual_11.jpg"); }

.sub_visual.st_07 { background-image: url("../images/sub/sub_visual_15.jpg"); }

.sub_visual.share.st_01 { background-image: url("../images/sub/sub_visual_03.jpg"); }

.sub_visual.share.st_02 { background-image: url("../images/sub/sub_visual_04.jpg"); }

.sub_visual.share.st_03 { background-image: url("../images/sub/sub_visual_05.jpg"); }

.sub_visual.share.st_04 { background-image: url("../images/sub/sub_visual_06.jpg"); }

.sub_visual.share.st_05 { background-image: url("../images/sub/sub_visual_07.jpg"); }

.sub_visual.share.st_06 { background-image: url("../images/sub/sub_visual_12.jpg"); }

.sub_visual.share.st_07 { background-image: url("../images/sub/sub_visual_13.jpg"); }

.sub_visual.share.st_08 { background-image: url("../images/sub/sub_visual_14.jpg"); }

@media all and (max-width: 1024px) { .sub_visual { height: 25.56923rem; }
  .sub_visual .sv_text_box .tit { font-size: 2.94046rem; }
  .sub_visual .sv_text_box .tit_sub { font-size: 1.662rem; }
  .sub_visual.st_01 { background-image: url("../images/sub/sub_visual_08.jpg"); }
  .sub_visual.st_02 { background-image: url("../images/sub/sub_visual_02_m.jpg"); }
  .sub_visual.st_03 { background-image: url("../images/sub/sub_visual_09.jpg"); }
  .sub_visual.st_06 { background-image: url("../images/sub/sub_visual_11_m.jpg"); }
  .sub_visual.st_07 { background-image: url("../images/sub/sub_visual_15_m.jpg"); }
  .sub_visual.share.st_01 { background-image: url("../images/sub/sub_visual_03_m.jpg"); }
  .sub_visual.share.st_02 { background-image: url("../images/sub/sub_visual_04_m.jpg"); }
  .sub_visual.share.st_03 { background-image: url("../images/sub/sub_visual_05_m.jpg"); }
  .sub_visual.share.st_04 { background-image: url("../images/sub/sub_visual_06_m.jpg"); }
  .sub_visual.share.st_05 { background-image: url("../images/sub/sub_visual_07_m.jpg"); }
  /*20-10-15 추가*/
  .sub_visual.share.st_06 { background-image: url("../images/sub/sub_visual_12_m.jpg"); }
  .sub_visual.share.st_07 { background-image: url("../images/sub/sub_visual_13_m.jpg"); }
  .sub_visual.share.st_08 { background-image: url("../images/sub/sub_visual_14_m.jpg"); }
  /*20-10-15 추가*/ }

.sub_nav_wrap .location_nav ul [class^=deapth_], .sub_nav_wrap .location_nav ul [class*=deapth_], .sub_nav_wrap .share_nav ul > li { float: left; min-width: 14.375rem; position: relative; }

.sub_nav_wrap .location_nav ul [class^=deapth_] a, .sub_nav_wrap .location_nav ul [class*=deapth_] a, .sub_nav_wrap .share_nav ul > li a { display: block; position: relative; height: 100%; padding: 0 1.75rem; }

.sub_nav_wrap .location_nav ul [class^=deapth_] a > .dt_middle, .sub_nav_wrap .location_nav ul [class*=deapth_] a > .dt_middle, .sub_nav_wrap .share_nav ul > li a > .dt_middle { position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); line-height: 1.2; }

.sub_nav_wrap .location_nav ul [class^=deapth_] .deapth_tit, .sub_nav_wrap .location_nav ul [class*=deapth_] .deapth_tit, .sub_nav_wrap .share_nav ul > li .deapth_tit { width: 100%; height: 3.75rem; border-right: 1px solid #dddddd; background-image: url(../images/common/icon_location_down_bk.png); background-position: 12.5rem center; background-repeat: no-repeat; background-size: auto; font-weight: 400; overflow: hidden; padding: 0; font-size: 1.125rem; }

.sub_nav_wrap .location_nav ul [class^=deapth_] .deapth_tit > .dt_middle, .sub_nav_wrap .location_nav ul [class*=deapth_] .deapth_tit > .dt_middle, .sub_nav_wrap .share_nav ul > li .deapth_tit > .dt_middle { width: 100%; display: block; padding: 0 2.5rem 0 1.75rem; }

.sub_nav_wrap .location_nav ul [class^=deapth_] > ul, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul, .sub_nav_wrap .share_nav ul > li > ul { display: none; position: absolute; right: 0; left: -1px; top: 3.75rem; background: #ffffff; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }

.sub_nav_wrap .location_nav ul [class^=deapth_] > ul li, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul li, .sub_nav_wrap .share_nav ul > li > ul li { min-height: 3.75rem; border-bottom: 1px solid #dddddd; }

.sub_nav_wrap .location_nav ul [class^=deapth_] > ul li a, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul li a, .sub_nav_wrap .share_nav ul > li > ul li a { min-height: 3.75rem; }

.sub_nav_wrap .location_nav ul [class^=deapth_] > ul li a:hover, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul li a:hover, .sub_nav_wrap .share_nav ul > li > ul li a:hover { background-color: #f4f4f4; }

/*sub share location_nav*/
.sub_nav_wrap { z-index: 100; position: relative; height: 3.75rem; border-bottom: 1px solid #dddddd; background: #ffffff; letter-spacing: 0; }

.sub_nav_wrap .location_nav { height: 3.75rem; border-left: 1px solid #dddddd; }

.sub_nav_wrap .location_nav ul::after { display: block; content: ""; clear: both; }

.sub_nav_wrap .location_nav ul .home { position: relative; float: left; border-right: 1px solid #dddddd; width: 3.75rem; height: 3.75rem; background-image: url(../images/common/icon_home.png); background-position: center center; background-repeat: no-repeat; background-size: auto; text-indent: -9999px; overflow: hidden; }

.sub_nav_wrap .share_nav { border-left: 1px solid #dddddd; height: 3.75rem; }

.sub_nav_wrap .share_nav ul::after { display: block; content: ""; clear: both; }

.sub_nav_wrap .share_nav ul > li .icon_share_bk { margin-right: 0.625rem; }

@media all and (max-width: 1024px) { /*sub share location_nav*/
  .sub_nav_wrap { height: 5.11385rem; }
  .sub_nav_wrap .location_nav { height: 5.11385rem; }
  .sub_nav_wrap .location_nav ul::after { display: block; content: ""; clear: both; }
  .sub_nav_wrap .location_nav ul [class^=deapth_], .sub_nav_wrap .location_nav ul [class*=deapth_] { min-width: 15.34154rem; }
  .sub_nav_wrap .location_nav ul [class^=deapth_] a, .sub_nav_wrap .location_nav ul [class*=deapth_] a { font-size: 1.53415rem; height: 100%; padding: 0 1.27846rem; }
  .sub_nav_wrap .location_nav ul [class^=deapth_] .deapth_tit, .sub_nav_wrap .location_nav ul [class*=deapth_] .deapth_tit { font-size: 1.53415rem; height: 5.11385rem; background-position: 12.78462rem center; }
  .sub_nav_wrap .location_nav ul [class^=deapth_] .deapth_tit > .dt_middle, .sub_nav_wrap .location_nav ul [class*=deapth_] .deapth_tit > .dt_middle { padding: 0 3.06831rem 0 1.27846rem; }
  .sub_nav_wrap .location_nav ul [class^=deapth_] > ul, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul { top: 5.11385rem; }
  .sub_nav_wrap .location_nav ul [class^=deapth_] > ul li, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul li { min-height: 5.11385rem; }
  .sub_nav_wrap .location_nav ul [class^=deapth_] > ul li a, .sub_nav_wrap .location_nav ul [class*=deapth_] > ul li a { min-height: 5.11385rem; }
  .sub_nav_wrap .location_nav ul .home { width: 5.11385rem; height: 5.11385rem; background-size: 1.40631rem 1.27846rem; }
  .sub_nav_wrap .share_nav { height: 5.11385rem; }
  .sub_nav_wrap .share_nav ul > li { min-width: 15.34154rem; }
  .sub_nav_wrap .share_nav ul > li a { height: 100%; padding: 0 1.27846rem; font-size: 1.53415rem; }
  .sub_nav_wrap .share_nav ul > li .deapth_tit { font-size: 1.53415rem; height: 5.11385rem; background-position: 12.78462rem center; }
  .sub_nav_wrap .share_nav ul > li .deapth_tit > .dt_middle { padding: 0 3.06831rem 0 1.27846rem; }
  .sub_nav_wrap .share_nav ul > li > ul { top: 5.11385rem; }
  .sub_nav_wrap .share_nav ul > li > ul li { min-height: 5.11385rem; }
  .sub_nav_wrap .share_nav ul > li > ul li a { min-height: 5.11385rem; }
  .sub_nav_wrap .share_nav ul > li .icon_share_bk { margin-right: 1.27846rem; } }

/*ellisis*/
.ellipsis { white-space: normal; overflow: hidden; line-height: 1.5; max-height: 3em; text-align: left; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ellipsis_ie { position: relative; display: block !important; word-break: break-all; }

.ellipsis_ie:before { content: '...'; position: absolute; display: inline-block; background: white; width: 2.05em; height: 1.2em; right: 0; bottom: 0; vertical-align: middle; }

/*sub tab_box*/
.tab_box { line-height: 1.2; }

.tab_box .tab_m { display: none; }

.tab_box > .tab { width: 100%; overflow: hidden; position: relative; height: 5rem; }

.tab_box > .tab:before { content: ''; position: absolute; display: block; bottom: 0px; left: 0; width: 100%; height: 1px; background-color: #316aa5; }

.tab_box > .tab.tab_2 li { width: 50%; }

.tab_box > .tab.tab_3 li { width: 33.33333%; }

.tab_box > .tab.tab_4 li { width: 25%; }

.tab_box > .tab.tab_5 li { width: 20%; }

.tab_box > .tab.tab_6 li { width: 16.66667%; }

.tab_box > .tab.tab_7 li { width: 14.28571%; }

.tab_box > .tab.tab_8 li { width: 12.5%; }

.tab_box > .tab.tab_9 li { width: 11.11111%; }

.tab_box > .tab.tab_10 li { width: 10%; }

.tab_box > .tab.tab_11 li { width: 9.09091%; }

.tab_box > .tab li { width: 20%; display: block; float: left; padding: 0.625rem; height: 5rem; text-align: center; border-top: 1px solid #316aa5; border-right: 1px solid #316aa5; position: relative; border-top-left-radius: 1.6875rem; border-top-right-radius: 1.6875rem; background: url("../images/sub/tab_box_bg1.png") no-repeat; background-color: #316aa5; background-position: bottom left; background-size: auto; }

.tab_box > .tab li:after { content: ''; display: block; position: absolute; width: 4.6875rem; height: 100%; background: url("../images/sub/tab_box_bg3.png"); background-position: top center; background-size: auto 100%; top: -1px; right: -0.8125rem; z-index: 1; box-sizing: content-box; padding-bottom: 2px; }

.tab_box > .tab li:first-child { border-left: 1px solid #316aa5; background-image: none; }

.tab_box > .tab li:first-child:before { display: none !important; }

.tab_box > .tab li:last-child:after { display: none !important; }

.tab_box > .tab li.on { border-bottom: 0; background: #ffffff; border-left: 1px solid #4187cf; border-width: 1px; border-color: #4187cf; }

.tab_box > .tab li.on a { color: #4187cf; }

.tab_box > .tab li.on:after { background-image: url("../images/sub/tab_box_bg2.png"); }

.tab_box > .tab li.on:before { content: ''; display: block; position: absolute; width: 4.6875rem; height: 100%; background: url("../images/sub/tab_box_bg4.png"); background-position: top center; background-size: auto 100%; top: -1px; left: -3.0625rem; z-index: 1; box-sizing: content-box; padding-bottom: 2px; }

.tab_box > .tab li.on + li:before { display: none; }

.tab_box > .tab li a { width: 90%; display: block; color: #ffffff; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; }

@media all and (max-width: 1024px) { /*sub tab_box*/
  .tab_box { max-width: 42.82846rem; margin-left: auto; margin-right: auto; position: relative; }
  .tab_box a { display: block; text-align: left; }
  .tab_box a > .tab_middle { width: 100%; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; line-height: 1.2; padding: 0.63923rem 1.91769rem; overflow: hidden; }
  .tab_box a > .tab_middle i.icon_selet_arrowbk, .tab_box a > .tab_middle i.icon_sort_bl { right: 1.91769rem; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .tab_box .tab_m { position: relative; display: block; height: 5.75308rem; border: 1px solid #4187cf; color: #4187cf; }
  .tab_box > .tab { z-index: 100; position: absolute !important; display: none; width: 100%; height: auto; max-height: 28.125rem; overflow-y: auto; }
  .tab_box > .tab:before { display: none; }
  .tab_box > .tab li { float: none; width: 100% !important; display: block; height: 5.75308rem; background: #ffffff; text-align: center; border-top: 0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; position: relative; border-radius: 0; }
  .tab_box > .tab li a { color: #222222; }
  .tab_box > .tab li:hover { background-color: #f7f7f7; }
  .tab_box > .tab li:first-child { border-bottom: 1px solid #dddddd; }
  .tab_box > .tab li:before { display: none !important; }
  .tab_box > .tab li:after { display: none !important; }
  .tab_box > .tab li.on { border-bottom: 1px solid #dddddd; background-color: #4187cf; border-color: #dddddd; border-width: 1px; }
  .tab_box > .tab li.on a { color: #ffffff; } }

/*sub tag_box*/
.tag_box { -ms-overflow-style: none; /* IE and Edge */ }

.tag_box .slick-arrow { display: none !important; }

.tag_box::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }

.tag_box { text-align: center; padding: 1.125rem 0.625rem 1.875rem; min-height: 7.5rem; background: #d3e3f3; overflow-x: auto; white-space: nowrap; position: relative; }

.tag_box span, .tag_box a { outline: 0; text-align: center; display: inline-block; margin-top: 0.75rem; min-width: 10rem; padding: 1rem 2.625rem; background-color: rgba(37, 100, 165, 0.5); font-weight: 400; color: #ffffff; border-radius: 7.5rem; }

.tag_box span:not(:first-child), .tag_box a:not(:first-child) { margin-left: 0.75rem; }

.tag_box .tag_tit { font-weight: 600; color: #fff226; background-color: #2564a5; }

.tag_box .tgs_prev, .tag_box .tgs_next { display: none; }

/*sub tab_box2*/
.tab_box2 { line-height: 1.2; }

.tab_box2 .tab_m { display: none; }

.tab_box2 > .tab { display: table; table-layout: fixed; width: 100%; }

.tab_box2 > .tab li { display: table-cell; padding: 0.625rem; height: 5rem; background: #f4f4f4; vertical-align: middle; text-align: center; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 2px solid #222222; }

.tab_box2 > .tab li a { display: block; color: #555555; }

.tab_box2 > .tab li a i { margin-top: -0.1875rem; }

.tab_box2 > .tab li:first-child { border-left: 1px solid #dddddd; }

.tab_box2 > .tab li.on { z-index: 1; border-bottom: 0; background-color: #ffffff; border-left: 2px solid #222222; border-width: 2px; border-color: #222222; }

.tab_box2 > .tab li.on a { color: #222222; }

@media all and (max-width: 1024px) { /*sub tab_box2*/
  .tab_box2 > .tab li { border-width: 1px; height: 5.75308rem; }
  .tab_box2 > .tab li.on { border-width: 1px; } }

@media all and (max-width: 1024px) { /*sub tag_box*/
  .tag_box { height: 8.94923rem; padding: 2.23731rem 0; text-align: left; position: relative; padding-left: 5.11385rem; overflow: hidden; }
  .tag_box .slick-list { overflow: visible; }
  .tag_box span, .tag_box a { margin-top: 0; min-width: 10.86692rem; padding: 1.27846rem; border-radius: 8.94923rem; background-color: #4187cf; }
  .tag_box span:not(:first-child), .tag_box a:not(:first-child) { margin-left: 1.27846rem; }
  .tag_box .tgs_prev, .tag_box .tgs_next { display: block; position: absolute; top: 50%; margin-top: -1.98162rem; max-width: 3.96323rem; }
  .tag_box .tgs_prev img, .tag_box .tgs_next img { width: 100%; display: block; }
  .tag_box .tgs_prev:focus, .tag_box .tgs_next:focus { outline: 1px solid #cccccc; }
  .tag_box .tgs_prev { left: 0; }
  .tag_box .tgs_next { right: 0; } }

/*sub sort_box*/
.sort_box li { display: inline-block; margin: 1.1875rem 0; padding: 0 1.25rem; line-height: 1; position: relative; }

.sort_box li:first-child { padding-left: 0; }

.sort_box li:not(:last-child):before { content: ''; display: block; position: absolute; width: 1px; height: 90%; top: 5%; right: 0; background: #d3d3d3; }

.sort_box li.on .sort_btn { color: #2564a5; font-weight: 600; }

.sort_box li .sort_btn { font-weight: 400; line-height: 1; border: 0; padding: 0; background: transparent; cursor: pointer; }

@media all and (max-width: 1024px) { .sort_box li { padding: 0 1.91769rem; } }

/*sub borad_list_gallery*/
.borad_list_gallery { margin-left: -2.0625rem; margin-right: -2.0625rem; /*20-10-22 수정*/ }

.borad_list_gallery .bl_item { margin-top: 2.5rem; padding-left: 2.0625rem; padding-right: 2.0625rem; position: relative; }

.borad_list_gallery .bl_item:after { content: ''; display: block; position: absolute; width: 0.875rem; height: 98%; background: url("../images/sub/spring.png"); background-position: top center; background-size: 100% auto; left: 1.625rem; top: 1%; z-index: 1; }

.borad_list_gallery .bl_item .bl_item_box { overflow: hidden; border: 1px solid #eeeeee; position: relative; padding-bottom: 18.75rem; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #ffffff; }

.borad_list_gallery .bl_item .bl_item_box:hover { border-color: rgba(0, 0, 0, 0.15); box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4); }

.borad_list_gallery .bl_item .bl_item_box:hover .btn_color_1 { background: #2564a5; }

.borad_list_gallery .bl_item .bl_item_box .bl_text { width: 100%; position: absolute; height: 100%; top: 0; padding: 1.5625rem; }

.borad_list_gallery .bl_item .bl_item_box .bl_text:before { content: ''; display: block; padding-top: 83.5%; }

.borad_list_gallery .bl_item .bl_item_box .bl_text .bl_bottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 1.5625rem 1.5625rem 1.5625rem; }

.borad_list_gallery .bl_item .bl_item_box .bl_text .bl_date span { display: inline; }

.borad_list_gallery .bl_item .bl_item_box .bl_tit_box { line-height: 1.4555em; }

.borad_list_gallery .bl_item .bl_item_box .bl_tags { padding: 0.875rem 0; overflow-x: auto; }

.borad_list_gallery .bl_item .bl_item_box .bl_tags .bl_tag { display: inline-block; border: 1px solid #dddddd; border-radius: 2.5rem; padding: 0.625rem 1.125rem; margin-left: 0.5rem; line-height: 1; color: #555555; }

.borad_list_gallery .bl_item .bl_item_box .bl_tags .bl_tag:first-child { margin-left: 0; }

.borad_list_gallery span { display: block; }

.borad_list_gallery .bl_img_box { position: relative; overflow: hidden; /*20-10-22 수정*/ }

.borad_list_gallery .bl_img_box:before { content: ''; display: block; padding-top: 70.5%; }

.borad_list_gallery .bl_img_box img { width: 100%; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (max-width: 1700px) { .borad_list_gallery { margin-left: -1rem; margin-right: -1rem; }
  .borad_list_gallery .bl_item { padding: 0 1rem; }
  .borad_list_gallery .bl_item:after { left: 0.75rem; }
  .borad_list_gallery .bl_item .bl_item_box { padding-bottom: 20rem; } }

@media all and (max-width: 1024px) { .borad_list_gallery { margin-left: -0.51138rem; margin-right: -0.51138rem; }
  .borad_list_gallery .bl_item { margin-top: 2.55692rem; padding: 0 0.51138rem; }
  .borad_list_gallery .bl_item:after { left: 0.25rem; }
  .borad_list_gallery span { display: block; } }

@media all and (max-width: 767px) { .borad_list_gallery { /*btn*/ }
  .borad_list_gallery .bl_item:after { display: none; }
  .borad_list_gallery .bl_item .bl_item_box { padding-bottom: 27.83273rem; }
  .borad_list_gallery .bl_item .bl_item_box .bl_tags { padding: 0.5625rem 0 0.875rem; }
  .borad_list_gallery .bl_item .bl_item_box .bl_tags .bl_tag { border-radius: 2.5rem; padding: 1.06327rem 0.93818rem; margin-top: 0.31273rem; margin-left: 0.31273rem; }
  .borad_list_gallery .bl_item .bl_item_box .bl_tags .bl_tag:first-child { margin-left: 0; }
  .borad_list_gallery a.btn, .borad_list_gallery input[type='button'].btn, .borad_list_gallery input[type='submit'].btn, .borad_list_gallery button.btn { font-size: 1.62618rem; padding: 1.25091rem 1.25091rem; height: 4.37818rem; } }

.bl_marks { z-index: 1; position: absolute; overflow: hidden; top: 0; left: 0; }

.bl_marks .bl_mark { float: left; display: inline-block; width: 5.625rem; line-height: 1; padding: 0.8125rem 0.3125rem; font-size: 1rem; background: #333333; color: #ffffff; text-align: center; }

.bl_marks .bl_mark.color_1 { background-color: #4187cf; }

.bl_marks .bl_mark.color_2 { background-color: #f37320; }

.bl_marks .bl_mark.color_3 { background-color: #8db61f; }

.bl_marks .bl_mark.color_4 { background-color: #08a254; }

.bl_marks .bl_mark.color_5 { background-color: #5a5a5a; }

.bl_marks .bl_mark.color_6 { background-color: #efa70c; }

.bl_marks .bl_mark.color_7 { background-color: #b562ef; }

.bl_marks .bl_mark.color_8 { background-color: #e94343; }

.bl_marks .bl_mark.color_9 { background-color: #22c1b0; }

.bl_marks .bl_mark.color_10 { background-color: #d454a2; }

@media all and (max-width: 767px) { .bl_marks .bl_mark { width: 6.25455rem; padding: 0.93818rem 0.3125rem; font-size: 1.50109rem; } }

@media all and (max-width: 1024px) { .btn_box .btn { font-size: 1.662rem; max-width: 100%; }
  .btn_box .btn .icon_more_arrow_bk { margin-top: -0.31962rem; width: 1.21454rem; height: 0.831rem; background-size: contain; } }

.btn_box.dst_01.bst_01 .btn { -moz-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); }

.marks_box { overflow: hidden; }

.marks_box .mark { float: left; display: block; background: #000000; color: #ffffff; padding: 0.8125rem 1.25rem; line-height: 1.2; font-size: 1.125rem; }

.marks_box .mark.color_1 { background: #4187cf; }

.marks_box .mark.color_2 { background: #f47320; }

.img_box { position: relative; }

.img_box img { width: 100%; max-width: none; }

.img_box .marks_box { position: absolute; top: 0; left: 0; }

@media all and (max-width: 1024px) { .marks_box .mark { padding: 0.95885rem 1.27846rem; font-size: 1.53415rem; } }

.education_wrap { display: table; table-layout: fixed; width: 100%; }

.education_img_wrap { display: table-cell; float: none; width: 41.66667%; vertical-align: middle; max-width: 44.375rem; margin-left: auto; margin-right: auto; }

.education_img_wrap img { max-height: none; }

.education_text_wrap { position: relative; display: table-cell; float: none; width: 58.33333%; vertical-align: middle; }

.sub_con2 { float: left; width: 83.125%; }

.q_menu_wrap { float: right; width: 16.875%; position: relative; overflow: hidden; }

@media all and (max-width: 1700px) { .sub_con2 { width: 100%; }
  .sub_con2 .btn_box { padding-left: 0; }
  .q_menu_wrap { width: 100%; } }

@media all and (max-width: 1024px) { .sub_con2 { width: 100%; }
  .q_menu_wrap, .education_img_wrap, .education_text_wrap { width: 100%; }
  .education_wrap, .education_img_wrap, .education_text_wrap { display: block; } }

/*q_menu*/
.q_menu_wrap { position: relative; overflow: hidden; }

.q_menu_wrap .q_menu { float: right; margin-right: auto; background: #f4f4f4; width: 100%; max-width: 13.75rem; padding: 1.5625rem 1.875rem; }

.q_menu_wrap .q_menu .q_tit { line-height: 1.2; position: relative; }

.q_menu_wrap .q_menu .q_tit a { display: block; }

.q_menu_wrap .q_menu .q_tit .icon_more { display: block; position: absolute; top: 50%; right: 0; margin-top: -8px; width: 16px; height: 16px; }

.q_menu_wrap .q_menu .q_tit .icon_more:before { content: ''; position: absolute; top: 0; left: 50%; display: block; margin-left: -1px; width: 2px; height: 16px; background: #222222; }

.q_menu_wrap .q_menu .q_tit .icon_more::after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -1px; width: 16px; height: 2px; background: #222222; }

.q_menu_wrap .q_menu ul { display: none; }

.q_menu_wrap .q_menu ul li { background: #ffffff; position: relative; margin-top: 1.25rem; display: block; padding: 1.25rem 1.25rem; background-image: url(../images/sub/q_menu_bg.jpg); background-repeat: no-repeat; background-position: bottom right; background-size: 1rem 1rem; }

.q_menu_wrap .q_menu ul li a { display: block; }

.q_menu_wrap .q_menu ul li a:first-child { margin-top: 0; }

.q_menu_wrap .q_menu ul li a .q_img_box { display: block; position: relative; margin-bottom: 0.9375rem; width: 7.5rem; height: 6.875rem; overflow: hidden; }

.q_menu_wrap .q_menu ul li a .q_img_box img { width: 100%; max-width: none; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.q_menu_wrap .q_menu ul li a .q_con { display: block; }

.q_menu_wrap .q_menu ul li a .q_con > * { display: block; line-height: 1.4; }

.q_menu_wrap .q_menu.on .q_tit .icon_more::before { content: ''; display: none; }

.q_menu_wrap.st_02 .q_menu { background: #ffffff; border-top: 2px solid #222222; padding-left: 0; padding-right: 0; padding-bottom: 0; }

.q_menu_wrap.st_02 .q_menu ul li { margin-bottom: 0.625rem; background: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; }

.q_menu_wrap.st_02 .q_menu ul li:not(:first-child) { margin-top: 0; }

.q_menu_wrap.st_02 .q_menu ul li a { color: #ffffff; position: relative; }

.q_menu_wrap.st_02 .q_menu ul li a .q_img_box { max-width: none; width: 100%; height: auto; position: relative; margin-bottom: 0; background: #000000; }

.q_menu_wrap.st_02 .q_menu ul li a .q_img_box::before { content: ''; display: block; padding-top: 92.185%; }

.q_menu_wrap.st_02 .q_menu ul li a .q_img_box img { display: block; opacity: 0.6; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: width 0.3s; -webkit-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; width: 100%; }

.q_menu_wrap.st_02 .q_menu ul li a .q_con { position: absolute; display: block; top: 0.875rem; bottom: 0.875rem; left: 1.25rem; right: 1.25rem; width: auto; height: auto; }

.q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom { position: absolute; bottom: 0; }

.q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom .q_list { display: block; overflow: hidden; margin-left: -0.4375rem; margin-right: -0.4375rem; }

.q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom .q_list > span { margin: 0; padding: 0 0.4375rem; margin: 0.3125rem 0; line-height: 0.85; display: inline-block; vertical-align: middle; }

.q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom .q_list > span:not(:first-child) { border-left: 1px solid #ffffff; }

.q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom .q_list > span.q_date { border: 0; }

.q_menu_wrap.st_02 .q_menu ul li a:hover .q_img_box img { width: 115%; }

@media all and (max-width: 1700px) { .q_menu_wrap, .q_menu_wrap.st_02 { position: static; overflow: hidden; }
  .q_menu_wrap .q_menu, .q_menu_wrap.st_02 .q_menu { float: left; max-width: none; width: 49%; margin-left: 1%; margin-top: 0; }
  .q_menu_wrap .q_menu:nth-child(2n-1), .q_menu_wrap.st_02 .q_menu:nth-child(2n-1) { margin-left: 0; }
  .q_menu_wrap .q_menu .q_tit .icon_more, .q_menu_wrap.st_02 .q_menu .q_tit .icon_more { margin-top: -0.76708rem; width: 1.53415rem; height: 1.53415rem; }
  .q_menu_wrap .q_menu .q_tit .icon_more:before, .q_menu_wrap.st_02 .q_menu .q_tit .icon_more:before { height: 1.53415rem; }
  .q_menu_wrap .q_menu .q_tit .icon_more::after, .q_menu_wrap.st_02 .q_menu .q_tit .icon_more::after { width: 1.53415rem; }
  .q_menu_wrap .q_menu ul, .q_menu_wrap.st_02 .q_menu ul { padding-top: 1.27846rem; }
  .q_menu_wrap .q_menu ul li, .q_menu_wrap.st_02 .q_menu ul li { padding: 1.59808rem 1.91769rem; }
  .q_menu_wrap .q_menu ul li:first-child, .q_menu_wrap.st_02 .q_menu ul li:first-child { margin-top: 0; }
  .q_menu_wrap .q_menu ul li a, .q_menu_wrap.st_02 .q_menu ul li a { display: table; table-layout: fixed; width: 100%; }
  .q_menu_wrap .q_menu ul li a .q_img_box, .q_menu_wrap.st_02 .q_menu ul li a .q_img_box { display: table-cell; vertical-align: middle; width: 7.67077rem; height: 7.03154rem; }
  .q_menu_wrap .q_menu ul li a .q_con, .q_menu_wrap.st_02 .q_menu ul li a .q_con { display: table-cell; vertical-align: middle; padding-left: 2.23731rem; }
  .q_menu_wrap .q_menu ul li a .q_con > *:not(:first-child), .q_menu_wrap.st_02 .q_menu ul li a .q_con > *:not(:first-child) { display: inline-block; }
  .q_menu_wrap .q_menu ul li a .q_con .q_date, .q_menu_wrap.st_02 .q_menu ul li a .q_con .q_date { position: relative; }
  .q_menu_wrap .q_menu ul li a .q_con .q_date::before, .q_menu_wrap.st_02 .q_menu ul li a .q_con .q_date::before { content: ''; display: none; position: absolute; top: 0.25em; left: 0; bottom: 0.25em; width: 1px; background: #bbbbbb; }
  .q_menu_wrap.st_02 { width: 100%; }
  .q_menu_wrap.st_02 .q_menu { width: 100%; margin-left: 0; padding: 1.91769rem 1.27846rem; margin-bottom: 1.91769rem; }
  .q_menu_wrap.st_02 .q_menu.on { padding-bottom: 0; }
  .q_menu_wrap.st_02 .q_menu ul li { background: #f4f4f4; }
  .q_menu_wrap.st_02 .q_menu ul li a { color: #222222; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_img_box { position: static; width: 7.67077rem; height: 7.03154rem; background: transparent; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_img_box::before { display: none; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_img_box img { opacity: 1; position: static; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_con { position: static; padding: 0; padding-left: 2.23731rem; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_con span { display: block; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom { position: relative; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom .q_list > span:not(:first-child) { border-left: 1px solid #cccccc; }
  .q_menu_wrap.st_02 .q_menu ul li a .q_con .q_con_bottom .q_list > span.q_date { border-left: 1px solid #cccccc; }
  .q_menu_wrap.st_02 .q_menu ul li a:hover .q_img_box img { width: 100%; } }

@media all and (max-width: 1024px) { .q_menu_wrap { position: static; overflow: hidden; }
  .q_menu_wrap .q_menu { float: none; width: 100%; margin-left: 0; margin-top: 1.27846rem; }
  .q_menu_wrap .q_menu:first-child { margin-top: 0; }
  .q_menu_wrap.st_02 { width: 100%; margin-left: 0; margin-right: 0; }
  .q_menu_wrap.st_02 .q_menu { width: 100%; } }

.education_text_wrap h4 { float: left; }

.favorites_box { float: right; margin-top: 0.625em; }

.favorites_box .btn_favorites { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; background: #f4f4f4; width: 2.25rem; height: 2.25rem; border: 0; cursor: pointer; }

.favorites_box .btn_favorites i { position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.favorites_box .btn_favorites.on i.icon_heart { background-image: url("../images/common/icon_heart_red.png"); }

.favorites_box .favorites_txt { display: inline-block; vertical-align: middle; margin-left: 0.55556em; line-height: 0; }

@media all and (max-width: 1024px) { .favorites_box .btn_favorites { width: 2.30123rem; height: 2.30123rem; }
  .favorites_box .favorites_txt { display: none; } }

.item_box { display: none; }

.grade_average_box { border-top: 1px solid #909090; border-bottom: 1px solid #909090; }

/* sub : grade_average_points 수강평점*/
.grade_average_points { display: block; margin: 0; font-size: 0; vertical-align: middle; }

.grade_average_points .grade_average_point { display: inline-block; position: relative; width: 1.75rem; height: 1.75rem; background: url(../images/common/icon_star.svg) no-repeat; background-size: 1.75rem auto; vertical-align: middle; text-align: left; margin: 0 0.4375rem; }

.grade_average_points .grade_average_point .grade_average_mark { display: inline-block; position: relative; width: 1.75rem; height: 1.75rem; background: url(../images/common/icon_star_on.svg) no-repeat; background-size: 1.75rem auto; vertical-align: middle; }

.grade_average_points .grade_average_point .grade_average_mark.mark_0 { width: 0%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_10 { width: 10%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_20 { width: 20%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_30 { width: 30%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_40 { width: 40%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_50 { width: 50%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_60 { width: 60%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_70 { width: 70%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_80 { width: 80%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_90 { width: 90%; }

.grade_average_points .grade_average_point .grade_average_mark.mark_100 { width: 100%; }

.grade_average_progress_box { display: block; margin: 0; vertical-align: middle; }

.grade_average_progress_box .grade_average_progress_bar { display: inline-block; position: relative; margin: 0 1.25rem; max-width: 23.75rem; width: 100%; height: 0.25rem; background: #f4f4f4; vertical-align: middle; font-size: 0; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark { display: inline-block; position: relative; width: 0; height: 0.25rem; background: #4187cf; vertical-align: middle; -moz-transition:  width 0.3s ease-out; -webkit-transition:  width 0.3s ease-out; -ms-transition:  width 0.3s ease-out; -o-transition:  width 0.3s ease-out; transition:  width 0.3s ease-out; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_0 { width: 0%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_10 { width: 10%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_20 { width: 20%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_30 { width: 30%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_40 { width: 40%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_50 { width: 50%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_60 { width: 60%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_70 { width: 70%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_80 { width: 80%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_90 { width: 90%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_100 { width: 100%; }

.grade_average_progress_box .count { color: #bbbbbb; }

.grade_average_progress_box { display: block; margin: 0; vertical-align: middle; }

.grade_average_progress_box .grade_average_progress_bar { display: inline-block; position: relative; margin: 0 1.25rem; max-width: 23.75rem; width: 100%; height: 0.25rem; background: #f4f4f4; vertical-align: middle; font-size: 0; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark { display: inline-block; position: relative; width: 0; height: 0.25rem; background: #4187cf; vertical-align: middle; -moz-transition:  width 0.3s ease-out; -webkit-transition:  width 0.3s ease-out; -ms-transition:  width 0.3s ease-out; -o-transition:  width 0.3s ease-out; transition:  width 0.3s ease-out; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_0 { width: 0%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_10 { width: 10%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_20 { width: 20%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_30 { width: 30%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_40 { width: 40%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_50 { width: 50%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_60 { width: 60%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_70 { width: 70%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_80 { width: 80%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_90 { width: 90%; }

.grade_average_progress_box .grade_average_progress_bar .grade_average_progress_mark.mark_100 { width: 100%; }

.grade_average_progress_box .count { color: #bbbbbb; }

@media all and (max-width: 1024px) { .grade_average_progress_box { max-width: 24.29077rem; margin-left: auto; margin-right: auto; white-space: nowrap; }
  .grade_average_progress_box .grade_average_progress_bar { width: 64%; margin: 0 0.95885rem; max-width: 15.98077rem; } }

.review_box .review_inner { width: 96%; margin-left: auto; margin-right: auto; }

.review_box .review_write_box { padding-top: 2.1875rem; padding-bottom: 2.5rem; }

.review_box .review_write { border: 1px solid #cccccc; border-radius: 0.5rem; overflow: hidden; background: #ffffff; }

.review_box .fm_tf { height: 7.5rem; border: 0; }

.review_box .fm_tf textarea { font-weight: 200; background: transparent !important; }

.review_box .review_write_btn_box { border-top: 1px solid #cccccc; padding: 0.4375rem 0.625rem; }

.review_box .review_write_btn_box .btn { width: 8.125rem; height: 2.25rem; padding: 0; border-radius: 0.25rem; }

.review_list { border-bottom: 1px solid #cccccc; }

.review_list .review_list_itme { width: 100%; border-top: 1px solid #cccccc; }

.review_list .review_list_itme > .review_inner { width: 100%; display: table; table-layout: fixed; }

.review_list .review_list_itme > .review_inner > div { display: table-cell; vertical-align: top; }

.review_list .review_list_itme > .review_inner .review_user { padding-left: 0.3125rem; width: 6.25rem; }

.review_list .review_list_itme > .review_inner .review_btn { width: 6.875rem; text-align: right; }

.review_list .review_list_itme > .review_inner .review_btn button:hover, .review_list .review_list_itme > .review_inner .review_btn button.on { color: #4187cf; }

.review_list .review_list_itme > .review_inner .review_text { word-break: keep-all; }

.review_list .review_list_itme .review_img { display: block; overflow: hidden; width: 4.375rem; height: 4.375rem; border-radius: 100%; position: relative; }

.review_list .review_list_itme .review_img img { position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; }

.review_list .review_list_itme .review_info_box .review_info li { display: inline-block; vertical-align: middle; padding-left: 1.25rem; padding-right: 1.25rem; line-height: 1; border-left: 1px solid #cccccc; }

.review_list .review_list_itme .review_info_box .review_info li:first-child { border-left: none; padding-left: 0.625rem; }

.review_list .review_list_itme .review_btn button { padding-right: 0.9375rem; line-height: 1; border-right: 1px solid #cccccc; }

.review_list .review_list_itme .review_btn button:last-child { border-right: none; padding-right: 0; padding-left: 0.9375rem; }

.review_box.st_2 .review_inner { width: 91%; }

.review_box.st_2 .review_list .review_list_itme > .review_inner .review_btn { width: 8.125rem; }

.review_box.st_2 .review_list .review_list_itme > .review_inner .review_btn button:hover, .review_box.st_2 .review_list .review_list_itme > .review_inner .review_btn button.on { color: #f47320; }

.review_box.st_2 .review_list .review_list_itme .review_info_box .review_info li:first-child { padding-left: 0rem; }

.review_box.st_2 .review_list .review_list_itme .review_list_itme { display: none; background: #f8f8f8; }

.review_box.st_2 .review_list .review_list_itme .review_list_itme:nth-child(2n) { background: #f4f4f4; }

.review_box.st_2 .review_list .review_list_itme .review_list_itme .review_inner { padding-left: 5%; padding-right: 0; }

.review_box.st_2 .review_list .review_list_itme .review_write_box { display: none; border-top: 1px solid #cccccc; background: #f8f8f8; }

.review_box.st_2 .review_write_box .review_write { position: relative; }

.review_box.st_2 .review_write_box .review_write textarea { padding-top: 2.8125rem; padding-left: 0.9375rem; padding-right: 0.9375rem; }

.review_box.st_2 .review_write_box .review_write .review_writer { top: 0.9375rem; left: 0.9375rem; position: absolute; z-index: 1; font-weight: 500; }

@media all and (max-width: 1024px) { .review_box .review_inner { max-width: 75.625rem; }
  .review_box .review_write_box { padding-top: 2.1875rem; padding-bottom: 2.5rem; }
  .review_box .review_write { overflow: visible; border: none; border-radius: 0; position: relative; }
  .review_box .fm_tf { border: 1px solid #cccccc; border-radius: 0.89492rem; height: 14.83015rem; }
  .review_box .review_write_btn_box { border: 0; padding: 7.22331rem 0 0; }
  .review_box .review_write_btn_box .btn { width: 12.14538rem; height: 5.11385rem; padding: 0; border-radius: 0.38354rem; font-size: 1.662rem; }
  .review_box .fm_ch { position: absolute; right: 0; top: -3.324rem; }
  .review_list .review_list_itme > .review_inner { display: block; table-layout: fixed; position: relative; padding: 0 1.27846rem; }
  .review_list .review_list_itme > .review_inner > div { display: block; vertical-align: top; }
  .review_list .review_list_itme > .review_inner .review_user { position: absolute; top: 0; left: 0; padding-left: 0; }
  .review_list .review_list_itme > .review_inner .review_user .review_img { width: 4.66638rem; height: 4.66638rem; }
  .review_list .review_list_itme > .review_inner .review_info { padding-left: 6.07269rem; }
  .review_list .review_list_itme > .review_inner .review_info li { padding-left: 0.95885rem; padding-right: 0.95885rem; }
  .review_list .review_list_itme > .review_inner .review_btn { width: 100%; text-align: left; padding-top: 1.27846rem; }
  .review_list .review_list_itme > .review_inner .review_btn button { padding-right: 1.59808rem; }
  .review_list .review_list_itme > .review_inner .review_btn button:last-child { padding-right: 0; padding-left: 1.27846rem; }
  .review_box.st_2 .review_list_itme { padding-top: 3.19615rem; }
  .review_box.st_2 .review_inner { width: 100%; padding-left: 1.27846rem; padding-right: 1.27846rem; padding-bottom: 3.19615rem; }
  .review_box.st_2 .review_list .review_list_itme > .review_inner .review_btn { width: 50%; text-align: right; position: absolute; padding-right: 1.27846rem; right: 0; bottom: 3.19615rem; }
  .review_box.st_2 .review_list .review_list_itme > .review_inner .review_user { left: 1.27846rem; }
  .review_box.st_2 .review_list .review_list_itme .review_list_itme .review_user { left: 5%; }
  .review_box.st_2 .review_list .review_list_itme .review_list_itme .review_btn { width: 100%; position: static; }
  .review_box.st_2 .review_write_btn_box { padding-top: 2.55692rem; text-align: center; }
  .review_box.st_2 .review_write_box { padding-top: 4.47462rem; }
  .review_box.st_2 .review_write_box .review_write .review_writer { display: none; left: 1.27846rem; font-size: 1.53415rem; }
  .review_box.st_2 .review_write_box .review_write { background: transparent; }
  .review_box.st_2 .review_write_box .review_write textarea { padding-top: 1.59808rem; padding-left: 1.59808rem; padding-right: 1.59808rem; } }

.star_score_bind { display: inline-block; margin: 0; vertical-align: middle; }

.star_score_bind .btn_star_score { padding: 0; border: 0; background: transparent; width: 1rem; height: 1rem; background: url(../images/common/icon_star.svg) no-repeat 0 0; background-size: contain; cursor: pointer; }

.star_score_bind .btn_star_score.on { background-image: url(../images/common/icon_star_on.svg); }

@media all and (max-width: 1024px) { .star_score_bind { top: 17.57885rem; position: absolute; width: 100%; text-align: center; left: 0; }
  .star_score_bind .btn_star_score { width: 2.04554rem; height: 2.04554rem; margin-left: 0.31962rem; margin-right: 0.31962rem; } }

.star_progress_bar { display: block; background: transparent; width: 6.375rem; height: 1rem; font-size: 1px; text-indent: -9999px; overflow: hidden; background: url(../images/common/grade_star_progress_bar.png) #c3c3c8; background-size: auto 100%; }

.star_progress_bar .star_progress_bar_mark { display: block; background: transparent; width: 0; height: 1rem; font-size: 1px; text-indent: -9999px; overflow: hidden; background: url(../images/common/grade_star_progress_bar.png) #3f7fc1; background-size: auto 100%; }

@media all and (max-width: 1024px) { .star_progress_bar { width: 8.24608rem; height: 1.27846rem; }
  .star_progress_bar .star_progress_bar_mark { height: 1.27846rem; background-size: auto 100%; } }

.file_img_btn { display: inline-block; position: relative; }

.file_img_btn input[type=file] { position: absolute; display: none; }

#image_container img { max-width: 6.25rem; }

@media all and (max-width: 1024px) { #image_container img { max-width: 9.58846rem; } }

.review_gallery { position: relative; max-width: 18.75rem; overflow: hidden; }

.review_gallery img { width: 100%; cursor: pointer; }

.review_gallery .slick-dots { display: none !important; }

.review_gallery .rg_dot { position: absolute; z-index: 100; bottom: 0.9375rem; width: 100%; text-align: center; }

.review_gallery .rg_dot li { display: inline-block; margin: 0 0.1875rem; }

.review_gallery .rg_dot li a { display: block; width: 0.5rem; height: 0.5rem; font-size: 1px; text-indent: -9999px; overflow: hidden; border-radius: 100%; background: rgba(0, 0, 0, 0.4); }

.review_gallery .rg_dot li.act a { background: #ffffff; }

@media all and (max-width: 1024px) { .review_gallery { width: 100%; max-width: 670px; margin-bottom: 1.27846rem; }
  .review_gallery .rg_dot { bottom: 1.27846rem; }
  .review_gallery .rg_dot li { margin: 0 0.38354rem; }
  .review_gallery .rg_dot li a { width: 1.02277rem; height: 1.02277rem; } }

.img_popup_wrap { display: none; z-index: 4000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }

.img_popup_wrap .img_popup { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; max-width: none; }

.img_popup_wrap .img_popup .rg { height: 100% !important; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.img_popup_wrap .img_popup .slick-list { height: 100% !important; }

.img_popup_wrap .img_popup .slick-list .slick-track, .img_popup_wrap .img_popup .slick-list .slick-slide { height: 100% !important; }

.img_popup_wrap .img_popup .slick-list .slick-slide { position: relative; }

.img_popup_wrap .img_popup .rg img { opacity: 0; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; }

.img_popup_wrap .img_popup .rg img.horizontal { width: auto; height: auto; max-width: 90%; }

.img_popup_wrap .img_popup .rg img.vertical { width: auto; height: auto; max-height: 100%; }

.img_popup_wrap .close_btn { top: 5%; right: 5%; position: absolute; background: transparent; }

.img_popup_wrap .slick-arrow { position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 2.5rem; height: 2.5rem; background: transparent; background-position: center center; background-size: contain; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

.img_popup_wrap .slick-arrow.slick-next { right: -2.5rem; background-image: url(../images/common/icon_next_mwh.png); }

.img_popup_wrap .slick-arrow.slick-prev { background-image: url(../images/common/icon_prve_mwh.png); left: -2.5rem; }

@media all and (max-width: 767px) { .img_popup_wrap .img_popup { left: 2.5%; width: 95%; }
  .img_popup_wrap .img_popup .rg img.horizontal { max-width: 100%; }
  .img_popup_wrap .slick-arrow { width: 2.5rem; height: 2.5rem; z-index: 1; background-color: rgba(0, 0, 0, 0.3); background-size: 90%; }
  .img_popup_wrap .slick-arrow.slick-next { right: 0; }
  .img_popup_wrap .slick-arrow.slick-prev { left: 0; } }

.profile_box { overflow: hidden; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 1.875rem; }

.profile_box .slick-dots { display: none !important; }

.profile_box .pbs { max-width: 100% !important; }

/*20-10-28*/
.d_st02.favorites_txt { display: inline-block; vertical-align: middle; }

.temporary_txt .btn { width: 100%; height: 3.125rem; font-weight: 200; padding-left: 0.3125em; padding-right: 0.3125em; }

.temporary_contents { display: none; width: 31.25rem; position: absolute; left: 1.25em; top: 3.75rem; background-color: #fff; border: 1px solid #ccc; z-index: 99; padding-top: 1.25em; }

.temporary_contents::before { content: ''; display: block; width: 1.25rem; height: 1.25rem; position: absolute; top: -0.5625em; left: 0.625em; transform: rotate(45deg); background-color: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }

.tem_list { height: auto; max-height: 12.5rem; overflow-y: auto; padding: 0 1.25em; }

.tem_list ul li { padding-left: 0.625em; position: relative; padding-bottom: 0.625em; }

.tem_list ul li::before { content: ''; display: block; width: 0.3125rem; height: 0.3125rem; background-color: #ccc; position: absolute; border-radius: 50%; top: 0.75rem; left: 0; }

.tem_list ul li:hover::before { background-color: #f47320; }

.tem_list ul li:hover a { color: #f47320; }

.tem_list ul li:last-child { padding-bottom: 0; }

.temporary_close_btn { margin-top: 1.25em; }

.temporary_close_btn .btn { width: 100%; font-size: inherit; }

@media all and (max-width: 1024px) { .temporary_contents { left: auto; right: 0; top: 4.6875rem; }
  .temporary_contents::before { left: auto; top: -0.375em; right: 0.625em; } }

@media all and (max-width: 1280px) { .temporary_txt .btn { width: 100%; font-size: 1rem; }
  .d_st01.col_h_full .col_lg_5 .pl_lg_0 { padding-left: 0; }
  .d_st01.col_h_full .fm_ch_box { text-align: right; } }

@media all and (max-width: 1024px) { .temporary_txt .btn { height: 4.375rem; font-size: 1.25rem; }
  .d_st01.col_h_full .fm_ch_box { text-align: left; } }

.profile_item { float: left; width: 100%; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-bottom: 1.875rem; }

.profile_item a { display: block; width: 100%; text-align: center; background: #f4f4f4; border-top: 2px solid #222222; padding: 2.8125rem 2.1875rem; overflow: hidden; }

.profile_item a:focus, .profile_item a:hover { outline: 1px solid #cccccc; }

.profile_item a:focus .img_round_box img, .profile_item a:hover .img_round_box img { width: 110%; }

.profile_item a .img_round_box { max-width: 7.5rem; float: left; width: 100%; margin-left: auto; margin-right: 1.25rem; }

.profile_item a p { text-align: left; }

/*20-10-28*/
@media all and (max-width: 1024px) { .profile_box { overflow: hidden; max-width: 25.56923rem; margin-left: auto; margin-right: auto; }
  .profile_box .slick-dots { display: block !important; overflow: hidden; text-align: center; position: absolute; width: 100%; bottom: 3.83538rem; }
  .profile_box .slick-dots li { display: inline-block; width: 1.15062rem; height: 1.15062rem; border-radius: 100%; overflow: hidden; margin: 0 0.31962rem; }
  .profile_box .slick-dots li button { padding: 0; width: 100%; height: 100%; background: #dddddd; display: block; text-indent: -999px; overflow: hidden; }
  .profile_box .slick-dots li.slick-active button { background: #4187cf; }
  .profile_item { float: none; width: 100%; }
  .profile_item a { width: 100%; max-width: 25.56923rem; margin-left: auto; margin-right: auto; padding: 2.8125rem 2.1875rem 5.625rem; }
  .profile_item a .img_round_box { max-width: 10.22769rem; margin-right: auto; }
  .profile_item a p { text-align: center; } }

.ccl_wrap { overflow: hidden; background: #f4f4f4; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; }

.ccl_wrap .ccl_inner { width: 91%; margin-left: auto; margin-right: auto; padding: 2.5rem 0; background: url("../images/sub/CCL.png") no-repeat; background-position: center left; background-size: auto; }

.ccl_wrap .ccl_inner .ccl_text { text-align: center; }

@media all and (max-width: 1024px) { .ccl_wrap .ccl_inner { padding: 7.35115rem 0 2.55692rem; background-position: center 2.87654rem; background-size: 9.58846rem auto; }
  .ccl_wrap .ccl_inner .ccl_text { text-align: center; font-size: 1.40631rem; } }

.board_view_box { border-top: 2px solid #222222; }

.board_view_box .board_view_top { border-bottom: 1px solid #8b8b8b; }

.board_view_box .board_view_tit > * { display: inline-block; vertical-align: middle; }

.board_view_box .board_view_tit .act_favorites { margin-left: 0.3125rem; }

.board_view_box .board_view_tit .act_favorites i.icon_star_gr { -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; }

.board_view_box .board_view_tit .act_favorites.on i.icon_star_gr { background-image: url("../images/common/icon_star_or.png"); }

.board_view_box .board_view_inner { width: 91%; margin-left: auto; margin-right: auto; }

.board_view_box .board_view_inner .board_view_info { overflow: hidden; }

.board_view_box .board_view_inner .board_view_info li { display: inline-block; vertical-align: middle; margin-right: 1.5625rem; }

.board_view_box .board_view_inner .board_view_info li a span { display: inline-block; position: relative; }

.board_view_box .board_view_inner .board_view_info li a span::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background: #222222; }

.board_view_box .board_view_inner .board_view_info li a:hover { color: #f47320; }

.board_view_box .board_view_inner .board_view_info li a:hover span::before { background: #f47320; }

.board_view_box .board_view_inner .board_view_info li span, .board_view_box .board_view_inner .board_view_info li i { display: inline-block; vertical-align: middle; line-height: 1; }

.board_view_box .board_view_inner .board_view_info li i { margin-right: 0.1875rem; }

.board_view_box .board_view_inner .board_view_tags { overflow: hidden; }

.board_view_box .board_view_inner .board_view_tags li { display: inline-block; vertical-align: middle; border-radius: 3.125rem; background: #f4f4f4; margin-right: 0.625rem; margin-top: 0.625rem; padding: 0.625rem 1.25rem; line-height: 1em; white-space: nowrap; }

.board_view_box .board_view_inner .board_view_links { overflow: hidden; }

.board_view_box .board_view_inner .board_view_links li { display: inline-block; vertical-align: middle; margin-left: 0.625rem; }

.board_view_box .board_view_inner .board_view_links li a { display: block; }

.board_view_box .board_view_inner .board_view_links li img { display: block; max-width: 3.125rem; }

.board_view_box .editor { padding: 3.125rem 0; }

.board_view_box .editor img { max-width: 100%; }

.board_view_box .btn_round { border-radius: 0.3125rem; }

@media all and (max-width: 1024px) { .board_view_box .board_view_inner .board_view_links { margin-top: 2.1875rem; }
  .board_view_box .board_view_inner .board_view_links li { margin-right: 0.625rem; margin-left: 0; }
  .board_view_box .board_view_inner .board_view_links li img { display: block; max-width: 3.125rem; } }

.sympathy_btn > *, .sympathy_text > * { display: inline-block; vertical-align: middle; line-height: 1; }

.sympathy_btn.on i.icon_heart_big_gr { background-image: url("../images/common/icon_heart_big_red.png"); }

.huebee_wrap { overflow: visible !important; }

.table_form [class*=col_] { position: relative; }

.table_form .fm_ch_box { padding-top: 0.3125rem; }

.main_link_wrap { -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.main_link_wrap a { outline: 0; display: block; text-align: center; border-radius: 1.25rem; overflow: hidden; border: 1px solid #dddddd; background: #ffffff; -moz-transition: box-shadow 0.2s; -webkit-transition: box-shadow 0.2s; -ms-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }

.main_link_wrap a:hover { box-shadow: 0.3125rem 0.3125rem 1.875rem rgba(0, 0, 0, 0.2); }

.main_link_wrap a strong, .main_link_wrap a span { display: block; }

.main_link_wrap a img { display: block; width: 100%; max-width: 601px; }

.main_link_wrap a .main_link_tit { margin-bottom: 1.25rem; }

.main_link_wrap a .main_link_text_box { margin: 3.75rem 1.25rem; }

.main_link_wrap.st_2 a .main_link_text_box { margin: 1.875rem 1.25rem; }

@media all and (max-width: 767px) { .main_link_wrap .slick-list { overflow: visible; }
  .main_link_wrap a { width: 31.27273rem; height: 37.52727rem; }
  .main_link_wrap a .main_link_img { position: relative; height: 21.89091rem; }
  .main_link_wrap a .main_link_img img { position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: auto; }
  .main_link_wrap a .main_link_tit { margin-bottom: 0.93818rem; }
  .main_link_wrap a .main_link_text_box { margin: 1.87636rem 1.25091rem; }
  .main_link_wrap [class*=col_], .main_link_wrap [class^=col_] { padding-left: 2.50182rem; width: 33.77455rem; }
  .main_link_wrap .st_2 a .main_link_text_box { margin: 1.87636rem 1.25091rem; } }

.data_search { background: #f5f5f5; }

.data_search .row { display: table; table-layout: fixed; width: 100%; }

.data_search .row > [class*=col_], .data_search .row [class^=col_] { float: none; display: table-cell; vertical-align: middle; }

.data_search .sel_box, .data_search .fm_inp { border-radius: 3.125rem; display: inline-block; background: transparent; border: 0; height: 4.375rem; }

.data_search .sel_box input, .data_search .sel_box select, .data_search .fm_inp input, .data_search .fm_inp select { background: #ffffff !important; border-radius: 3.125rem; border: 1px solid #ffffff; }

.data_search .sel_box input:focus, .data_search .sel_box select:focus, .data_search .fm_inp input:focus, .data_search .fm_inp select:focus { border: 1px solid #dddddd; }

.data_search .sel_box:after { right: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg version='1.1' data-png-path='../images/common/sect_arrow_down.png' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23222222' d='M8.125,3.638c-0.979,1.12-1.959,2.24-3.269,3.736 C3.548,5.878,2.569,4.758,1.589,3.638C3.768,3.638,5.946,3.638,8.125,3.638z'/%3E%3C/svg%3E"); }

.data_search .data_search_word_box { position: relative; }

.data_search .data_search_word_box .fm_inp .inp { padding-right: 5rem; }

.data_search .data_search_word_box .data_search_btn { position: absolute; right: 1.875rem; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

@media all and (max-width: 1024px) { .data_search .row { display: block; }
  .data_search .row > [class*=col_], .data_search .row [class^=col_] { position: relative; display: block; width: 100%; text-align: center; margin-top: 1.27846rem; }
  .data_search .row > [class*=col_]:first-child, .data_search .row [class^=col_]:first-child { margin-top: 0; }
  .data_search .row > [class*=col_].col_half, .data_search .row [class^=col_].col_half { width: 100%; padding-left: 50%; }
  .data_search .data_search_radio_box { z-index: 1; text-align: left; width: 50%; position: absolute; top: 6.39231rem; left: 0; white-space: nowrap; }
  .data_search .sel_box, .data_search .fm_inp { width: 100%; max-width: 100%; height: 5.75308rem; }
  .data_search .sel_box:after { right: 2.55692rem; }
  .data_search .data_search_word_box .data_search_btn { right: 2.55692rem; } }

.board_list_st_2 { padding: 4.375rem 0; }

.board_list_st_2 .board_list_item_box > a { display: block; }

.board_list_st_2 .board_list_item_box > a:hover .board_list_tit { color: #f47320; }

.board_list_st_2 .board_list_item_box > a:hover .img_box .img_con img { width: 110%; }

.board_list_st_2 .board_list_item { display: table; table-layout: fixed; width: 100%; margin-top: 2.5rem; }

.board_list_st_2 .board_list_item .img_box, .board_list_st_2 .board_list_item .text_box { display: table-cell; vertical-align: middle; }

.board_list_st_2 .board_list_item .img_box { width: 21.875rem; }

.board_list_st_2 .board_list_item .img_box .img_con { position: relative; width: 21.875rem; height: 15.625rem; border-radius: 0.9375rem; overflow: hidden; }

.board_list_st_2 .board_list_item .img_box .img_con img { width: 100%; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: width 0.3s; -webkit-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }

.board_list_st_2 .board_list_item .text_box { padding-left: 3.125rem; font-size: 1.25rem; }

.board_list_st_2 .board_list_item .text_box .board_list_tit { padding-left: 8.125rem; margin-bottom: 1.25rem; }

.board_list_st_2 .board_list_item .text_box .board_list_tit > span { margin-left: -8.125rem; display: inline-block; }

.board_list_st_2 .board_list_item .text_box .board_list_text { padding-left: 8.125rem; padding-bottom: 1.25rem; }

.board_list_st_2 .board_list_item .text_box .board_list_text > span { display: inline-block; }

.board_list_st_2 .board_list_item .text_box .board_list_info { border-top: 1px solid #dddddd; padding-top: 1.25rem; }

.board_list_st_2 .board_list_item .text_box .board_list_info > li { position: relative; display: inline-block; padding-left: 1.25rem; padding-right: 1.25rem; }

.board_list_st_2 .board_list_item .text_box .board_list_info > li:before { content: ''; display: block; width: 1px; height: 80%; position: absolute; top: 10%; left: 0; background: #dddddd; }

.board_list_st_2 .board_list_item .text_box .board_list_info > li:first-child { padding-left: 0; }

.board_list_st_2 .board_list_item .text_box .board_list_info > li:first-child:before { display: none; }

.board_list_st_2 .board_list_item .text_box .mark { display: inline-block; background: #f1f1f1; width: 6.875rem; margin-right: 1.25rem; margin-left: -8.125rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-weight: 400; border-radius: 3.125rem; }

.board_list_st_2 .board_list_item .text_box .mark.color_2 { background: #f47320; color: #ffffff; }

.board_list_st_2 .board_list_item .text_box .mark + span { margin-left: -0.1875rem; display: inline; }

@media all and (max-width: 1024px) { .board_list_st_2 { padding: 4.375rem 0; width: 100%; padding-left: 1.27846rem; padding-right: 1.27846rem; border-top: px solid #888888; }
  .board_list_st_2 .board_list_item { margin-top: 0; }
  .board_list_st_2 .board_list_item .img_box { display: none; }
  .board_list_st_2 .board_list_item .text_box { border-bottom: 1px solid #919191; width: 91%; font-size: 1.53415rem; padding-left: 0; padding-top: 1.91769rem; padding-bottom: 1.91769rem; }
  .board_list_st_2 .board_list_item .text_box .board_list_tit { padding-left: 7.99038rem; margin-bottom: 1.27846rem; }
  .board_list_st_2 .board_list_item .text_box .board_list_text { padding-left: 7.99038rem; padding-bottom: 1.27846rem; }
  .board_list_st_2 .board_list_item .text_box .board_list_info { padding-top: 1.27846rem; }
  .board_list_st_2 .board_list_item .text_box .board_list_info > li { padding-left: 1.27846rem; padding-right: 1.27846rem; }
  .board_list_st_2 .board_list_item .text_box .mark { font-size: 1.53415rem; width: 7.35115rem; margin-right: 0.63923rem; margin-left: -7.99038rem; height: 3.19615rem; line-height: 3.19615rem; } }

.youtube { position: relative; }

.youtube::before { content: ''; display: block; padding-top: 56.5%; }

.youtube #player { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.youtube #player iframe { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.agree_wrap { border-top: 2px solid #222222; background: #f4f4f4; }

.agree_wrap .agree_box { border: 1px solid #cccccc; background: #ffffff; height: 32.8125rem; overflow-y: scroll; padding: 1.875rem; }

.agree_wrap .fm_ch { font-weight: 200; }

.agree_wrap .fm_ch ._icon { width: 1.875rem; height: 1.875rem; }

.agree_wrap .fm_ch ._icon::after, .agree_wrap .fm_ch ._icon::before { border-radius: 0; width: 1.875rem; height: 1.875rem; }

@media all and (max-width: 1024px) { .agree_wrap .fm_ch ._icon { width: 3.19615rem; height: 3.19615rem; }
  .agree_wrap .fm_ch ._icon::after, .agree_wrap .fm_ch ._icon::before { width: 3.19615rem; height: 3.19615rem; } }

/*기관종사자 팝업 추가 css*/
.popup_contents02 button.btn { width: 12.5rem; }

.popup_contents02 .popup_bg { background: transparent; padding: 3.125em 2.5em; }

.popup_contents02 .popup_bg .popup_wrap { border-radius: 0; border: 1px solid #292929; }

.popup_contents02 .popup_bg .popup_wrap02 { padding: 3.125em 2.5em; }

.popup_contents02 .popup_bg .popup_wrap02 .sub_poptxt { border-top: 2px solid #000; padding: 3.125em 2.5em; background: #f4f4f4; margin-bottom: 3.125em; }

.popup_contents02 .popup_bg .popup_wrap02 .pop_agreement { height: 16rem; overflow-y: scroll; margin-top: 1.625rem; background-color: #fff; border: 1px solid #ddd; padding: 1.875em; }

.popup_contents02 .popup_bg .popup_wrap02 .pop_agreement > div { margin-top: 1.25em; }

.popup_contents02 .popup_bg .popup_wrap02 label span { color: #222; }

.popup_contents02 .popup_bg .popup_wrap03 { padding: 3.75em 2.5em; }

.popup_contents02 .popup_bg .popup_wrap03 .popup_form { border-top: 1px solid #000; width: 68.75rem; margin-bottom: 3.125em; }

.popup_contents02 .popup_bg .popup_wrap03 .popup_form table { width: 100%; }

.popup_contents02 .popup_bg .popup_wrap03 .popup_form table th { background: #f4f4f4; width: 25%; border-bottom: 1px solid #dddddd; padding: 0 2.5em; font-size: 1.25rem; font-weight: 400; vertical-align: middle; }

.popup_contents02 .popup_bg .popup_wrap03 .popup_form table td { width: 80%; text-align: left; padding: 1.25em 2.5em; border-bottom: 1px solid #dddddd; box-sizing: border-box; font-size: 1.125rem; vertical-align: middle; }

.popup_contents02 .popup_bg .popup_wrap03 .popup_form table td .sel_box { max-width: 100%; }

@media all and (max-width: 1280px) { .popup_contents02 button.btn { padding: 0; }
  .popup_contents02 .popup_bg .popup_wrap03 .popup_form { width: 63.75rem; } }

@media all and (max-width: 1024px) { .popup_contents02 button.btn { width: 50%; float: left; margin: 0; height: 5.625rem; }
  .popup_contents02 .popup_bg .popup_wrap01 { padding: 0; width: 41.875rem; margin: 0 1.25em; }
  .popup_contents02 .popup_bg .popup_wrap01 .poptxt { margin-top: 5.625em; }
  .popup_contents02 .popup_bg .popup_wrap03 .popup_form { width: 48.75rem; margin: 3.125em 1.25em; }
  .popup_contents02 .popup_bg .popup_wrap03 .popup_form table th { font-size: 1.5rem; width: 40%; padding: 0 1.25em; }
  .popup_contents02 .popup_bg .popup_wrap03 .popup_form table td { font-size: 1.375rem; padding: 1.25em; }
  .popup_contents02 .popup_bg .popup_wrap02 { width: 41.875rem; margin: 0 1.25em; padding: 0; }
  .popup_contents02 .popup_bg .popup_wrap02 h4 { margin-top: 1.19048em; }
  .popup_contents02 .popup_bg .popup_wrap02 .sub_poptxt { padding: 3.125em 1.25em; margin: 0 1.25em 3.75em; }
  .popup_contents02 .popup_bg .popup_wrap02 .pop_agreement { padding: 1.25em; }
  .popup_contents02 .popup_bg .popup_wrap03 { padding: 0; } }

@media all and (max-width: 767px) { .popup_contents02 .popup_bg .popup_wrap { margin: 0; }
  .popup_contents02 .popup_bg .popup_wrap03 { width: 90%; }
  .popup_contents02 .popup_bg .popup_wrap03 .popup_form { width: 90%; margin: 3.125em auto; } }

.dst_01.btn_box .displ_inbl { display: inline-block; vertical-align: top; line-height: 1; }

.dst_01.btn_box .displ_inbl span { color: #4187cf; }

@media all and (max-width: 1024px) { .dst_01.btn_box .displ_inbl { display: block; margin-bottom: 1.42857em; text-align: center; }
  .dst_01.btn_box .displ_inbl .fm_ch ._icon { width: 3.125rem; height: 3.125rem; }
  .dst_01.btn_box .displ_inbl span { font-size: 1.875rem; }
  .sub_board_step ul li { height: 6.875rem; display: flex; align-items: center; justify-content: center; text-align: center; padding-left: 1.25em; }
  .sub_board_step ul li:not(:last-child)::after { background-image: url("../images/common/step_bg_bl_mo.png"); background-position: right  center; width: 3.3125rem; right: -3.3125rem; }
  .sub_board_step ul li.inactive::after { background-image: url("../images/common/step_bg_wh_mo.png"); width: 3.3125rem; } }

@media all and (max-width: 767px) { .sub_board_step ul { font-size: 1.25rem; }
  .sub_board_step ul li { height: 4.5rem; line-height: 1.2; }
  .sub_board_step ul li:not(:last-child)::after { right: -2.0625rem; } }


.guide_box{padding:20px;box-sizing:border-box;background:#fff;border-radius:10px;}
.guide_box ul .clearfix{padding-left:20px;box-sizing:border-box;}

.fix_title_box{background:#e7ebff;padding:5px;box-sizing:border-box;border-radius:5px;margin-top:5px;margin-bottom:5px;display:inline-block;}

.graph_img{width:100%;text-align:center;margin-bottom:30px;background:#fff;overflow:hidden;border-radius:20px;padding-bottom:20px;box-sizing:border-box;}
.graph_img img{border-radius:20px;box-sizing:border-box;overflow:hidden;width:100%;max-width:960px;}


/*2020.11.15 개인정보 처리방침 추가*/
.go_2019Btn{cursor:pointer;border-bottom:1px solid #ddd;padding-bottom:5px;box-sizing:border-box;}
.go_2019Btn:hover{color:#cc0000;border-bottom:1px solid #cc0000;}

.go_2020Btn{cursor:pointer;border-bottom:1px solid #ddd;padding-bottom:5px;box-sizing:border-box;}
.go_2020Btn:hover{color:#cc0000;border-bottom:1px solid #cc0000;}

.since_2019{display:none;}