@charset "UTF-8";

.sub_top_cont_area { position: relative; padding:160px 0 25px 0;background-color:#e9f2ff;background-image: url(../../../../images/home/kor/user/sub/sub_top_bg.png); background-position: bottom center; background-size: cover; background-repeat: no-repeat;}
.sub_top_cont_area .sub_top_area {}
.sub_top_cont_area .sub_top_area .box {}
.sub_top_cont_area .sub_top_area .sub_title {}
.sub_top_cont_area .sub_top_area .sub_title .container {}
.sub_top_cont_area .sub_top_area .sub_title .pl { padding-left: 300px }
.sub_top_cont_area .sub_top_area .sub_title .title { font-weight: 700; font-size: 2.2em; color:var(--colorGray90)}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area {margin: 10px 0 0; text-align: center;}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list {font-size: 0;}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li {display: inline-block; position:relative; margin: 0 15px 0 0;}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li:last-child {margin: 0;}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li .btn {width: 40px; height: 40px; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li.sns .btn {background-image: url('../../../../images/home/kor/user/sub_top/share_icon.png');}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li.sns .btn:hover, .sub_top_area .box .sub_title .sns_print_area > .list > li.sns .btn:focus {background-image: url('../../../../images/home/kor/user/sub_top/share_icon_w.png');}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li.print .btn {background-image: url('../../../../images/home/kor/user/sub_top/print_icon.png');}
.sub_top_cont_area .sub_top_area .sub_title .sns_print_area > .list > li.print .btn:hover, .sub_top_area .box .sub_title .sns_print_area > .list > li.print .btn:focus {background-image: url('../../../../images/home/kor/user/sub_top/print_icon_w.png');}

.sub_top_cont_area .menu-wrap {display:flex;align-items:center;justify-content:space-between;}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 {display:inline-flex;align-items:center;max-width:calc(100% - 100px);line-height:1}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-right:8px;padding-right:25px;word-break:break-all;position:relative;overflow:hidden}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li::after {font-family:'xeicon';content:'\e93e';color:var(--colorGray20);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li .link_btn {font-size:1.1em;font-weight:400;color:var(--colorGray90)}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li:last-child {margin-right:0;padding-right:0}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li:last-child::after {display:none}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li:last-child .link_btn {font-weight:700}
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li a { padding: 2px; }
.sub_top_cont_area .menu-wrap .menu_list_area.menu2 > li a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px #A720E6; }
.sub_top_cont_area .menu-wrap .sns_print_area {}
.sub_top_cont_area .menu-wrap .sns_print_area > .list {}
.sub_top_cont_area .menu-wrap .sns_print_area > .list > li {display:inline-block;margin-right:3px;position:relative}
.sub_top_cont_area .menu-wrap .sns_print_area > .list > li:last-child {margin-right:0;border-left:none}
.sub_top_cont_area .menu-wrap .sns_print_area > .list > li .btn {display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;color:var(--colorGray60);border-radius:40px;background-color:#fff}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box {display: none; position:absolute; top: 49px; left:50%;transform:translateX(-50%); width: 163px; font-size: 0; z-index: 1;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li {display: inline-block; margin: 0 3px 0 0; vertical-align: middle;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li:last-child {margin: 0;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li a {display: block; width: 30px; height: 30px;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li a i {font-weight: 400; font-size: 17px; line-height: 26px; color: #ffffff;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li.facebook a {background-color: #3b5998;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li.twitter a {background-color: #55acee;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li.kakaostory a {background-color: #fccb00;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li.googleplus a {background-color: #da4835;}
.sub_top_cont_area .menu-wrap .sns_print_area .sub_share_box > li.blog a {background-color: #00c73c;}