@charset "utf-8";
html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	line-height:1;
	text-decoration:none;
	font-family:'S-CoreDream','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
	font-size:15px;
	font-weight:400;
	color:#444;
	letter-spacing:-0.5px;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}

table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/* border-radius:0; */
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(/img/bg_select.svg) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(/img/bg_select.svg) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.set_ip {position: relative; overflow: hidden;}
.set_ip .unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:100%; height:44px; padding:0 10px; border:0; background-color:transparent;  box-sizing:border-box; outline:none;}
.ip_comm:focus	{background-color: #ffffee;}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:44px; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:150px; padding:20px; line-height:1.5;}
.btn_sm	{display:block; height:46px; border:0; background-color: #0c77bd; font-size: 15px; font-weight: 600; color:#fff; }
.cont_center	{width:1180px; margin:0 auto;}
.cont_center::after	{content:""; display:block; clear:both;}
.txt_hidden {position:absolute; left:-100%; top:-100%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.center	{width:1180px; margin:0 auto;}
.clear::after	{content:""; display:block; clear:both;}
.center::after	{content:""; display:block; clear:both;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}


.btn_hbg {position:relative; display:block; width:24px; height:30px;}
.btn_hbg span,
.btn_hbg span:before,
.btn_hbg span:after {display:block; width:100%; height:1px; background-color:#333; transition:all 0.3s}
.btn_hbg span {position:absolute; left:0; top:50%; text-indent:-999%; font-size:0; line-height:0;}
.btn_hbg span:before,
.btn_hbg span:after {content:""; position:relative; }
.btn_hbg span:before {top:-6px;}
.btn_hbg span:after {top:5px;}
.on .btn_hbg span {background-color:transparent;}
.on .btn_hbg span:before {top:0px; transform:rotate(45deg);}
.on .btn_hbg span:after {top:-1px; transform:rotate(-45deg);}


/*========= header ===========*/
#header {margin: 20px 0;}
#header h1 {float:left; padding:15px 0;}
#header h1 img {width:auto; height:28px;}

#nav {float:right;}
#nav .nav_list {text-align: right;}
#nav .nav_list>li {position: relative; display: inline-block; padding:0 15px;}
	#nav .nav_list li.app {display: none;}
#nav .nav_list .dep1	{position: relative; display:flex; flex-direction: column; justify-content: center; align-items: flex-end; height:60px; padding-bottom: 10px; font-size:16px; font-weight:500; color: #222;}

#nav .nav_list>li .dep1::before	{content:""; display: block; width: 24px; height: 24px; margin:0 auto; margin-bottom:10px; background-size:100% auto; background-position:center;}
	#nav .nav_list>li:nth-child(1) .dep1::before	{background-image:url(/img/icon_menu1.svg);}
	#nav .nav_list>li:nth-child(2) .dep1::before	{background-image:url(/img/icon_menu2.svg);}
	#nav .nav_list>li:nth-child(3) .dep1::before	{background-image:url(/img/icon_menu3.svg);}
	#nav .nav_list>li:nth-child(4) .dep1::before	{background-image:url(/img/icon_menu4.svg);}
	#nav .nav_list>li:nth-child(5) .dep1::before	{background-image:url(/img/icon_menu5.svg);}
	#nav .nav_list>li:nth-child(6) .dep1::before	{background-image:url(/img/icon_menu6.svg);}
	#nav .nav_list>li:nth-child(7) .dep1::before	{background-image:url(/img/icon_menu7.svg);}
	#nav .nav_list>li:nth-child(8) .dep1::before	{background-image:url(/img/icon_menu8.svg);}


#nav .nav_list .dep1::after	{content:""; position: absolute; left:50%; transform:translateX(-50%); bottom:0; display: block; width: 0; height:2px; background-color: #00ace9; transition:all 0.3s}
#nav .nav_list > li:hover .dep1::after	{width:100%;}
#nav .nav_list .dep1.point	{color: #0c77bd;}

#nav .nav_list .dep2 {position: absolute; left:50%; top:60px; width:120px; padding:10px; transform:translateX(-50%); border-radius:10px; background-color: #fff; text-align: center; box-shadow:0 0 10px rgba(0,0,0,0.3); z-index: 100; display: none;}
#nav .nav_list > li:hover .dep2 {display: block;}
#nav .nav_list .dep2 li {padding:5px 0;}
#nav .nav_list .dep2 li a {font-size: 13px; font-weight: 300; letter-spacing:0 }
#nav .nav_list .dep2 li a:hover {text-decoration:underline;}

#nav .app {display: none;}

#btn_nav {display: none;}

/*========= main ===========*/

#contents {display:flex; flex-direction: column;}

.main .ban {overflow: hidden; border-radius:20px; box-shadow:0 0 30px rgba(0,0,0,0.2); }

a.ban {position: relative; display: block; transition:all 0.5s}
a.ban:hover {box-shadow:0 0 30px rgba(0,0,0,0.5); }
a.ban > img {display: block; width:100%; height:auto;transition:all 0.5s}
a.ban:hover > img {transform:scale(1.1);}
a.ban > div {position: absolute; left:0; top:0; width:100%; height:100%; padding:70px 0 0 30px;}
a.ban > div.gr {background-image:linear-gradient(90deg,rgba(255,255,255,0.5),transparent);}
a.ban .tit {margin-bottom: 30px; font-size: 24px; font-weight: 500; color: #333;}
a.ban .btn_more {position: relative; padding-right: 25px; line-height: 20px; font-size: 14px; font-weight: 300; color: #666; opacity:0.6;}
a.ban .btn_more::after {content:"\f105"; position: absolute; right:0; top:0; width:20px; height:20px; border-radius:100px; background-color: #666; font-family: "FontAwesome"; text-align: center; color: #fff; }


.tit_nt {margin-bottom: 20px; font-size: 24px; font-weight: 700; color: #222;}
.li_nt {margin-bottom: 40px;border-top:1px solid #ddd;}
.li_nt li {padding:15px 0; border-bottom:1px solid #ddd;}
.li_nt li::after {content:""; display: block; clear: both;}
.li_nt li .notice_icon {display: inline-block;background: #4158d1; width: 25px; line-height: 25px; border-radius: 5px; text-align: center; font-weight: normal; color: #fff;}
.li_nt li .date,
.li_nt li .tit {display: inline-block; font-size: 16px;}
.li_nt li .date {float:right; margin-right: 20px; font-weight: 500; color: #0c77bd;}
.li_nt li .tit {font-weight: 600;}



.li_pn {display:flex; flex-wrap: wrap; }
.li_pn .panel {display:flex; justify-content: space-between; align-self: flex-start; width:calc((100% - 40px) / 3); margin-right:20px; margin-bottom:20px; padding:20px; overflow: hidden; border-radius:20px; background-color: #fff; box-shadow:0 0 30px rgba(0,0,0,0.2); }
.li_pn .panel:nth-child(3n) {margin-right: 0;}

.li_pn .set_name {width: 130px; text-align: center;}
.li_pn .set_name .img img {display: block; width:100%; height:auto;}
.li_pn .name {display:flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #222;}
.li_pn .name img {margin-right:2px}

.li_pn .set_profile {position: relative; width:calc(100% - 145px); min-height:240px; padding-top: 20px; padding-bottom: 46px;}
.li_pn .ment {margin-bottom:10px; padding-top:20px; background-image:url(/img/icon_quo.svg); background-position:left top; background-size:16px auto; line-height:24px; font-weight: 500; color: #0c77bd;}
.li_pn .career { display:none;}
.li_pn .career li {display:flex; margin-bottom:5px; line-height: 20px; font-size: 14px; color: #555;}
.li_pn .career li::before {content:"-"; margin-right: 2px; }

.li_pn .set_btn {position:absolute; left:0; bottom:0; width: 100%; display:flex; justify-content: space-between; }
.li_pn .set_btn a {display:flex; align-items: center; justify-content: center; width:calc((100% - 5px) /2); height:36px; border-radius:5px; font-size: 13px; font-weight: 500; color: #fff;}
.li_pn .set_btn .btn_profile {background-color: #00ace9;}
.li_pn .set_btn .btn_profile::after {content:"보기";}
.li_pn .on .set_btn .btn_profile::after {content:"닫기";}
.li_pn .set_btn .btn_article {background-color: #000;}



.ext_board_list {border-top:1px solid #ddd;}
.ext_board_list th,
.ext_board_list td {padding:10px; line-height:30px; border-bottom:1px solid #ddd; vertical-align: middle; font-size: 16px;}
.ext_board_list th {background-color: #f4f4f4; text-align: center; color: #666;}
.ext_board_list .tit a {font-size:inherit; font-weight: 600; color: #333;}
.ext_board_list .pn {}
.ext_board_list .pn div {display:flex; align-items: center; justify-content: center}
.ext_board_list .pn figure {display: inline-block; overflow: hidden; width:30px; height:30px; margin-right: 4px; border:1px solid #eee; border-radius:100px;}
.ext_board_list .pn figure img {display: block; width:100%; height:auto;}
.ext_board_list .date {text-align: center; font-size: 14px; color: #888;}
.pn figure {display: inline-block; overflow: hidden; width:30px; height:30px; margin-right: 4px; border:1px solid #eee; border-radius:100px;}
.pn figure img {display: block; width:100%; height:auto;}


.apply {overflow: hidden; margin: 40px 0; padding:40px; padding-bottom: 65px; border-radius:20px; background-color: #0c77bd; background-image:linear-gradient(90deg,#0c77bd,#00ace9);}
.apply h3 {margin-bottom: 15px; font-size: 24px; font-weight: 600; color: #fff;}
.apply > div {position: relative;}
.apply > div::after {content:""; display: block; clear: both;}
.apply > div ul {overflow: hidden; float:left; width: 950px; background-color: #fff; border-radius:10px;}
.apply > div ul > li {float:left; width:33.3%; border-right:1px solid #0c77bd;}
.apply > div ul > li:last-child {width:33.4%; border-right:0;}
.apply > div ul > li .ip_comm {height:50px;}
.apply > div .set_agree {position: absolute; left:0; bottom:-25px;}
.apply > div .set_agree label,
.apply > div .set_agree a {font-size: 14px; color: #fff;}
.apply > div .btn_sm {float:right; width: 140px; height: 50px; background-color: #c0ff00; border-radius:10px; font-size: 18px; color: #222;}


#main1 {}
#main1 #visual {float:left; width: 780px;}
#main1 .set_ban {float:right; width: 380px;}
#main1 .ban {margin-bottom:20px;}
#main1 .set_ban .ban:last-child .tit {color: #fff;}
#main1 .set_ban .ban:last-child .btn_more {color: #fff;}
#main1 .set_ban .ban:last-child .btn_more::after {background-color: #fff; color: #666;}

#main2 {}
#main2 .ban {float:left; width:380px; margin-right:20px;}
#main2 .ban:nth-child(3n) {margin-right: 0;}
#main2 .ban:last-child .tit {color: #fff;}
#main2 .ban:last-child .btn_more {color: #fff;}
#main2 .ban:last-child .btn_more::after {background-color: #fff; color: #666;}

#main3 {padding:60px 0 70px 0;}
#main3 h2 {margin-bottom: 20px; text-align: center; font-size: 26px; font-weight: 700; color: #222;}
#main3 .set_slider {position: relative; border-right:1px solid #ddd;}
#main3 .nt_slider {overflow: hidden;}
#main3 .nt_slider li {width:auto; padding:0 30px; border-left:1px solid #ddd;}
#main3 .nt_slider .date {font-size: 16px; font-weight: 700; color: #0c77bd;}
#main3 .nt_slider .tit {display: block; height:52px; margin-top: 15px; line-height: 26px; font-size: 18px; font-weight: 500; }
#main3 .nt_slider .cont {height:40px; margin-top: 15px; font-size: 13px; line-height: 20px; color: #666;}
#main3 .swiper-button-white {width: 40px; height: 40px; border-radius:50px; background-color: #aaa; background-size:8px auto;}
#main3 .nt_prev {left:-90px;}
#main3 .nt_next {right:-90px;}

#main04 {height:487px; background-image:url(/images/bg_main04.jpg);}
#main04 .set_txt {width:630px; padding-top:70px; text-align:center;}
#main04 .set_txt .ex {margin-top:20px; font-weight:600; color:#fff;}
#main04 .set_txt .btn_join {position:relative; display:block; width:190px; height:60px; margin:0 auto; margin-top:45px;  padding:0 20px; border:1px solid #60e0eb; line-height:60px; text-align:left; font-size:18px; color:#60e0eb;}
#main04 .set_txt .btn_join .arr1 {right:20px;}
#main04 .set_txt .btn_join .arr1::before,
#main04 .set_txt .btn_join .arr1::after {background-color:#60e0eb}


#main05 {padding:100px 0; background-image:url(/images/bg_main05.jpg); background-size:cover;}
#main05 h2,
#main05 p {text-align:center; color:#fff;}
#main05 .p1 {font-size:18px; }
#main05 h2 {margin-top:20px; margin-bottom:20px; font-size:42px; font-weight:800;}
#main05 .p2 {position:relative; padding-top:22px; font-size:18px; font-weight:600; letter-spacing: 0}
#main05 .p2::after {content:""; display:block; position:absolute; left:50%; top:0; width:18px; height:2px; background-color:#fff; transform:translateX(-50%);}
#main05 .p3 {margin-top:12px; line-height:24px;}
#main05 .btn_view {position:relative; display:block; width:150px; height:40px; margin:0 auto; margin-top:40px; padding:0 20px; line-height:40px; border:1px solid #fff; font-size:14px; color:#fff;}
#main05 .btn_view .arr1 {right:15px;}

/* 로그인 */
#main4 {padding:20px 0; border-top:1px solid #ddd; background-color: #f8f8f8;}
#main4 .title {float:left; width: 410px; padding-top: 30px;}
#main4 .title h2 {font-size: 24px; font-weight: 700; color: #222;}
#main4 .title p {margin-top: 10px; font-size: 14px; color: #666;}
#main4 .login {float:left; position: relative; width: 508px; padding-top: 20px;}
#main4 .login::after {content:""; display: block; clear: both;}
#main4 .login .ip_comm,
#main4 .login .btn_sm {float:left;}
#main4 .login .ip_comm {width: 200px; margin-right: 4px; border:1px solid #ccc; background-color: #fff;}
#main4 .login .btn_sm {width: 100px;}
#main4 .login .set_auto {position: absolute; left:0; bottom:-20px;}
#main4 .login .set_auto label {font-size: 12px;}
#main4 .login .btn_find {position: absolute; right:0; bottom:-20px}
#main4 .login .btn_find a {display: inline-block; margin-left:5px; font-size: 12px; text-decoration: underline;}
#main4 .btn_regi {float:right; display: flex; justify-content: center; align-items: center; width:200px; height:110px; border-radius:20px; background-color: #222; text-align: center; font-size: 18px; font-weight: 300; color: #fff;}
#main4 .btn_regi img {display: block; width:auto; height:18px; margin:0 auto; margin-bottom:15px;}

#main4 .login_after {padding:30px 0;}
#main4 .login_after::after {content:""; display: block; clear: both;}
#main4 .grt {float:left; font-size: 24px; font-weight: 400;}
#main4 .grt strong {color: #0c77bd;}
#main4 .set_btn {float:right;}
#main4 .set_btn a {display: inline-block; line-height: 24px; margin-left:10px; font-size: 14px; color: #666;}
#main4 .set_btn a:hover {text-decoration:underline;}
#main4 .set_btn a i {color: #aaa;}

#main4 .app_download {display: none;}

/*========= footer ===========*/
#footer {padding:20px 0; background-color: #666;}
#footer ul {margin-bottom: 10px; }
#footer ul li {display:inline-block; margin-right:15px; font-size:14px; font-weight: 300; color:#fff}
#footer ul li a {font-size:inherit; font-weight:500; color:inherit;}
#footer .copyright {line-height: 14px; font-size:13px; color:#fff; letter-spacing:0 }
#footer .copyright a {font-size:inherit; font-weight:inherit; color:inherit;}


#quick {display:flex; align-items: center; position: fixed; right:20px; bottom:100px; z-index: 300; width:235px; height:50px; border-radius:100px; background-color: #00ace9; justify-content: center; font-size: 16px; font-weight: 500; color: #fff;}
#quick img {display: inline-block; width:auto; height:38px; margin-right: 5px; }

#quick_app {position: fixed; left:-102px; top:50%; z-index: 100; transform:translateY(-50%) rotate(-90deg); display:flex; }
#quick_app a {display: flex; align-items: center; margin:0 2px; padding:8px 15px; background-color: #000; font-size: 13px; color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#quick_app a img {width:auto; height:16px; margin-right:5px;}

/*========= sub ===========*/

#contents.sub {}

#contents.sub .cont {padding:60px 0;}

#sub_visual {position:relative; width:100%; height:300px; text-align:center; background-repeat:no-repeat; background-position:center;}
.sub02 #sub_visual {background-image:url(/img/sub_visual02.jpg);}
.sub03 #sub_visual {background-image:url(/img/sub_visual03.jpg);}
.sub04 #sub_visual {background-image:url(/img/sub_visual04.jpg);}
/* .sub05 #sub_visual {background-image:url(/img/sub_visual05.jpg);} */
.sub06 #sub_visual {background-image:url(/img/sub_visual06.jpg);}
.sub07 #sub_visual {background-image:url(/img/sub_visual07.jpg);}
.sub08 #sub_visual {display: none;}
.sub09 #sub_visual {display: none;}
.sub10 #sub_visual {display: none;}
.sub11 #sub_visual {display: none;}
.sub12 #sub_visual {display: none;}
.sub13 #sub_visual {display: none;}
.sub14 #sub_visual {display: none;}
/* #sub_visual video {width:auto; height:100%; margin:0 auto;}
#sub_visual .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(/images/bg_movie.png); z-index:100;} */

.sub_title {position:relative; margin-bottom:40px; padding-bottom:35px; line-height:54px; text-align:center; font-size:44px; font-weight:500; color:#222; letter-spacing:-1px;}
.sub_title::after {content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); display:block; width:50px; height:2px; background-color:#1f9eff;}

.sub_menu {padding:12px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color: #f6f6f6;}
.sub_menu .center {display:flex; justify-content: center;}
.sub_menu .center::after {display: none;}
.sub_menu li {margin:0 20px;}
.sub_menu li a {display:block; font-size: 16px; color:#888;}
.sub_menu li a:hover {color:#444}
.sub_menu li a.ext_on {color:#1f9eff;}

.bo_cate  {margin-bottom:30px;}
.bo_cate ul {display:flex; justify-content: center; }
.bo_cate li {margin:0 2px;}
.bo_cate li a {display:block; padding:0 15px; line-height:32px; border-radius:4px; border:1px solid #ddd; background-color: #f4f4f4;  color:#888;}
.bo_cate li a:hover {border-color:#222; color:#444}
.bo_cate li a#bo_cate_on {background-color:#1f9eff; border-color:#1f9eff; color:#fff;}

.p_comm {font-size:20px; line-height:34px; color:#555; text-align:center}

.sub01 {}
.sub01 p {text-align:center;}
.sub01 .p1 {margin-bottom:15px; font-size:30px; font-weight:700; color:#29406c;}

.sub01 .cont2 {padding:150px 0; background-image:url(/images/sub0101_01.jpg); background-size:cover;}
.sub01 .cont2 p {color:#fff;}
.sub01 .cont2 .users {font-size:80px; font-weight:700;}
.sub01 .cont2 .p2 {position:relative; padding-bottom:40px; margin-top:20px; margin-bottom:38px; font-size:30px;}
.sub01 .cont2 .p2::after {content:""; position:absolute; left:50%; bottom:0; width:50px; height:2px; background-color:#fff; transform:translateX(-50%);}

.sub01 .cont3  {background-image:url(/images/sub0101_02.jpg); background-position:right bottom;}
.sub01 .cont3 .sub_title {text-align:left;}
.sub01 .cont3 .sub_title::after {left:0; transform:translateX(0);}
.sub01 .cont3 p {text-align:left;}

.sub01 .cont4 {background-image:url(/images/sub0101_09.jpg); background-size:cover;}
.sub01 .cont4 p,
.sub01 .cont4 .sub_title {color:#fff;}
.sub01 .cont4 .cert {overflow:hidden; width:840px; margin:0 auto;}
.sub01 .cont4 .cert li {float:left; width:260px; margin-bottom:30px; margin-right:30px;}
.sub01 .cont4 .cert li:nth-child(3n) {margin-right:0;}
.sub01 .cont4 .cert li figure {margin-bottom:15px;}
.sub01 .cont4 .cert li .tit {font-size:20px; font-weight:600;}
.sub01 .cont4 .cert li .num {margin-top:8px;}

.sub01 .cont5 figure {text-align: center;}
.sub01 .cont5 .faq {margin-top:20px; border-top:1px solid #aaa;}
.sub01 .cont5 .faq dl {border-bottom:1px solid #ccc;}
.sub01 .cont5 .faq dl dt,
.sub01 .cont5 .faq dl dd {position: relative;}
.sub01 .cont5 .faq dt { padding:15px; padding-left:60px; line-height: 1.5; font-size:18px; font-weight: 700; cursor: pointer;}
.sub01 .cont5 .faq dd {display: none; padding:25px; padding-left:60px; border-top:1px solid #eee; background-color: #f6f6f6; font-weight: 400; line-height: 1.7; }
.sub01 .cont5 .faq dl dt::after,
.sub01 .cont5 .faq dl dd::after {position: absolute; left:15px; display: block; width:30px; height:30px; border-radius:50px; text-align: center; line-height:28px; font-size: 18px; font-weight: 700;}
.sub01 .cont5 .faq dl dt::after {content:"Q"; top:15px; background-color: #29406c; color: #fff;}
.sub01 .cont5 .faq dl dd::after {content:"A"; top:25px; background-color: #ccc; color: #444;}

.sub01 .cont6 img {display: block; max-width:100%; margin:0 auto;}

.sub04 .p_comm {margin-bottom:30px; text-align:center;}


.sub_list  {width: 100%; overflow: hidden;}
.sub_list li {position: relative; float:left; display:block; width:24.25%; margin-right:1%; margin-bottom:40px; border: 1px solid #ddd;  }


.sub_list li input {position: absolute; left:5px; top:5px;}
.sub_list li:nth-child(4n) {margin-right:0; }
.sub_list li a {display:block; }
.sub_list li .img_cont {height:275px; border-bottom:1px solid #eee; background-size:cover;}
	.sub07 .sub_list li .img_cont,
	.sub03 .sub_list li .img_cont {height:auto;}
.sub_list li a img {width:100%; height:auto;}
.sub_list li .txt_cont {padding:15px; padding-top: 20px; }
.sub_list li .tit {display: flex; align-items: center;}
.sub_list li .tit a {overflow: hidden; display: block; align-items: center; text-overflow: ellipsis; white-space: nowrap; line-height: 25px; font-size:16px; text-align: left; font-weight:600; color:#333;}
.sub_list li .tit .tit_new {max-width:calc(100% - 30px);}
.sub_list li .set_item_info {position: relative; display:flex; align-items: center; overflow:hidden; justify-content: flex-end;height: 30px; margin-top: 10px;}
.sub_list li .set_item_info span {display:flex; align-items: center; font-size: 13px;color: #888;}
.sub_list li .set_item_info span::after {content:""; display:inline-block; width:1px; height:10px; background-color:#ddd; margin:0 4px 0 8px;}
.sub_list li .set_item_info span:last-child::after {display: none;}

.reply {display:inline-flex; align-items: center; margin-left:4px; padding:0 3px; height:14px; border-radius:2px; border:1px solid #1f9eff; font-size:10px; color:#1f9eff;}
.reply i {position: relative; top:-1px; margin-right: 2px; font-size: 0.8em;}

.sub_list li .reply {position: absolute; left:0; top:5px; display:inline-block; padding:0 5px; height:18px; line-height:18px; border-radius:4px; border:1px solid #1f9eff; font-size:11px; color:#1f9eff;}
.reply i {top:-2px;}

.latest_nt {border-left:2px solid #1f9eff; margin-bottom:40px; padding-left:20px;}
.latest_nt h3 {margin-bottom:20px;font-weight:800; font-style:italic; color:#1f9eff;}
.latest_nt ul {border-top:1px solid #eee;}
.latest_nt ul li {border-bottom:1px solid #eee;}
.latest_nt ul li a {display:block; padding:12px 5px;}
.latest_nt ul li a:hover {background-color:#f4f4f4; font-weight:600;}

/* 로그인 > 앱 다운로드 */
#mb_login {}
#mb_login .app_download {}
#mb_login .app_download > a {display:flex; align-items: center ;justify-content: center; height:50px; margin-top:5px; border-radius:10px; background-color: #222; color: #fff;}
#mb_login .app_download img {width:auto; height:20px; margin-right:5px;}

/* 문의 전 */
.before_write {margin-bottom:30px; padding:30px; border:1px solid #ddd; background-color: #f4f4f4;}
.before_write h4 {margin-bottom: 15px; font-weight: 600; color: #222;}
.before_write li {position: relative; padding-left:15px; margin-bottom:6px; line-height:1.6; font-size: 14px;}
.before_write li:last-child {margin-bottom: 0;}
.before_write li::before {content:"*"; position: absolute; left:0; top:0; }



/* 위원분석 - list*/
.explanation {margin-top: 20px;}
.explanation .cate {position: relative; display:flex; align-items: center;}
.explanation .cate .ip_comm {width:100px; height:36px; margin-right: 4px; border:1px solid #ccc; border-radius:4px; line-height: 36px; font-size: 14px;}

.explanation .btn_more {width: 150px; height: 50px; margin:0 auto; margin-top:40px; display:flex; align-items: center ;justify-content: center; background-color: #f4f4f4; border-radius:4px; border:1px solid #ccc; color: #666; }
.explanation .btn_more i {margin-left:10px; font-size: 18px;}

.explanation .tbl_expnt {margin-top:10px;}
.explanation .tbl_expnt .date {flex:1; order:1;}
.explanation .tbl_expnt .match {flex:2; order:2}
.explanation .tbl_expnt .cmsn {flex:1; order:3}

.explanation .tbl_expnt .thead {display:flex; align-items: center; justify-content: space-between; height: 40px; background-color: #173262;}
.explanation .tbl_expnt .thead li {text-align: center; color: #fff;}

.explanation .tbl_expnt .tbody li {display:flex; align-items: center; justify-content: space-between; padding:12px 0; border-bottom:1px solid #ccc; transition:0.3s}
.explanation .tbl_expnt .tbody li:hover {background-color: #f8f8f8;}
.explanation .tbl_expnt .tbody li div,
.explanation .tbl_expnt .tbody li a {display:flex; align-items: center; justify-content: center; }
.explanation .tbl_expnt .tbody li .date {justify-content: flex-start; }
.explanation .tbl_expnt .tbody li .date input {margin-right: 10px;}
.explanation .tbl_expnt .tbody li > div > span {margin-right: 5px;}

.explanation .tbl_expnt .tbody li .date span {margin:0;}
.explanation .tbl_expnt .tbody li .date .date_league {font-size:inherit;}
.explanation .tbl_expnt .tbody li .date .date_league span {position:relative; padding:0 10px; margin:0;}
.explanation .tbl_expnt .tbody li .date .date_league span:last-child::after {content:""; position: absolute; left:0; top:50%; transform:translateY(-50%); display: block; width:1px; height:10px; background-color: #ddd;}

.explanation .tbl_expnt .tbody li a {font-weight: 600; color: #222;}
.explanation .tbl_expnt .tbody li a .vs {color: #1f9eff;}
.explanation .tbl_expnt .tbody li a div {padding:0 5px; font-weight: inherit; color: inherit;}

.explanation .icon {display:flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius:100px; overflow: hidden; box-sizing: border-box; }
.explanation .icon img {display: block; width: 100%; height:auto;}
.explanation .icon_game {width: 23px; height: 26px;}
.explanation .icon_cmsn {border:1px solid #eee;}

.explanation .tbl_expnt .tbody .team {display:flex; align-items: center;  max-width:154px;}
.explanation .tbl_expnt .tbody .team .team_name {display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width:100px; text-align: center;}
.explanation .tbl_expnt .tbody .home {justify-content: flex-end;}
.explanation .tbl_expnt .tbody .home .icon_team {margin-right:8px;}
.explanation .tbl_expnt .tbody .guest {flex-direction: row-reverse;}
.explanation .tbl_expnt .tbody .guest .icon_team {margin-left:8px;}
.explanation .tbl_expnt .tbody .guest .icon_team {margin-left:8px;}

/* 위원분석 - view*/
.explanation .view_title {text-align: center; padding-bottom: 40px;}
.explanation .view_title .cmsn {display:inline-flex; align-items: center; padding:5px; padding-right:15px; border-radius:100px; background-color: #eee; font-size: 16px;}
.explanation .view_title .cmsn strong {font-weight: 600;}
.explanation .view_title .cmsn .icon {margin-right: 5px;}

.explanation .view_title h4 {margin: 20px 0; line-height: 1.4; font-size: 32px; font-weight: 600; color: #222;}

.explanation .view_title dl {display:flex; justify-content: center; font-size: 14px; }
.explanation .view_title dl dd {display:flex; align-items: center; }
.explanation .view_title dl dd::after {content:""; display:block; width:1px; height:10px; margin:0 10px; background-color: #aaa;}
.explanation .view_title dl dd:last-child::after {display: none;}

.explanation .game_info {display:flex; align-items: center; justify-content: center; padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.explanation.view .team {display:flex; align-items: center;}
.explanation.view .team figure {display:flex; flex-direction: column; align-items: center ;justify-content: center; }
.explanation.view .team figure h5 {margin-bottom:7px; font-size: 14px;}
.explanation.view .team figure img {width: 100%; height:auto;}

.explanation .game_info .team {justify-content: space-between;}
.explanation .game_info .team figure {width: 100px; height: 100px;}

.explanation .game_info .team dl {margin:0 20px;}
.explanation .game_info .team dd {font-size: 14px;}

.explanation .game_info .team dd span {display:inline-block; padding:0 10px; border-radius:50px; line-height: 22px; font-size: 12px; }
.explanation .game_info .team .rank {background-color: #222; color: #fff;}
.explanation .game_info .team .pos {margin-right:2px; color: #fff;}
	.explanation .game_info .home .pos {background-color:red;}
	.explanation .game_info .guest .pos {background-color:blue;}
.explanation .game_info .team .pos i {margin-right:3px;}
.explanation .game_info .team .name {margin-top: 15px;font-size:26px; font-weight: 600;}
.explanation .game_info .team .winlose {margin-top: 10px;}
.explanation .game_info .team .base {margin-top: 8px; color: #888;}

.explanation .game_info .vs {margin:0 30px; text-align: center; font-size: 54px; font-weight: 600; color: #00ace9; }
.explanation .game_info .vs img {display: block; width: auto; height: 30px; margin:0 auto; margin-bottom:10px;}

	.explanation .game_info .team.guest {flex-direction: row-reverse;}
	.explanation .game_info .team.guest dl {text-align: right;}

.explanation .expnt_cont {padding:40px 0;}
.explanation .expnt_cont h5 {margin-bottom: 15px; font-size:18px; font-weight: 600; color: #222;}
.explanation .expnt_cont .cont {font-size: 13px; line-height: 1.8; letter-spacing: 0}

.explanation .expnt_game h5 {padding:6px 0 8px 0; background-color: #0c77bd; text-align: center;}
.explanation .expnt_game h5 img {width: auto; height: 24px;}

.explanation .expnt_game > div {display:flex; justify-content: center; align-items: center; padding:60px 0;  border:1px solid #ddd; border-top:0;}
.explanation .expnt_game .team h6 {display:inline-flex; align-items: center; margin-bottom: 10px; padding:5px 15px; border-radius:100px; color: #fff;}
.explanation .expnt_game .team h6 i {margin-right: 4px;}
	.explanation .expnt_game .home h6 {background-color: red;}
	.explanation .expnt_game .guest h6 {background-color: blue;}
.explanation .expnt_game .team {flex-direction: column; text-align: center; font-size: 20px; font-weight: 600; }
.explanation .expnt_game .team figure {width:150px; height:150px; margin-bottom:15px; }
.explanation .expnt_game .prediction {margin:0 100px; }
.explanation .expnt_game .prediction dt {position: relative; text-align: center; font-size: 17px; font-weight: 600; z-index: 1;}
.explanation .expnt_game .prediction dt::before {content:""; position: absolute; left:0; top:50%; transform:translateY(-50%); display: block; width:100%; height:1px; background-color: #ccc; z-index: -1; }
.explanation .expnt_game .prediction dt span {padding:0 10px; background-color: #fff;}
.explanation .expnt_game .prediction dd {display:flex; justify-content: center; padding:30px 0; }
.explanation .expnt_game .prediction dd div {display:flex; align-items: center ;justify-content: center; width: 100px; height: 100px; margin:0 15px;  border-radius:100px; background-color: #eee; font-size:38px; font-weight: 600; color: #aaa;}
.explanation .expnt_game .prediction dd div.check {background-color: #d22727; color: #fff;}



@keyframes new {
  0% {background-position:left center;}
  100% {background-position:right center;}
}

.new {position:relative; top:0; display:inline-flex; align-items: center; justify-content: center; margin-left:4px; width:32px; height:15px; border-radius:2px; background-image:linear-gradient(45deg,#0578be,#0578be,#00ace9,#0578be,#0578be); background-size:200%; font-family:돋움,sans-serif; font-size: 11px; font-weight:400; color: #fff; letter-spacing:-1px; animation:new 2s alternate infinite linear}



.board_new {}
.board_new.board_free {margin-bottom:30px;}

.board_new .notice_icon {margin-right:5px; text-align: center;}

.board_new .cate {width:12%; text-align: center; justify-content: center;}
.board_new .subject {width:56%}
	.board_free .subject {width:68%}
.board_new .write {width:12%; text-align: center; justify-content: center;}
.board_new .hit {width:10%; text-align: center; justify-content: center;}
.board_new .date {width:10%; text-align: center; justify-content: center;}

.board_new .thead {display:flex; padding:15px 0; background-color:#f6f6f6;  border-top:1px solid #aaa; border-bottom:1px solid #ccc;}
.board_new .thead li {text-align: center; font-size: 14px; font-weight: 500; color: #666;}

.board_new .tbody li {display:flex; border-bottom:1px solid #ddd; padding:20px 0;}
.board_new .cate span {display:inline-flex; padding:5px 10px; background-color:#222; border-radius:100px; font-size:12px; color: #fff;}
.board_new .cate1 span {background-color:#e33838;}
.board_new .cate2 span {background-color:#9f2ed3;}
.board_new .cate3 span {background-color:#2e36d3;}
.board_new .cate4 span {background-color:#11a4c3;}
.board_new .cate5 span {background-color:#0505d5;}
.board_new .cate6 span {background-color:#186128;}
.board_new .cate7 span {background-color:#e95800;}
.board_new .cate8 span {background-color:#62822a;}
.board_new .tbody div {display:flex; align-items: center;}


/* 라이브스코어 */
.livescore {}
.livescore::after {content:""; display: block; clear: both;}
.livescore figure img {display: block; width:100%; height:auto;}

/* 라이브스코어 - 리스트 */
.livescore .list {float:left; width: 800px;}

.livescore .list nav {margin-bottom: 10px;}
.livescore .list nav ul {display:inline-flex; overflow: hidden; border-radius:4px; border:1px solid #ddd; background-color: #eee;}
.livescore .list nav ul li {border-right:1px solid #ddd;}
.livescore .list nav ul li:last-child {border-right:0;}
.livescore .list nav a {display:flex; align-items: center; height:28px; padding:0 10px; font-size: 13px; color: #888;}
	.livescore .list nav a.on {background-color: #fff; color: #222;}
	.livescore .list nav a.btn_refresh {width: 30px; height: 30px; border:1px solid #ddd; border-radius:4px; overflow: hidden; color: #222;}
	.livescore .list nav a.btn_refresh i {transition: 1s}
	.livescore .list nav a.btn_refresh:hover i {transform:rotate(360deg);}

.livescore .tbl_live div,
.livescore .tbl_live p,
.livescore .tbl_live dt,
.livescore .tbl_live dd,
.livescore .tbl_live a {text-align:center; font-size: 12px;}

.livescore .tbl_live .thead {display:flex; align-items: center; justify-content: space-between; height: 40px; padding:0 10px; background-color: #ddd;}

.livescore .tbl_live .thead h4 {display:inline-flex; align-items: center; font-size: 13px; font-weight: 600;}
.livescore .tbl_live .thead h4 figure {overflow: hidden; border-radius:100px; width:22px; height:22px; margin-right:4px;}
.livescore .tbl_live .thead .nation {letter-spacing: 0}

.livescore .tbl_live .tbody li {display:flex; align-items: center; justify-content: space-between; padding:12px 10px; border-bottom:1px solid #ddd;}
.livescore .tbl_live .tbody li > dl,
.livescore .tbl_live .tbody li > div {display:flex; flex:1; align-items: center; height: 24px;}
.livescore .tbl_live .tbody li > dl dt {display: none;}
.livescore .tbl_live .tbody li > dl dd {display:flex;}

.livescore .tbl_live .tbody .time {justify-content:flex-start;}
.livescore .tbl_live .tbody .time dd {align-items:center; color: #0c77bd;}

.livescore .tbl_live .tbody .time .btn_live_bookmark {font-size:15px;}
.livescore .tbl_live .tbody .time .on {color:#ff9900;}
.livescore .tbl_live .tbody .time .off {color:#888}
.livescore .tbl_live .tbody .time img {width: auto; height: 15px; margin-left:5px;}
.livescore .tbl_live .tbody .time figure {width: 18px; height:18px; margin:0 5px;}
.livescore .tbl_live .tbody .time figure img {display:block; width:100%; height:auto; margin:0; }

.livescore .tbl_live .tbody .set_team {justify-content: center}
.livescore .tbl_live .tbody .set_team > div {display:inline-flex; align-items: center; }
.livescore .tbl_live .tbody .score {justify-content: center; width: 70px; height: 24px; margin:0 10px; background-color: #def5fd; border-radius:100px; font-weight: 600; color: #0c77bd; letter-spacing: 0}
.livescore .tbl_live .tbody .score.vs {background-color:transparent; color: #777;}
.livescore .tbl_live .tbody .team .mark {width: 20px; height: 20px; margin:0 4px;}
.livescore .tbl_live .tbody .team span {display:inline-flex; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.livescore .tbl_live .tbody .home {flex-direction: row-reverse;}
.livescore .tbl_live .tbody .home span {justify-content:flex-end}

.livescore .tbl_live .tbody .state {justify-content: flex-end;}
.livescore .tbl_live .tbody .state a {display:flex; align-items: center; justify-content: center; width: 60px; height: 24px; color: #fff; transition:0.5s}
.livescore .tbl_live .tbody .state a:hover {box-shadow:2px 2px 10px rgba(0,0,0,0.5) }
	.livescore .tbl_live .tbody .before {background-color: #2c84de;}
	.livescore .tbl_live .tbody .ing {background-color: #ff9900; color:#222 !important;}
	.livescore .tbl_live .tbody .close {background-color: #aaa;}



	/* 라이브스코어 : 프로토 - 리스트 */
	.livescore.proto .list nav {display:flex; justify-content: space-between;}

	.livescore.proto .tbl_live .thead li,
	.livescore.proto .tbl_live .thead button,
	.livescore.proto .tbl_live .thead div {background-color: transparent; font-size: 12px; letter-spacing: 0}
	.livescore.proto .tbl_live .thead li {text-align: center;}
	.livescore.proto .tbl_live .thead button:after {content:"\f0dc"; margin-left:4px; font-family: 'FontAwesome'; color: #aaa;}
	.livescore.proto .tbl_live .thead .set_team {display:flex; justify-content: center; }

	.livescore.proto .tbl_live .tbody li {}
	.livescore.proto .tbl_live .tbody li > dl,
	.livescore.proto .tbl_live .tbody li > div {flex:none;}

	.livescore.proto .tbl_live .no {width:35px;}
		.livescore .tbl_live .tbody .no a {display:flex; align-items: center;}
		.livescore .tbl_live .tbody .no a:hover {text-decoration: underline;}
		.livescore .tbl_live .tbody .no a .notice {display:inline-flex; align-items: center; justify-content: center; width:16px; height:16px; margin-left: 4px; background-color: #fb5129; border-radius:20px; font-size: 9px; color: #fff;}

	.livescore.proto .tbl_live .league {width:70px; }
		.livescore.proto .tbl_live .league dd {text-align:left;}
		.livescore.proto .tbl_live .league figure {width: 18px; height: 18px; margin-right:5px;}
		.livescore.proto .tbl_live .league figure img {display:block; width:100%; height:auto;}
	.livescore.proto .tbl_live .time {width:85px}
	.livescore.proto .tbl_live .set_team {width: 236px;}
		.livescore.proto .tbl_live .set_team .team {width: 90px;}
		.livescore.proto .tbl_live .set_team .team.home {text-align:right;}
		.livescore.proto .tbl_live .set_team .team.away {text-align:left;}
		.livescore.proto .tbl_live .set_team .score {width: 70px;}
	.livescore.proto .tbl_live .type {width: 50px;}

		.livescore .tbl_live .tbody .type div {display:flex; align-items: center; justify-content: center; width: 50px; height: 24px; border:1px solid #fb5129; font-size: 11px; color: #fb5129;}
		.livescore .tbl_live .tbody .type .uo {border-color:#275095; color:#275095 }

	.livescore.proto .tbl_live .win,
	.livescore.proto .tbl_live .draw,
	.livescore.proto .tbl_live .loss {width:24px;justify-content:center}
	.livescore.proto .tbl_live .memo,
	.livescore.proto .tbl_live .loca {width: 24px;}

		.livescore .tbl_live .tbody .btn_comm {display:flex; align-items: center; justify-content: center; width: 24px; height: 24px; border:1px solid #ddd; font-size: 12px; color: #999; cursor:pointer}
		.livescore .tbl_live .tbody .btn_comm.inactive {border-color:#eee; color:#ddd;}

	.livescore.proto .tbl_live .loca dd {position: relative;}
	.livescore.proto .tbl_live .loca .bubble {position: absolute; left:50%; top:-30px; padding-bottom:5px; transform:translateX(-50%); width:auto; display: none;}
	.livescore.proto .tbl_live .loca .btn_comm:hover + .bubble {display: block;}
	.livescore.proto .tbl_live .loca .bubble::before {content:""; position: absolute; left:50%; bottom:0; display: block; width:10px; height:10px; background-color: #1f9eff; transform:rotate(45deg) translateX(-50%); z-index: -1;}
	.livescore.proto .tbl_live .loca .bubble > div {padding:10px 15px; text-align: center; border-radius:300px; background-color: #1f9eff; white-space:nowrap; font-size: 12px; color: #fff; letter-spacing: 0}
	.livescore.proto .tbl_live .state {width: 60px;}





/* 라이브스코어 - 검색 */
.livescore .search {float:right; width: 360px; padding:30px; border:1px solid #ddd;}
.livescore .search > div {padding: 20px 0; border-bottom:1px solid #ddd;}
.livescore .search > div:first-child {padding-top: 0;}
.livescore .search > .calendar {padding-top:0;}

.livescore .cal_head {display:flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
.livescore .cal_head .now {font-size: 13px; font-weight: 500;}
.livescore .tbl_cal th,
.livescore .tbl_cal td {height: 34px; text-align: center; font-size: 13px; }
.livescore .tbl_cal th {font-weight:600;}
.livescore .tbl_cal td {color: #aaa;}
.livescore .tbl_cal td a {position: relative; display: block; font-size: inherit; color: #444; z-index: 1;}
.livescore .tbl_cal td .today {color: #fff;}
.livescore .tbl_cal td .today::before {content:""; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); display: block; width:34px; height:34px; border-radius:50px; background-color: #0c77bd; z-index: -1;}
.livescore .tbl_cal td .focus {color: #fff;}
.livescore .tbl_cal td .focus::before {content:""; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); display: block; width:34px; height:34px; border-radius:50px; background-color: #ff9900; z-index: -1;}

.livescore .search h4 {margin-bottom: 10px; font-size: 12px;}
.livescore .search fieldset {position: relative; display:flex; flex-wrap:wrap;}
	.livescore .search fieldset.set_slt { justify-content: space-between;}
.livescore .search fieldset .hidden + label {position: relative; display:block; width:25%; padding:4px; padding-left:20px; line-height: 15px; font-size: 13px; font-weight: 500; color: #222;}
.livescore .search fieldset label::before {content:""; position: absolute; left:0; top:4px; display:flex; align-items: center; justify-content: center; width:15px ;height:15px; border:1px solid #ddd; box-sizing:border-box; font-family: 'FontAwesome'; font-size: 10px; color: #2c84de;}
.livescore .search fieldset :checked + label::before {content:"\f00c"}
.livescore .search fieldset .ip_comm {width: 49%; height: 35px; border:1px solid #ddd; background-color: #f4f4f4; font-size: 13px;}

.livescore .search .set_btn {display:flex; align-items: center; justify-content: space-between; padding:10px 0 0 0; border-bottom:0;}
.livescore .search .set_btn input {height: 46px; font-weight: 500; color: #fff;}
.livescore .search .set_btn .btn_sm {width: 210px; background-color: #222;}
.livescore .search .set_btn .btn_reset {width: 100px; background-color: #aaa;}

/* 팝업 */
.tot_view {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:500;}
.tot_view .pv_pop {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:600px; height:600px; padding:40px 30px; background-color:#fff; border-radius:10px;}
.tot_view .set_pv {overflow-y:auto; height:100%;}
.tot_view .btn_pv_close {position:absolute; right:10px; top:10px;}
.tot_view .btn_pv_close i {font-size:18px;}

.tot_view h1 {padding-bottom:15px; border-bottom:1px solid #ddd; font-size:15px; font-weight:600; color:#222;}
.tot_view h2 {margin-top:30px; margin-bottom:10px; font-size:13px; font-weight:600; color:#0c77bd}
.tot_view table {border-top:1px solid #aaa;}
.tot_view table th,
.tot_view table td {padding:10px 0; border-bottom:1px solid #ddd; text-align:center; font-size:12px;}
.tot_view table thead th {background-color:#f6f6f6; font-weight:500; color:#666}




.m {display: none !important;}

/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}