@charset "utf-8";
/* ------------------------------ CS's contents ------------------------------*/
/* Reset */
*html{zoom:0;}
body {font-family:'notokrR','Apple SD Gothic Neo'; color:#111; font-size:16px; letter-spacing:-1px; font-weight:400;}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,select,th,td { margin:0px; padding:0px;}
address,caption,cite,code,dfn,em,th,i { font-style:normal; font-weight:normal; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0}
html:first-child select{}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section{display:block}
address,caption,strong,em,cite{font-weight:normal;font-style:normal}
img,input,button,textarea,select{vertical-align:middle}

table{font-size:14px}
table{width:100%;border:0 none;border-spacing:0; border-collapse:collapse;}
caption,th,td{border:0 none;font-weight:normal;text-align:left}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}

.ml0 {margin-left:0px !important}

input::placeholder {color:#111; }
input {border:0;}

img,fieldset{border:0}
ul,ol,li{list-style:none}

a{color:#333333;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;cursor:pointer}
a:focus{cursor:pointer}

button{cursor:pointer;}
hr{display:none}
em{font-style:normal;font-weight:normal;}

/* blind */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

.ta_c {text-align:center;}

html, body {width: 100%;height: 100%;}

#canvas {display: block; width: 100%; height: 100%;}
canvas{display: block; vertical-align: bottom; z-index:1;} /* ---- particles.js container ---- */ 
#particles-js{ position:absolute; width: 100%; height: 800px; z-index:1;} /* ---- stats.js ---- */ 
.count-particles{ background: #fff; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } 
.js-count-particles{ font-size: 1.1em; } 
#stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } 
#stats{ border-radius: 3px 3px 0 0; overflow: hidden; } 
.count-particles{ border-radius: 0 0 3px 3px; }

/* Reset// */
.pc {display:block;}
.mobile {display:none;}



.session01 {background:url('https://cwstatic.asiae.co.kr/forum/itforum/itforum_bg01.jpg') no-repeat center top; height:800px;}
.main_box {width:100%; margin:0 auto; padding-bottom:60px; position:absolute; top:60px; left:50%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); transform:translate(-50%, 0); z-index:2;}

.header_w {width:100%; position:fixed; top:0; left:0; z-index:9999;}
.header {width:100%; position:relative; margin:0 auto; height:80px; line-height:80px;}
.header h1 {width:135px; height:30px; position:absolute; left:40px; top:50%; -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); transform:translate(0, -50%); background:url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/asiae_logo.png') no-repeat 0 0; background-size:contain;}
.header h1 a {display:inline-block; width:100%; height:100%; vertical-align:top;}
.header .gmenu {position:absolute; right:40px; top:50%; -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); transform:translate(0, -50%);}
.header .gmenu:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.header .gmenu li {float:left; margin-left:60px;}
.header .gmenu li a {font-size:18px; color:#fff;}
.header .gmenu li a:hover {padding-bottom:10px;}

.headerInner {display:none;}

.main_body {width:1100px; margin:0 auto; z-index:2}
.main_tit {margin:140px auto 100px;}
.main_tit  .tit01 {display:block; width:234px; height:50px; font-size: 40px; color: #fff;}
.main_tit  .tit01 img {width:100%;}
.main_tit  .tit02 {text-align:center; font-size:62px; color:#fff; font-weight:700; margin:0 0 10px 0;}
.main_tit  .tit02 span {color:#fff; font-weight:700; font-family: 'notokrDem'; margin: 0 auto;}
.tit_bar {display:block; width:50px; height:2px; margin:30px auto; background-color:#b71218;}
.main_tit .txt01 {display:inline-block; width:100%; text-align:center; font-size:24px; color:#b4b3b4; font-family: 'notokrLig'; }
.main_tit .txt02 {display:inline-block; width:100%; text-align:center; font-size:24px; color:#fff; font-family: 'notokrLig'; }

.btn_box {width:250px; margin:0 auto;}
.btn_box::after {content: " ";display: block;clear: both;font-size: 0;line-height: 0;height: 0;}
.btn_box li {float:left; margin:0 10px 0 0;}
.btn_box li:last-child {margin:0;}
.btn_box li .btn01 {display:block; width:250px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:18px; background-color:#b71218; border-radius:50px; opacity:0.8;}
.btn_box li .btn02 {display:block; width:250px; height:60px; line-height:60px; text-align:center; color:#000; font-size:18px; background-color:#fff; border-radius:50px; opacity:0.8;}
.btn_box li .btn03 {display:block; width:250px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:18px; background-color:#cacaca; border-radius:50px; opacity:1;}
.btn_box li .on {background-color:#b71218;}
.btn_box li .btn04 {display:block; width:250px; height:60px; line-height:60px; text-align:center; color:#111; font-size:18px; background-color:#fff; border-radius:50px; opacity:1;}
.btn_box li a:hover {opacity:1;}
.t_txt {margin:30px auto 0; padding:0 20px; text-align:center; color:#fff; font-size:16px;}

.session01 {}
.session02 {}
.session03 {padding:100px 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.session04 {padding:100px 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background-color:#f9f9f9;}
.session05 {}
.session06 {padding:100px 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }

h2.tit01 {display:block; color:#000; font-size:28px; text-align:center;}
h2.tit02 {display:block; color:#fff; font-size:28px; text-align:center;}
.sub_body01 {width:1100px; margin:0 auto;}


/* session02 */
.sub_box {padding:100px 0; background-color:#f9f9f9;}
.sub_box ul {width:1100px; margin:0 auto;}
.sub_box ul::after {content: " ";display: block;clear: both;font-size: 0;line-height: 0;height: 0;}
.sub_box ul li {float:left; width:48%; margin:0 4% 0 0; padding:0 40px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.sub_box ul li:last-child {margin:0;}
.sub_box ul li .bar {display:block; width:100px; height:2px; background-color:#b71218; margin:0 0 30px 0;}
.sub_box ul li .tit {font-size:28px; color:#111; font-weight:700;}
.sub_box ul li .tit span {display:block; font-family: 'notokrLig'; margin:20px 0 0 0; font-size:16px; font-weight:300;}
.sub_box ul li .txt {font-family: 'notokrLig'; font-size:19px; font-weight:400; line-height:27px;}
.sub_box ul li .txt .stxt01 {font-weight:700; color:#b71218;}
.sub_box ul li .txt .stxt02 {font-weight:700;}

.session02 .sub_body02 {width:100%; padding:100px 0; background:url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/img_intro_bg.jpg') no-repeat center bottom; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.session02 .sub_body02 .sub_con {width:1100px; margin:0 auto;}
.section02_con {width:650px; margin:0 auto;}
.section02_con li {margin:0 0 20px 0;}
.section02_con li .tit {display:inline-block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:50px; font-weight:700; font-size:16px; background-color:rgb(65,91,104,0.6);}
.section02_con li .tit0 {display:inline-block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:50px; font-weight:700; font-size:16px; background-color:rgb(183,18,24,0.6);}
.section02_con li .txt {display:inline; color:#fff; margin:0 0 0 40px;}
.section02_txt {font-size:12px; color:#fff; text-align:center;}
/* session02 */

/* session03 */
.session03 .sub_body01 .txt {font-size:14px; color:#747478; text-align:right; margin:10px 0 0 0;}

.con_table {border-top:2px solid #111; border-bottom:2px solid #111; width:100%; margin:0 auto;}
.con_table thead th {background-color:#f9f9f9; height:60px; line-height:60px; text-align:center; font-size:18px; font-weight:700;}
.con_table thead th.bl {border-right:1px solid #e6e6e6;}
.con_table tbody td {border-bottom:1px solid #e6e6e6; text-align:center; font-size:16px;}
.con_table tbody td.bl {border-right:1px solid #e6e6e6; padding:16px 6px; }
.con_table tbody td.tc {text-align:left; padding:16px 40px;}
.con_table tbody td .tit {font-size:18px; font-weight:700;}
.con_table tbody td .txt {margin:8px 0 0 0; font-size:16px; text-align:left !important;}
.con_table tbody td .txt span {font-weight:700; margin:0 10px 0 0; color: #333;}
/* session03 */

/* session04 */
.section04_con {width:1100px; margin:0 auto;}
.section04_con::after {content: " ";display: block;clear: both;font-size: 0;line-height: 0;height: 0;}
.section04_con .people {width:50%; float:left; margin: 0 0 20px 0;}
.section04_con .people .thumb {position: relative; float:left; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.section04_con .people .txt_bx {width:70%; float:left; vertical-align: top; padding:20px 0 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; overflow: hidden; color:#b71218; font-size:18px;}
.section04_con .people .txt_bx .txt {font-size:18px; color:#111;}
.section04_con .people .txt_bx .txt span {font-weight:700; margin:0 20px 0 0;}
.section04_con .people .txt_bx .career {margin:10px 0 0 0;}
.section04_con .people .txt_bx .career li {color:#747478; font-weight:normal; font-size:14px; margin:0 0 6px;}
/* session04 */

/* session05 */
.session05 .sub_body02 {width:100%; padding:120px 0; background:url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/img_entry_bg02.jpg') no-repeat center top; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.entry_box {width:510px; margin:0 auto 14px;}
.entry_box .info_inbox {width:100%; height:50px; line-height:50px; margin:0 0 6px 0;  font-size:16px; border-radius:5px; padding:0 30px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.entry_txt {width:510px; margin:40px auto 0; padding:40px 0 0 0;  background:url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/bd_bg.png') repeat-x center top; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
.entry_txt li {font-size:13px; text-align:left; color:#fff; margin:0 0 6px 0;}
.entry_txt li span {font-weight:700; color:#fff;}
.entry_txt li p {font-size:16px; font-weight:700; color:#fff;}
.entry_box02 {width:100%; margin:20px auto;}
.entry_box02 .info_inbox {width:100%; height:50px; line-height:50px; margin:0 0 6px 0; font-size:16px; border-radius:5px; padding:0 30px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }

.checkbox-box {display:block;width:300px;margin:0px auto 40px;}
.checkbox-wrap03 {display:block;text-align:center;cursor:pointer;box-sizing:border-box;}
.checkbox-wrap03 .check-icon {display:inline-block;width:20px;height:20px;background: url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/ico_check_off.png') left center no-repeat;background-size:20px;vertical-align:top;margin:0 6px 0 0;transition-duration: .3s;}
.checkbox-wrap03 .txt02 {display:inline-block;font-size:16px;color:#9c9c9c;}
input[id="cb1"]:checked + label .check-icon{background-image: url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/ico_check_on.png');background-size:20px;}
input[id="cb1"]:checked + label .txt02 {color:#c73f40;}
input[id="cb1"] {display: none;}
/* session05 */

/* session06 */
.session06 .sub_body01 {height:300px; border:1px solid #e6e6e6; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.session06 .txt {text-align:center; font-size:16px; line-height:24px; margin:0 0 30px 0;}
/* session06 */

.foot {border-top:1px solid #e6e6e6; background:url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/img_entry_bg.jpg') no-repeat center bottom;}
.foot .copy {width:100%; height:80px; line-height:80px; font-size:16px; color:#fff; text-align:center; }

/*popup*/
.popup_back {position:absolute; top:0; left:0; width:100%; height:100%;}
.popup_back:before {content:'';position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:100;}
.popup_wrap {position:relative;}

.popup_modify {z-index:101;position:fixed;left: 50%;top: 50%;transform:translate(-50%,-50%);background-color:#f9f9f9;width:460px;box-sizing:border-box;border-radius:15px 15px 20px 20px;}
.popup_modify .img_tit {width:80px;position:absolute;top:-100px;left:50%;transform:translate(-50%,0);}
.popup_modify .img_tit img {width:100%;}
.pop_pd {margin:40px;position:relative;}
.btn_close {position:absolute;top:-120px; right:-40px;width:50px;}
.btn_close img {width:100%;}
.popup_modify .tit01 {display:block; font-size:24px;color:#111; text-align:center;}
.popup_modify .tit01 span {display:block; font-size:54px;line-height:54px;margin-top:10px;color:#111;}
.in_wrap {margin:20px auto 10px;border-bottom:1px solid #ddd;}
.in_box {position:relative;width:100%;height:50px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box;background-color:#fff;}
.in_box .tit {display:inline-block;width:40%;padding-left:15px;font-size:14px;color:#9c9c9c;line-height:50px;box-sizing:border-box;}
.in_box .info_inbox {width:60%;text-align:left;font-size:15px;box-sizing:border-box;color:#111;line-height:49px;vertical-align:top;}

.popup_btn {width:100%;height:60px;line-height:60px;display:inline-block;font-size:18px;color:#fff;text-align:center;background-color:#b71218;border-radius:0 0 15px 15px;}
/*popup*/

.online_pop {width:500px; position:absolute; top:200px; left:50px; z-index:200;}
.online_inner {border-radius:15px 15px 0 0; overflow:hidden;}
.online_inner .pop_bg {padding:40px 60px; box-sizing:border-box; background:url('https://cwstatic.asiae.co.kr/forum/asiae_value/20200828/img_popbg.jpg') no-repeat center top;}
.online_inner .pop_bg .tit {font-size:46px; font-weight:700; color:#fff;}
.online_inner .pop_bg .tit span {color:#ffc5d9;}
.online_inner .pop_bg .txt {display:inline-block; font-size:28px; color:#fff; padding:34px 0 20px;}
.online_inner .pop_txt {position:relative; padding:30px 40px; box-sizing:border-box; font-size:18px; color:#111; background-color:#fff;}
.online_inner .pop_txt span {font-weight:700;}
.online_inner .pop_txt .btn_goto {position:absolute; top:-210px; right:40px; width:130px; height:130px;}
.online_inner .pop_txt .btn_down {position:absolute; top:-70px; right:40px; width:130px; height:130px;}
.online_inner .pop_txt .btn_goto img, .online_inner .pop_txt .btn_down img {width:100%;}
.online_inner .box {height:30px; line-height:30px; background-color:#111;}
.online_inner .box::after {content: " ";display: block;clear: both;font-size: 0;line-height: 0;height: 0;}
.online_inner .box .today {display:inline-block; float:left; margin:0 0 0 40px; color:#fff; font-size:14px; line-height:30px;}
.online_inner .box .close {display:inline-block; float:right; margin:0 40px 0 0; color:#fff; font-size:14px; line-height:30px;}

@media only screen and (max-width:1100px) {
.session01 {background: url('https://cwstatic.asiae.co.kr/forum/itforum/itforum_bg01.jpg') no-repeat center top;height: 750px;}
#particles-js {height: 750px;}

.main_body {width:100%; }
.sub_box ul {width: 100%;}

.sub_body {width:100%;}
.sub_body01 {width:90%;}
.session02 .sub_body02 {width: 100%; padding:60px 0;}
.session02 .sub_body02 .sub_con {width: 100%;}

.main_box .sub_head h1 {left:20px; }
.main_box .sub_head .btn_share {right:20px;}

.main_tit {width:80%; text-align:center; margin: 80px auto 100px;}
.tit_bar {margin:14px auto;}
.main_tit .txt {width: 100%; margin:0 auto; font-size:18px;}
.main_tit .txt span {line-height:18px;}
.main_tit .txt span::after {content: " ";display: inline-block; position:absolute; bottom:4px; left:0; width:100%; height:4px; background-color:#a6121d; z-index:-1;}

.section04_con {width: 80%;}
.session05 .sub_body02 {padding: 60px 0;}

.session03 {padding:60px 0;}
.session04 {padding:60px 0;}
.session06 {padding:60px 0;}

.copy {font-size:14px;}

}
@media only screen and (max-width:900px) {
.gmenu {display:none;}
.header h1 {left:20px;}
.headerInner {display:block;}
    
.m_gnb a{display:inline-block;}
.m_gnb_list {position:fixed;top:80px;left:0;width:100%;float:left;margin:0;display:none;}
.m_gnb_list .gnbInner {width:100%;}
.m_gnb_list .gnbInner li {width:100%;text-align:left;margin:0;}
.m_gnb_list .gnbInner li a {font-size:16px;color:#fff;display: block; height:50px; line-height:50px; background:rgb(0,0,0,0.5); border-top: 1px solid rgb(255,255,255,0.3); padding-left:20px;}
.m_gnb {position:absolute; display:block;right:20px;}

.main_tit .tit01 {display:block; text-align:center; width:200px; margin:0 0 20px 0;}
}

@media only screen and (max-width:700px) {
.sub_box ul li .tit {margin:0 0 20px 0;}
.sub_box ul li .tit span {display:none;}

.section02_con {width: 80%;}
.section02_con li {margin: 0 0 8px 0;}
.section02_con li::after {content: " ";display: block;clear: both;font-size: 0;line-height: 0;height: 0;}
.section02_con li .tit0 {float: left; width: 100px; height: 40px; line-height: 40px;}
.section02_con li .tit {float: left; width: 100px; height: 40px; line-height: 40px;}
.section02_con li .txt {width: 70%; display: block;margin: 0 0 0 20px; float: left;}
.section02_con li .tit + .txt {height: 40px; line-height: 40px;}
.section02_txt {width:80%; margin:20px auto 0; text-align:left;}

.section04_con .people {width: 100%; margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #e6e6e6;}
.section04_con .people:last-child {border:none; margin:0; padding:0;}
.section04_con .people .txt_bx .txt span {margin: 0 10px 0 0;}

.session06 .txt {width:80%; margin:0 auto 20px; font-size:14px;}
}

@media only screen and (max-width:520px) {


.main_tit .tit02 {font-size: 42px; margin: 0 0 10px 0;}
.main_tit .tit01 {width: 160px; margin: 0 auto;}
.main_tit .txt01 {font-size: 18px;}
.main_tit .txt02 {font-size: 18px;}
.main_tit .tit02 span {display:block; }
.main_tit {margin: 80px auto 60px;}

.btn_box {width:60%;}
.btn_box li {width: 100%; margin:0 0 10px 0;}
.btn_box li .btn01 {width:100%; height: 50px; line-height:50px;}
.btn_box li .btn02 {width:100%; height: 50px; line-height:50px;}

.sub_box {padding: 60px 0;}
.sub_box ul li {float:none; width: 80%; margin:0 auto; padding:0; }
.sub_box ul li:last-child {margin:0 auto; }

.section02_con li {margin: 0 0 14px 0;}
.section02_con li .tit {width: 100px;}
.section02_con li .tit0 {width: 100px;}
.section02_con li .txt {width:100%; float: left; margin:6px 0 0 0;}
.section02_con li .tit + .txt {height: 40px; line-height: 40px; }

.con_table thead th {height: 50px; line-height: 50px; font-size: 16px;}
.con_table tbody td {font-size: 14px;}
.con_table tbody td .tit {font-size: 16px;}
.session03 .sub_body01 .txt {margin: 4px 0 0 0;}

.entry_box {width:80%;}
.btn_box li .btn03 {width:100%; height: 50px; line-height:50px;}
.btn_box li .btn04 {width:100%; height: 50px; line-height:50px;}
.entry_txt {width:80%;}

.popup_modify {width:90%;}

.online_pop {width:90%; position:absolute; top:140px; left:50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.online_inner .pop_bg {padding:30px 40px;}
.online_inner .pop_bg .tit {font-size:32px; font-weight:700; color:#fff;}
.online_inner .pop_bg .txt {display:inline-block; font-size:20px; color:#fff; padding:24px 0 20px;}
.online_inner .pop_txt .btn_goto {top:-160px; right:40px; width:90px; height:90px;}
.online_inner .pop_txt .btn_down {top:-60px; right:40px; width:90px; height:90px;}
}

@media only screen and (max-width:425px) {
.section04_con .people .txt_bx {width: 100%; padding: 20px 0 0 0;}
.section04_con .people .thumb {margin:0 auto; float:none;}

.con_table tbody td.tc {padding: 16px 20px;}
}

@media only screen and (max-width:375px) {
.btn_box {width: 80%;}

.online_inner .pop_bg {padding:15px 30px;}
.online_inner .pop_txt {padding:30px 30px;}
.online_inner .pop_txt .btn_goto, .online_inner .pop_txt .btn_down{right:10px;}
.online_inner .box .today {margin:0 0 0 30px;}
.online_inner .box .close {margin:0 30px 0 0;}
}