@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

*{padding: 0; margin: 0;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
    background: #FFF;
    font-family: 'Noto Sans KR', 'NanumBarunGothic', '나눔바른고딕','맑은 고딕', 'Malgun Gothic', Dotum , sans-serif;
    font-size: 14px;
    line-height:150%;
    color:#555;
    margin: 0;
    padding: 0;
}

div, span, table, tr, td, input, select, pre, textarea { 
    font-family: 'Noto Sans KR', 'NanumBarunGothic', '나눔바른고딕','맑은 고딕', 'Malgun Gothic', Dotum , sans-serif;
    text-decoration:none;
}

a {
    text-decoration:none;
    color:inherit;
}

input[type=submit] { -webkit-appearance:none; }

/*공통시작*/
.txt { border:1px solid #C0C0C0; height:22px; padding:3px; vertical-align:middle; }
.btn { border:1px solid #CFCFCF; background-color:#EFEFEF; text-decoration:none; padding:5px; line-height:150%; min-width:60px; margin:0 auto; vertical-align:middle; cursor:pointer; }
.txt_btn {  }
.cbo { border:1px solid #C0C0C0; height:30px; padding:3px; vertical-align:middle; }
.box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.csPointer {cursor:pointer;}
.hidden { display:none;}

.taCenter {text-align:center}
.taLeft {text-align:left}
.taRight {text-align:right}
.floatParent:after { content:''; display:block; clear:both; }
.floatLeft {float:left}
.floatRight {float:Right}
.clearBoth {clear:both}
.fc_red {color:#CF0000}
.fc_blue {color:#1F70A5}
.fc_green {color:#419478}

.bold, .b { font-weight:bold; }
.italic, i { font-style:italic; }

.btn_box { margin:10px auto; text-align:center; }

.area_check { }
.area_check input { display: none; }
.area_check input + label::before { content: ''; display: inline-block; background-color: #FFF; border: 3px solid #DFDFDF; vertical-align:middle; width: 25px; height: 25px; margin-right:5px; }
.area_check input:checked + label::before { background-image:url('/Images/Promotion/Quiz/img_check.png');background-position:-3px; }
/*공통끝*/




/* S:리스트 */
.wlist { width:100%; }
.wlist>.witem { width:100%; border-top:2px solid #103285; padding:15px 20px; box-shadow:0px 3px 6px #00000029; border-radius:0 0 8px 8px; position:relative; margin-bottom:20px;  }
.wlist>.witem>div { display:inline-block; }
.wlist>.witem>.b_thumb { /*position:absolute;*/ width:250px; height:150px; background-color:#EFEFEF; vertical-align:top; }
.wlist>.witem>.b_winfo { width:calc(100% - 260px); padding-left:20px; }
.wlist>.witem .b_title { font-weight:bold; font-size:20px; color:#103285; padding:18px 0;}
.wlist>.witem .b_speaker { font-weight:bold; margin-bottom:5px; }
.wlist>.witem .b_company { color:#999; }
.wlist>.witem .b_btns { position:absolute; bottom:20px; right:20px;}
        
/* E:리스트 */

/* S:뷰 */
/* E:뷰 */


@media all and (min-width:768px) and (max-width:1279px) {
.wrap_default>.wrap_header .b_logo { left:20px; }
.footer>.inbox>div.flogo_pariet { left:15px; }
.footer>.inbox>div.flogo_company { right:15px; }
}

@media all and (min-width : 768px) {
.wrap_login { background-size:58%; }
.wrap_login>.box_notice { top:50px; right:0; }
}

@media all and (max-width : 767px) {
.wrap_login { background-size:100%; background-position:center bottom; padding-top:100px; margin-bottom:150px; }
.wrap_login>.box_notice { top:30px; right:15%; }
.wrap_login>.form_login { position:relative; width:70%; max-width:inherit; margin:0 auto 50vw auto; text-align:center; }
.wrap_login>.form_login>.tit>img { width:100%; margin-top:0%; }
.footer_login { height:80px; }
.footer { height:80px; }
.footer_login>.inbox>div.ftel { position:fixed; bottom:110px; border:1px solid #FFF; color:#FFF; border-radius:10px; }
.footer_login>.inbox>div.flogo_pariet { left:15px; }
.footer_login>.inbox>div.flogo_company { right:15px; }
.footer>.inbox>div.flogo_pariet { left:15px; }
.footer>.inbox>div.flogo_company { right:15px; }
.wrap_default>.wrap_header { height:80px; }
.wrap_default>.wrap_header>.wrap_width { background:none; width:90%; }
.wrap_default>.wrap_header .b_logo { width:30%; max-width:200px; top:calc(50% - 18px);}
.wrap_default>.wrap_header .b_logo img { width:100%; }
.wrap_default>.wrap_header .b_info { margin:28px 10px 0 0; }
.wlist { width:90%; margin:0 auto; }
.wlist>.witem>div { display:block; width:100%; }
.wlist>.witem>.b_thumb  { text-align:center; margin:0 auto; }
.wlist>.witem>.b_winfo { width:100%; padding-left:0; }
.wlist>.witem .b_speaker { display:inline-block; }
.wlist>.witem .b_company { display:inline-block; }
.wlist>.witem .b_btns { position:relative; right:auto; bottom:auto; text-align:center; margin-top:15px; }
.wlist>.witem .b_btns img { width:100%; }
}