/**************************************************************
* OH MY PASS 365
**************************************************************/
.ohmypass365 {overflow:hidden}
.ohmypass365 .inner {width:1080px;margin:0 auto}
.oms_quick {position:fixed;top:400px;right:0;z-index:10}
.oms_quick a {display:block;}

.oms_cnt1 {height:704px;background:url(../images/bg_cnt01.jpg) 50% 0 no-repeat}
.oms_cnt1 .inner {width:1207px}
.oms_cnt2 {padding:100px 0;}
.oms_cnt3 {background-color:#f4f4f4}
.oms_cnt4 {padding-bottom:100px}
.oms_cnt4 .inner {position:relative;}
.oms_cnt4 .pop_lecture {display:none;position:absolute;top:1060px;left:50%;margin-left:-237px}
.oms_cnt4 .pop_lecture .option li {display:none}
.oms_cnt4 .pop_lecture .option li:first-child {display:Block;}
.oms_cnt4 .pop_lecture .btn_close {display:block;position:absolute;top:0;right:24px;width:40px;height:40px;font-size:0;background:#24252b url(../images/btn_close.png) 50% 50% no-repeat;transition:0.35s}
.oms_cnt4 .pop_lecture .btn_close:hover {background-color:#006cdd}

.oms_cnt4 .oms_lecture {overflow:hidden;margin-bottom:70px}
.oms_cnt4 .oms_lecture li {float:left;position:relative;width:530px;margin-right:20px;box-sizing:border-box;border:1px solid #666}
.oms_cnt4 .oms_lecture li:nth-child(2n) {margin-right:0}

.oms_cnt4 .oms_lecture .btn_buy {display:block;height:80px;font-size:0;background:#282930 url(../images/btn_buy.png?v2) 210px 27px no-repeat;transition:0.1s}
.oms_cnt4 .oms_lecture .btn_buy:hover {background-color:#006cdd;background-position:213px 30px}
.oms_cnt4 .oms_lecture .btn_view {display:block;position:absolute;top:155px;left:86px;width:172px;height:32px;border-radius:32px;font-size:0;background:url(../images/btn_spec.png) 0 0 no-repeat;transition:0.2s}
.oms_cnt4 .oms_lecture .btn_view:hover {box-shadow:2px 2px 2px #ccc}

.oms_cnt4 .spec_notebook {position:relative;width:1080px;height:640px;background-color:#eef6ff}
.oms_cnt4 .spec_notebook li {display:none;position:absolute;top:0;left:0}
.oms_cnt4 .spec_notebook li.on {display:block;}

/* ÀÌ¿ë¾È³» À¯ÀÇ»çÇ× */
.oms_cnt5 * {font-family:'Noto Sans CJK KR', NotoSans}
.oms_cnt5 {padding:98px 0;background-color:#f4f4f4}

.tit_guidance {margin-bottom:36px;text-align:center}
.tit_guidance .title {display:inline-block;padding-left:46px;font-weight:normal;font-size:30px;line-height:34px;color:#111;letter-spacing:-0.03em;background:url(../images/icon_guidance.png) 0 50% no-repeat}
.cont_guidance {padding:45px 50px;box-sizing:border-box;background-color:#fff}
.list_guidance {margin-bottom:10px}
.list_guidance:last-child {margin-bottom:0}
.list_guidance dt {position:relative;padding-left:8px;font-weight:bold;font-size:14px;line-height:24px;color:#333;letter-spacing:-0.03em}
.list_guidance dt:before {display:block;position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background-color:#333;content:''}
.list_guidance dd {position:relative;padding-left:14px;font-size:13px;line-height:18px;color:#666;letter-spacing:-0.075em}
.list_guidance dd:before {display:block;position:absolute;top:0;left:7px;content:'-'}
.list_guidance .small {font-size:11px;line-height:18px;color:#999;letter-spacing:-0.05em}
.list_guidance a {transition:0.2s}
.list_guidance a:hover {color:#006cdd}


/* ³ëÆ®ºÏ ¹è¼Û Æ˾÷ */
.modal {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 99999;}
.modal_content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 700px; height: 600px; overflow: auto;}
.modal_content .modal_close {display:block;position:absolute;top:0;right:0;width:46px;height:46px;}
.modal_content .modal_close:before {display:block;position:absolute;top:23px;right:12px;width:22px;height:1px;background:#fff;content:'';transform:rotate(45deg)}
.modal_content .modal_close:after {display:block;position:absolute;top:23px;right:12px;width:22px;height:1px;background:#fff;content:'';transform:rotate(-45deg)}
.modal_content .guide {margin:10px 20px 0 20px;border:1px solid #dcdcdc;padding:10px;text-align:left;background-color:#f7f7f7}
.modal_content .guide li {font-size:13px;line-height:18px;color:#333;letter-spacing:-0.05em;}
#popup_shipping{width:700px; height: 630px; margin: 0 auto; text-align: center; background:#fff;}
#popup_shipping .title{margin:0;background-color:#233b83; font-size: 22px; color:#fff; text-align: center; padding: 10px}
#popup_shipping .tcw{font-weight: bold;}
#popup_shipping .txt{margin: 30px 20px; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
#popup_shipping .txt table{background-color:#fff; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: 0;}
#popup_shipping .txt table tr{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
#popup_shipping .txt table th{background-color:#fafafa; color:#233b83; font-size: 16px; font-weight: bold; letter-spacing:-1px;}
#popup_shipping .txt table td{color:#666666; padding: 10px; text-align:left;}
#popup_shipping .txt table td input[type="text"]{width: 240px; height:29px; margin: 5px;}
#popup_shipping .txt table td select{width: 240px; height:32px; margin:5px;padding:0 10px;border:1px solid #D2D2D2; font-size:13px}
#popup_shipping .txt textarea{width:100%; height:80px;}
#popup_shipping .txt .tbst_01 table tr{border:none;}
#popup_shipping .txt .tbst_01 table th{background:#fff; color: #666666; font-size: 14px; text-align: left;}
#popup_shipping .txt .tbst_01 table td{background:#fff; color: #666666; font-size: 14px; text-align: left; padding: 5px 0;}